Update dependencies April 2024 (#2049)

# Pull Request ## 🤨 Rationale When rebuilding the lock file locally I found that some storybook type changes in the latest version prevented builds. ## 👩‍💻 Implementation Rebuild the lock file and update storybook files for type changes ## 🧪 Testing Rely on CI. ## ✅ Checklist - [x] I have updated the project documentation to reflect my changes or determined no changes are needed.
ni · Apr 30, 2024 · dcd30a0 · dcd30a0
1 parent 237a6d3
commit dcd30a0
Show file tree

Hide file tree

Showing 15 changed files with 1,359 additions and 2,757 deletions.
diff --git a/change/@ni-nimble-components-a50e3677-9a73-4e8a-ba2b-efcccf48fd57.json b/change/@ni-nimble-components-a50e3677-9a73-4e8a-ba2b-efcccf48fd57.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Storybook updates",
+  "packageName": "@ni/nimble-components",
+  "email": "rajsite@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/nimble-components/src/banner/tests/banner.stories.ts b/packages/nimble-components/src/banner/tests/banner.stories.ts
@@ -111,7 +111,7 @@ export const _banner: StoryObj<BannerArgs> = {
         toggle: {
             description:
                 'Event emitted by the banner when the `open` state changes. The event details include the booleans `oldState` and `newState`.',
-            control: { type: 'none' }
+            control: false
         }
     },
     args: {

diff --git a/packages/nimble-components/src/label-provider/base/tests/label-user-stories-utils.ts b/packages/nimble-components/src/label-provider/base/tests/label-user-stories-utils.ts
@@ -28,6 +28,6 @@ ${tokenContent}
 
 See the "Tokens/Label Providers" docs page for more information.
 `,
-        control: { type: 'none' }
+        control: false
     };
 }
diff --git a/packages/nimble-components/src/mapping/icon/tests/mapping-icon.stories.ts b/packages/nimble-components/src/mapping/icon/tests/mapping-icon.stories.ts
@@ -23,27 +23,27 @@ export const iconMapping: StoryObj = {
     argTypes: {
         key: {
             description: mappingKeyDescription('the mapped icon'),
-            control: { type: 'none' }
+            control: false
         },
         icon: {
-            control: { type: 'none' },
+            control: false,
             description: `The tag name of the Nimble icon to render, e.g. \`nimble-icon-check\`. Alternatively, set \`icon\` to \`undefined\` to render
                 no icon for the mapping while still providing a label to be used when grouping. Space will always be reserved for the icon so
                 that the text in cells and group rows associated with icon mappings will always be aligned.`
         },
         severity: {
-            control: { type: 'none' },
+            control: false,
             description:
                 'Must be one of the values in the `IconSeverity` enum. Controls the color of the icon.'
         },
         text: {
-            control: { type: 'none' },
+            control: false,
             description: `A textual description of the value. The text will be displayed next to the icon in a cell if \`text-hidden\` is not set,
             or as the tooltip and accessible  name of the icon if \`text-hidden\` is set. The text is also displayed next to the icon
             in a group header. This attribute is required.`
         },
         textHidden: {
-            control: { type: 'none' },
+            control: false,
             name: 'text-hidden',
             description:
                 "When set, the text is hidden within the table's cells. When unset, the text is rendered next to the icon within the cell."

diff --git a/packages/nimble-components/src/mapping/spinner/tests/mapping-spinner.stories.ts b/packages/nimble-components/src/mapping/spinner/tests/mapping-spinner.stories.ts
@@ -23,16 +23,16 @@ export const spinnerMapping: StoryObj = {
     argTypes: {
         key: {
             description: mappingKeyDescription('a spinner'),
-            control: { type: 'none' }
+            control: false
         },
         text: {
-            control: { type: 'none' },
+            control: false,
             description: `A textual description of the value. The text will be displayed next to the spinner in a cell if \`text-hidden\` is not set,
                 or as the tooltip and accessible  name of the spinner if \`text-hidden\` is set. The text is also displayed next to the spinner
                 in a group header. This attribute is required.`
         },
         textHidden: {
-            control: { type: 'none' },
+            control: false,
             name: 'text-hidden',
             description:
                 "When set, the text is hidden within the table's cells. When unset, the text is rendered next to the spinner within the cell."

diff --git a/packages/nimble-components/src/mapping/text/tests/mapping-text.stories.ts b/packages/nimble-components/src/mapping/text/tests/mapping-text.stories.ts
@@ -23,7 +23,7 @@ export const textMapping: StoryObj = {
     argTypes: {
         key: {
             description: mappingKeyDescription('the mapped display text'),
-            control: { type: 'none' }
+            control: false
         },
         text: {
             description: 'The display text.'

diff --git a/packages/nimble-components/src/mapping/user/tests/mapping-user.stories.ts b/packages/nimble-components/src/mapping/user/tests/mapping-user.stories.ts
@@ -22,7 +22,7 @@ export const userMapping: StoryObj = {
     argTypes: {
         key: {
             description: 'A key (url) for each user that maps to a user',
-            control: { type: 'none' }
+            control: false
         },
         displayName: {
             name: 'display-name',

diff --git a/...es/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.stories.ts b/...es/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.stories.ts
@@ -55,7 +55,7 @@ export const richTextMentionUsers: StoryObj = {
     argTypes: {
         pattern: {
             description: patternDescription,
-            control: { type: 'none' }
+            control: false
         },
         checkValidity: {
             name: 'checkValidity()',

diff --git a/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.stories.ts b/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.stories.ts
@@ -108,7 +108,7 @@ export const anchorColumn: StoryObj<AnchorColumnTableArgs> = {
             name: 'href-field-name',
             description:
                 'Set this attribute to identify which field in the data record contains the link url for each cell in the column. If the field is not defined in a particular record, that cell will be displayed as plain text instead of a link. The field values must be of type `string`.',
-            control: { type: 'none' }
+            control: false
         },
         appearance: {
             options: Object.keys(AnchorAppearance),

diff --git a/...ages/nimble-components/src/table-column/date-text/tests/table-column-date-text.stories.ts b/...ages/nimble-components/src/table-column/date-text/tests/table-column-date-text.stories.ts
@@ -163,7 +163,7 @@ export const dateTextColumn: StoryObj<TextColumnTableArgs> = {
             name: 'field-name',
             description:
                 'Set this attribute to identify which field in the data record should be displayed in each column. The field values must be of type `number` and represent the number of milliseconds since January 1, 1970 UTC. This is the representation used by the `Date` type.',
-            control: { type: 'none' }
+            control: false
         },
         placeholder: {
             description:

diff --git a/...ble-components/src/table-column/duration-text/tests/table-column-duration-text.stories.ts b/...ble-components/src/table-column/duration-text/tests/table-column-duration-text.stories.ts
@@ -95,7 +95,7 @@ export const durationTextColumn: StoryObj<TextColumnTableArgs> = {
             name: 'field-name',
             description:
                 'Set this attribute to identify which field in the data record should be displayed in each column. The field values must be of type `number` and represent a total number of milliseconds.',
-            control: { type: 'none' }
+            control: false
         },
         placeholder: {
             description:

diff --git a/packages/nimble-components/src/table-column/icon/tests/table-column-icon.stories.ts b/packages/nimble-components/src/table-column/icon/tests/table-column-icon.stories.ts
@@ -114,11 +114,11 @@ export const iconColumn: StoryObj<IconColumnTableArgs> = {
             name: 'field-name',
             description:
                 "Set this attribute to identify which field in the data record contains the value for each cell in the column. The field values' type must match the type specified by the `key-type` attribute.",
-            control: { type: 'none' }
+            control: false
         },
         keyType: {
             name: 'key-type',
-            control: { type: 'none' },
+            control: false,
             defaultValue: { summary: '"string"' },
             description:
                 'The data type of the key values used for this column. Must be one of `"string"`, `"number"`, or `"boolean"`. Defaults to `"string"` if unspecified.'

diff --git a/.../nimble-components/src/table-column/number-text/tests/table-column-number-text.stories.ts b/.../nimble-components/src/table-column/number-text/tests/table-column-number-text.stories.ts
@@ -178,7 +178,7 @@ export const numberTextColumn: StoryObj<NumberTextColumnTableArgs> = {
             name: 'field-name',
             description:
                 'Set this attribute to identify which field in the data record should be displayed in each column. The field values must be of type `number`.',
-            control: { type: 'none' }
+            control: false
         },
         placeholder: {
             description:

diff --git a/packages/nimble-components/src/tests/component-status.stories.ts b/packages/nimble-components/src/tests/component-status.stories.ts
@@ -620,7 +620,7 @@ const metadata: Meta<TableArgs> = {
             }
         },
         status: {
-            options: statusOptions,
+            options: [...statusOptions],
             control: {
                 type: 'radio'
             }