diff --git a/cspell.json b/cspell.json index 1136a6ef2ab..4d42cf356bc 100644 --- a/cspell.json +++ b/cspell.json @@ -127,6 +127,7 @@ "interstitialscreenview", "interstitialscreenviewmodule", "jsnext", + "lightningcss", "listbox", "loglevel", "Menlo", diff --git a/examples/carbon-for-ibm-products/example-gallery/src/example-gallery.stories.js b/examples/carbon-for-ibm-products/example-gallery/src/example-gallery.stories.jsx similarity index 100% rename from examples/carbon-for-ibm-products/example-gallery/src/example-gallery.stories.js rename to examples/carbon-for-ibm-products/example-gallery/src/example-gallery.stories.jsx diff --git a/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_FilterPanel.scss b/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_FilterPanel.scss index c3941f54f92..9f1a7c1c25b 100644 --- a/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_FilterPanel.scss +++ b/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_FilterPanel.scss @@ -19,6 +19,7 @@ initial-value: 320px; syntax: ''; } + $block-class-component: #{$block-class}-filter-panel; .#{$block-class-component} { @@ -171,6 +172,7 @@ $block-class-component: #{$block-class}-filter-panel; margin-block-start: auto; opacity: 1; + /* stylelint-disable-next-line carbon/layout-use */ transform: translateY(64px) translateZ(0); &.#{$block-class-component}__animationComplete { diff --git a/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_animations.scss b/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_animations.scss index 8baaf5d614f..c0035c140b4 100644 --- a/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_animations.scss +++ b/packages/ibm-products-styles/src/components/Datagrid/styles/addons/_animations.scss @@ -30,11 +30,11 @@ inline-size: 0; opacity: 0; /* stylelint-disable-next-line carbon/layout-use */ - transform: translateX(calc(var(--panel-transform) * -1)); + transform: translateX(calc(var(--panel-transform, 320px) * -1)); } 100% { - inline-size: var(--panel-transform); + inline-size: var(--panel-transform, 320px); opacity: 1; transform: translateX(0); } @@ -42,7 +42,7 @@ @keyframes filter-panel-exit-left { 0% { - inline-size: var(--panel-transform); + inline-size: var(--panel-transform, 320px); opacity: 1; transform: translateX(0); } @@ -51,6 +51,6 @@ inline-size: 0; opacity: 0; /* stylelint-disable-next-line carbon/layout-use */ - transform: translateX(calc(var(--panel-transform) * -1)); + transform: translateX(calc(var(--panel-transform, 320px) * -1)); } } diff --git a/packages/ibm-products-styles/src/components/FilterSummary/_filter-summary.scss b/packages/ibm-products-styles/src/components/FilterSummary/_filter-summary.scss index 7c2d07b0287..919904715a9 100644 --- a/packages/ibm-products-styles/src/components/FilterSummary/_filter-summary.scss +++ b/packages/ibm-products-styles/src/components/FilterSummary/_filter-summary.scss @@ -1,5 +1,5 @@ // -// Copyright IBM Corp. 2022, 2023 +// Copyright IBM Corp. 2022, 2025 // // This source code is licensed under the Apache-2.0 license found in the // LICENSE file in the root directory of this source tree. @@ -12,12 +12,6 @@ $block-class: #{$pkg-prefix}--filter-summary; -@property --panel-transform { - inherits: true; - initial-value: 16px; - syntax: ''; -} - .#{$block-class} { display: flex; align-items: flex-start; diff --git a/packages/ibm-products-styles/src/components/SidePanel/_animations.scss b/packages/ibm-products-styles/src/components/SidePanel/_animations.scss index a301600d3d3..849953d71dd 100644 --- a/packages/ibm-products-styles/src/components/SidePanel/_animations.scss +++ b/packages/ibm-products-styles/src/components/SidePanel/_animations.scss @@ -29,7 +29,7 @@ 0% { opacity: 0; /* stylelint-disable-next-line carbon/layout-use */ - transform: translateX(var(--panel-transform)); + transform: translateX(var(--panel-transform, 320px)); } 100% { @@ -42,7 +42,7 @@ 0% { opacity: 0; /* stylelint-disable-next-line carbon/layout-use */ - transform: translateX(calc(var(--panel-transform) * -1)); + transform: translateX(calc(var(--panel-transform, 320px) * -1)); } 100% { @@ -60,7 +60,7 @@ 100% { opacity: 0; /* stylelint-disable-next-line carbon/layout-use */ - transform: translateX(var(--panel-transform)); + transform: translateX(var(--panel-transform, 320px)); } } @@ -73,6 +73,6 @@ 100% { opacity: 0; /* stylelint-disable-next-line carbon/layout-use */ - transform: translateX(calc(var(--panel-transform) * -1)); + transform: translateX(calc(var(--panel-transform, 320px) * -1)); } } diff --git a/packages/ibm-products-styles/src/components/TruncatedText/_truncated-text.scss b/packages/ibm-products-styles/src/components/TruncatedText/_truncated-text.scss index 222bfad383d..cac1e61d98f 100644 --- a/packages/ibm-products-styles/src/components/TruncatedText/_truncated-text.scss +++ b/packages/ibm-products-styles/src/components/TruncatedText/_truncated-text.scss @@ -7,7 +7,7 @@ @use '../../global/styles/project-settings' as c4p-settings; @use '../../global/styles/mixins'; -@use '@carbon/styles/scss/theme' as *; +@use '@carbon/styles/scss/theme'; $block-class: #{c4p-settings.$pkg-prefix}--truncated-text; @@ -21,7 +21,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--truncated-text; } &__expand-toggle { - color: $link-primary; + color: theme.$link-primary; cursor: pointer; } } diff --git a/packages/ibm-products-web-components/.storybook/main.ts b/packages/ibm-products-web-components/.storybook/main.ts index 758e0649652..ee7365fee67 100644 --- a/packages/ibm-products-web-components/.storybook/main.ts +++ b/packages/ibm-products-web-components/.storybook/main.ts @@ -57,6 +57,14 @@ const config = { include: ['@storybook/web-components-vite'], exclude: ['lit', 'lit-html'], }, + css: { + transformer: 'lightningcss', // Use Lightning CSS for transformations + lightningcss: { + // Allows for build to still pass even if lightning css finds invalid syntax + // Doesn't seem to parse ::slotted() pseudo selector usage well + errorRecovery: true, + }, + }, }); }, docs: { diff --git a/packages/ibm-products-web-components/package.json b/packages/ibm-products-web-components/package.json index 4f30a2e9685..4e7ca925883 100644 --- a/packages/ibm-products-web-components/package.json +++ b/packages/ibm-products-web-components/package.json @@ -57,7 +57,7 @@ "dependencies": { "@carbon-labs/wc-empty-state": "^0.5.0", "@carbon/ibm-products-styles": "^2.69.0", - "@carbon/styles": "1.85.0", + "@carbon/styles": "1.87.0", "@carbon/web-components": "2.33.0", "@ibm/telemetry-js": "^1.10.0", "@lit-labs/signals": "^0.1.2", diff --git a/packages/ibm-products-web-components/src/components/truncated-text/truncated-text.scss b/packages/ibm-products-web-components/src/components/truncated-text/truncated-text.scss index 321fa0fc5d2..12a90ba4dde 100644 --- a/packages/ibm-products-web-components/src/components/truncated-text/truncated-text.scss +++ b/packages/ibm-products-web-components/src/components/truncated-text/truncated-text.scss @@ -11,7 +11,7 @@ @use '@carbon/styles/scss/utilities' as *; @use '@carbon/themes' as *; @use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/theme' as *; +@use '@carbon/styles/scss/theme'; @use '@carbon/styles/scss/motion' as *; @use '@carbon/styles/scss/config'; @@ -75,7 +75,7 @@ $block-class: #{$prefix}--truncated-text; @extend %reset-button; padding: 0 $spacing-01; - color: $link-primary; + color: theme.$link-primary; &.#{$block-class}_button-hide { display: none; @@ -84,25 +84,25 @@ $block-class: #{$prefix}--truncated-text; .#{$block-class}_button-expand { &.#{$block-class}_button-layered { - background-color: $layer; + background-color: theme.$layer; } // Gradient LTR &:dir(ltr)::before { - @include gradient-bg(90deg, $background); + @include gradient-bg(90deg, theme.$background); } &.#{$block-class}_button-layered:dir(ltr)::before { - @include gradient-bg(90deg, $layer); + @include gradient-bg(90deg, theme.$layer); } // Gradient RTL &:dir(rtl)::before { - @include gradient-bg(270deg, $background); + @include gradient-bg(270deg, theme.$background); } &.#{$block-class}_button-layered:dir(rtl)::before { - @include gradient-bg(270deg, $layer); + @include gradient-bg(270deg, theme.$layer); } } diff --git a/packages/ibm-products/.storybook/Annotation/index.js b/packages/ibm-products/.storybook/Annotation/index.jsx similarity index 96% rename from packages/ibm-products/.storybook/Annotation/index.js rename to packages/ibm-products/.storybook/Annotation/index.jsx index 47866cb567d..aab3aa4f682 100644 --- a/packages/ibm-products/.storybook/Annotation/index.js +++ b/packages/ibm-products/.storybook/Annotation/index.jsx @@ -9,7 +9,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import cx from 'classnames'; import { WarningHex, Layers, Chemistry } from '@carbon/react/icons'; -import { pkg } from '../../../ibm-products/src'; +import { pkg } from '../../src'; const types = { 'deprecation-notice': { diff --git a/packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.js b/packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.js rename to packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.stories.js b/packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.stories.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.stories.js rename to packages/ibm-products/.storybook/ComponentPlayground/ComponentPlayground.stories.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/Card/ProductiveCard.js b/packages/ibm-products/.storybook/ComponentPlayground/components/Card/ProductiveCard.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/Card/ProductiveCard.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/Card/ProductiveCard.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/CreateTearsheet/CreateTearsheetWide.js b/packages/ibm-products/.storybook/ComponentPlayground/components/CreateTearsheet/CreateTearsheetWide.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/CreateTearsheet/CreateTearsheetWide.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/CreateTearsheet/CreateTearsheetWide.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/GlobalHeader/GlobalHeader.js b/packages/ibm-products/.storybook/ComponentPlayground/components/GlobalHeader/GlobalHeader.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/GlobalHeader/GlobalHeader.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/GlobalHeader/GlobalHeader.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/PageHeader/PageHeader.js b/packages/ibm-products/.storybook/ComponentPlayground/components/PageHeader/PageHeader.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/PageHeader/PageHeader.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/PageHeader/PageHeader.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/SidePanel/SidePanel.js b/packages/ibm-products/.storybook/ComponentPlayground/components/SidePanel/SidePanel.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/SidePanel/SidePanel.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/SidePanel/SidePanel.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetNarrow.js b/packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetNarrow.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetNarrow.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetNarrow.jsx diff --git a/packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetWide.js b/packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetWide.jsx similarity index 100% rename from packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetWide.js rename to packages/ibm-products/.storybook/ComponentPlayground/components/Tearsheet/TearsheetWide.jsx diff --git a/packages/ibm-products/.storybook/Welcome/Welcome.js b/packages/ibm-products/.storybook/Welcome/Welcome.jsx similarity index 100% rename from packages/ibm-products/.storybook/Welcome/Welcome.js rename to packages/ibm-products/.storybook/Welcome/Welcome.jsx diff --git a/packages/ibm-products/.storybook/WithFeatureFlags/index.js b/packages/ibm-products/.storybook/WithFeatureFlags/index.jsx similarity index 94% rename from packages/ibm-products/.storybook/WithFeatureFlags/index.js rename to packages/ibm-products/.storybook/WithFeatureFlags/index.jsx index d81685795de..76cd644e76c 100644 --- a/packages/ibm-products/.storybook/WithFeatureFlags/index.js +++ b/packages/ibm-products/.storybook/WithFeatureFlags/index.jsx @@ -9,7 +9,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import LinkTo from '@storybook/addon-links/react'; -import { FeatureFlags } from '../../../ibm-products/src/components/FeatureFlags'; +import { FeatureFlags } from '../../src/components/FeatureFlags'; import { Annotation } from '../Annotation'; function WithFeatureFlags({ flags, children, ...rest }) { diff --git a/packages/ibm-products/.storybook/get-auto-track-script.ts b/packages/ibm-products/.storybook/get-auto-track-script.ts new file mode 100644 index 00000000000..b7342cc45c4 --- /dev/null +++ b/packages/ibm-products/.storybook/get-auto-track-script.ts @@ -0,0 +1,54 @@ +/** + * Copyright IBM Corp. 2025, 2025 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +//cspell: disable +export const getAutoTrack = (source: string) => ` + + + `; diff --git a/packages/ibm-products/.storybook/main.js b/packages/ibm-products/.storybook/main.js index 3e2dec82215..66f32360d38 100644 --- a/packages/ibm-products/.storybook/main.js +++ b/packages/ibm-products/.storybook/main.js @@ -7,7 +7,8 @@ import { createRequire } from 'node:module'; import { dirname, join, resolve } from 'path'; import remarkGfm from 'remark-gfm'; -import { getAutoTrack } from '../../../scripts/get-auto-track-script'; +import react from '@vitejs/plugin-react'; +// import { getAutoTrack } from './get-auto-track-script'; const require = createRequire(import.meta.url); @@ -16,7 +17,7 @@ const stories = [ './ComponentPlayground/**/*.stories.*', './Welcome/**/*.stories.*', './PrebuiltPatterns/**/*.mdx', - '../../../examples/carbon-for-ibm-products/example-gallery/src/example-gallery.stories.js', + '../../../examples/carbon-for-ibm-products/example-gallery/src/example-gallery.stories.*', ]; export default { @@ -59,7 +60,8 @@ export default { ${head} ${ process.env.NODE_ENV !== 'development' - ? getAutoTrack('ibm-products-react-storybook') + ? // ? getAutoTrack('ibm-products-react-storybook') + '' : '' } `; @@ -70,18 +72,6 @@ export default { const { mergeConfig } = await import('vite'); return mergeConfig(config, { - esbuild: { - include: /\.[jt]sx?$/, - exclude: [], - loader: 'tsx', - }, - optimizeDeps: { - esbuildOptions: { - loader: { - '.js': 'jsx', - }, - }, - }, resolve: { alias: { ALIAS_STORY_STYLE_CONFIG: resolve( @@ -104,6 +94,9 @@ export default { }, }, }, + experimental: { + enableNativePlugin: true, + }, }); }, diff --git a/packages/ibm-products/.storybook/preview.js b/packages/ibm-products/.storybook/preview.jsx similarity index 95% rename from packages/ibm-products/.storybook/preview.js rename to packages/ibm-products/.storybook/preview.jsx index 0bdb5859a00..0b67f48861e 100644 --- a/packages/ibm-products/.storybook/preview.js +++ b/packages/ibm-products/.storybook/preview.jsx @@ -7,12 +7,12 @@ import React, { useEffect } from 'react'; import { white, g10, g90, g100 } from '@carbon/themes'; -import '../../ibm-products/src/feature-flags'; +import '../src/feature-flags'; -import { pkg } from '../../ibm-products/src/settings'; -import theme from '../.storybook/theme'; +import { pkg } from '../src/settings'; +import theme from './theme'; import index from './index.scss?inline'; -import { StoryDocsPage } from '../../ibm-products/src/global/js/utils/StoryDocsPage'; +import { StoryDocsPage } from '../src/global/js/utils/StoryDocsPage'; // Enable all components, whether released or not, for storybook purposes pkg._silenceWarnings(true); diff --git a/packages/ibm-products/package.json b/packages/ibm-products/package.json index 642d5718609..2fa33e4ebef 100644 --- a/packages/ibm-products/package.json +++ b/packages/ibm-products/package.json @@ -68,6 +68,7 @@ "@babel/preset-env": "^7.26.9", "@babel/preset-react": "^7.26.3", "@babel/preset-typescript": "^7.26.0", + "@carbon/styles": "^1.87.0", "@ibm/telemetry-js-config-generator": "^2.0.1", "@percy/cli": "^1.31.0", "@percy/storybook": "^9.0.0", @@ -75,11 +76,12 @@ "@rollup/plugin-commonjs": "^28.0.3", "@rollup/plugin-node-resolve": "^16.0.1", "@rollup/plugin-typescript": "^12.1.2", - "@storybook/addon-docs": "^9.0.8", - "@storybook/addon-links": "^9.0.8", + "@storybook/addon-docs": "^9.1.1", + "@storybook/addon-links": "^9.1.1", "@storybook/csf": "^0.1.13", - "@storybook/react-vite": "^9.0.13", + "@storybook/react-vite": "^9.1.1", "@types/react-table": "^7.7.20", + "@vitejs/plugin-react": "^5.0.0", "babel-plugin-dev-expression": "^0.2.3", "babel-preset-ibm-cloud-cognitive": "^0.31.0", "chalk": "^4.1.2", @@ -100,9 +102,9 @@ "rollup": "^4.35.0", "rollup-plugin-strip-banner": "^3.1.0", "sass": "^1.85.1", - "storybook": "^9.0.8", + "storybook": "^9.1.1", "typescript-config-carbon": "^0.6.0", - "vite": "^7.0.0", + "vite": "npm:rolldown-vite@latest", "yargs": "^18.0.0" }, "dependencies": { @@ -125,7 +127,7 @@ "@carbon/grid": "^11.38.0", "@carbon/layout": "^11.36.0", "@carbon/motion": "^11.30.0", - "@carbon/react": "^1.86.0", + "@carbon/react": "^1.87.0", "@carbon/themes": "^11.55.0", "@carbon/type": "^11.42.0", "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0", diff --git a/packages/ibm-products/src/__tests__/index-all-enabled.test.js b/packages/ibm-products/src/__tests__/index-all-enabled.test.jsx similarity index 100% rename from packages/ibm-products/src/__tests__/index-all-enabled.test.js rename to packages/ibm-products/src/__tests__/index-all-enabled.test.jsx diff --git a/packages/ibm-products/src/components/APIKeyModal/APIKeyModal.test.js b/packages/ibm-products/src/components/APIKeyModal/APIKeyModal.test.jsx similarity index 100% rename from packages/ibm-products/src/components/APIKeyModal/APIKeyModal.test.js rename to packages/ibm-products/src/components/APIKeyModal/APIKeyModal.test.jsx diff --git a/packages/ibm-products/src/components/AboutModal/AboutModal.test.js b/packages/ibm-products/src/components/AboutModal/AboutModal.test.jsx similarity index 100% rename from packages/ibm-products/src/components/AboutModal/AboutModal.test.js rename to packages/ibm-products/src/components/AboutModal/AboutModal.test.jsx diff --git a/packages/ibm-products/src/components/ActionBar/ActionBar.test.js b/packages/ibm-products/src/components/ActionBar/ActionBar.test.jsx similarity index 100% rename from packages/ibm-products/src/components/ActionBar/ActionBar.test.js rename to packages/ibm-products/src/components/ActionBar/ActionBar.test.jsx diff --git a/packages/ibm-products/src/components/ActionBar/ActionBarItem.test.js b/packages/ibm-products/src/components/ActionBar/ActionBarItem.test.jsx similarity index 100% rename from packages/ibm-products/src/components/ActionBar/ActionBarItem.test.js rename to packages/ibm-products/src/components/ActionBar/ActionBarItem.test.jsx diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectBody.tsx b/packages/ibm-products/src/components/AddSelect/AddSelectBody.tsx index 7e549c9c1ce..532a72b995e 100644 --- a/packages/ibm-products/src/components/AddSelect/AddSelectBody.tsx +++ b/packages/ibm-products/src/components/AddSelect/AddSelectBody.tsx @@ -16,11 +16,11 @@ import { TearsheetProps, } from '../../components/Tearsheet'; import { NotFoundEmptyState } from '../EmptyStates'; -import { AddSelectSidebar } from './AddSelectSidebar'; -import { AddSelectBreadcrumbs } from './AddSelectBreadcrumbs'; -import { AddSelectList } from './AddSelectList'; -import { AddSelectColumn } from './AddSelectColumn'; -import { AddSelectFilter } from './AddSelectFilter'; +import { AddSelectSidebar } from './AddSelectSidebar.jsx'; +import { AddSelectBreadcrumbs } from './AddSelectBreadcrumbs.jsx'; +import { AddSelectList } from './AddSelectList.jsx'; +import { AddSelectColumn } from './AddSelectColumn.jsx'; +import { AddSelectFilter } from './AddSelectFilter.jsx'; import { AddSelectSort } from './AddSelectSort'; import { sortItems, getFilteredItems } from './add-select-utils'; import { useItemSort } from './hooks/useItemSort'; diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectBreadcrumbs.js b/packages/ibm-products/src/components/AddSelect/AddSelectBreadcrumbs.jsx similarity index 100% rename from packages/ibm-products/src/components/AddSelect/AddSelectBreadcrumbs.js rename to packages/ibm-products/src/components/AddSelect/AddSelectBreadcrumbs.jsx diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectColumn.js b/packages/ibm-products/src/components/AddSelect/AddSelectColumn.jsx similarity index 99% rename from packages/ibm-products/src/components/AddSelect/AddSelectColumn.js rename to packages/ibm-products/src/components/AddSelect/AddSelectColumn.jsx index 905e85d8978..9ab85909f53 100644 --- a/packages/ibm-products/src/components/AddSelect/AddSelectColumn.js +++ b/packages/ibm-products/src/components/AddSelect/AddSelectColumn.jsx @@ -19,7 +19,7 @@ import { } from '@carbon/react'; import { Filter } from '@carbon/react/icons'; import { pkg } from '../../settings'; -import { AddSelectList } from './AddSelectList'; +import { AddSelectList } from './AddSelectList.jsx'; import { AddSelectSort } from './AddSelectSort'; import { sortItems } from './add-select-utils'; import { useItemSort } from './hooks/useItemSort'; diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectFilter.js b/packages/ibm-products/src/components/AddSelect/AddSelectFilter.jsx similarity index 100% rename from packages/ibm-products/src/components/AddSelect/AddSelectFilter.js rename to packages/ibm-products/src/components/AddSelect/AddSelectFilter.jsx diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectFormControl.js b/packages/ibm-products/src/components/AddSelect/AddSelectFormControl.jsx similarity index 100% rename from packages/ibm-products/src/components/AddSelect/AddSelectFormControl.js rename to packages/ibm-products/src/components/AddSelect/AddSelectFormControl.jsx diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectList.js b/packages/ibm-products/src/components/AddSelect/AddSelectList.jsx similarity index 96% rename from packages/ibm-products/src/components/AddSelect/AddSelectList.js rename to packages/ibm-products/src/components/AddSelect/AddSelectList.jsx index e209ebca89f..bd29b11be38 100644 --- a/packages/ibm-products/src/components/AddSelect/AddSelectList.js +++ b/packages/ibm-products/src/components/AddSelect/AddSelectList.jsx @@ -9,7 +9,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import cx from 'classnames'; import { pkg } from '../../settings'; -import { AddSelectRow } from './AddSelectRow'; +import { AddSelectRow } from './AddSelectRow.jsx'; import useFocus from './hooks/useFocus'; const blockClass = `${pkg.prefix}--add-select__selections`; diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.js b/packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.jsx similarity index 100% rename from packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.js rename to packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.jsx diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.test.js b/packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.test.jsx similarity index 100% rename from packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.test.js rename to packages/ibm-products/src/components/AddSelect/AddSelectMetaPanel.test.jsx diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectRow.js b/packages/ibm-products/src/components/AddSelect/AddSelectRow.jsx similarity index 99% rename from packages/ibm-products/src/components/AddSelect/AddSelectRow.js rename to packages/ibm-products/src/components/AddSelect/AddSelectRow.jsx index 8f26e716418..c75c6ad89c7 100644 --- a/packages/ibm-products/src/components/AddSelect/AddSelectRow.js +++ b/packages/ibm-products/src/components/AddSelect/AddSelectRow.jsx @@ -11,7 +11,7 @@ import { ChevronRight, View } from '@carbon/react/icons'; import PropTypes from 'prop-types'; import cx from 'classnames'; import { pkg } from '../../settings'; -import { AddSelectFormControl } from './AddSelectFormControl'; +import { AddSelectFormControl } from './AddSelectFormControl.jsx'; const blockClass = `${pkg.prefix}--add-select__selections`; const componentName = 'AddSelectList'; diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectSidebar.js b/packages/ibm-products/src/components/AddSelect/AddSelectSidebar.jsx similarity index 98% rename from packages/ibm-products/src/components/AddSelect/AddSelectSidebar.js rename to packages/ibm-products/src/components/AddSelect/AddSelectSidebar.jsx index 7ad29074450..0b41b9a5f65 100644 --- a/packages/ibm-products/src/components/AddSelect/AddSelectSidebar.js +++ b/packages/ibm-products/src/components/AddSelect/AddSelectSidebar.jsx @@ -10,7 +10,7 @@ import { Tag, Accordion, AccordionItem } from '@carbon/react'; import PropTypes from 'prop-types'; import { NoDataEmptyState } from '../../components/EmptyStates/NoDataEmptyState'; import { pkg } from '../../settings'; -import { AddSelectMetaPanel } from './AddSelectMetaPanel'; +import { AddSelectMetaPanel } from './AddSelectMetaPanel.jsx'; const blockClass = `${pkg.prefix}--add-select__sidebar`; const componentName = 'AddSelectSidebar'; diff --git a/packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js b/packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.jsx similarity index 100% rename from packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js rename to packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.jsx diff --git a/packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.test.js b/packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.test.jsx similarity index 100% rename from packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.test.js rename to packages/ibm-products/src/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.test.jsx diff --git a/packages/ibm-products/src/components/BreadcrumbWithOverflow/index.js b/packages/ibm-products/src/components/BreadcrumbWithOverflow/index.js index 8f51f098fe6..f74d2a845ff 100644 --- a/packages/ibm-products/src/components/BreadcrumbWithOverflow/index.js +++ b/packages/ibm-products/src/components/BreadcrumbWithOverflow/index.js @@ -7,4 +7,4 @@ // NOTE: An index file is most useful when you have multiple components -export { BreadcrumbWithOverflow } from './BreadcrumbWithOverflow'; +export { BreadcrumbWithOverflow } from './BreadcrumbWithOverflow.jsx'; diff --git a/packages/ibm-products/src/components/ButtonMenu/ButtonMenu.js b/packages/ibm-products/src/components/ButtonMenu/ButtonMenu.jsx similarity index 100% rename from packages/ibm-products/src/components/ButtonMenu/ButtonMenu.js rename to packages/ibm-products/src/components/ButtonMenu/ButtonMenu.jsx diff --git a/packages/ibm-products/src/components/ButtonMenu/ButtonMenu.test.js b/packages/ibm-products/src/components/ButtonMenu/ButtonMenu.test.jsx similarity index 100% rename from packages/ibm-products/src/components/ButtonMenu/ButtonMenu.test.js rename to packages/ibm-products/src/components/ButtonMenu/ButtonMenu.test.jsx diff --git a/packages/ibm-products/src/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js b/packages/ibm-products/src/components/ButtonSetWithOverflow/ButtonSetWithOverflow.jsx similarity index 100% rename from packages/ibm-products/src/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js rename to packages/ibm-products/src/components/ButtonSetWithOverflow/ButtonSetWithOverflow.jsx diff --git a/packages/ibm-products/src/components/ButtonSetWithOverflow/index.js b/packages/ibm-products/src/components/ButtonSetWithOverflow/index.js index 0a74c6dbda2..2132d5112ca 100644 --- a/packages/ibm-products/src/components/ButtonSetWithOverflow/index.js +++ b/packages/ibm-products/src/components/ButtonSetWithOverflow/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { ButtonSetWithOverflow } from './ButtonSetWithOverflow'; +export { ButtonSetWithOverflow } from './ButtonSetWithOverflow.jsx'; diff --git a/packages/ibm-products/src/components/Card/Card.test.js b/packages/ibm-products/src/components/Card/Card.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Card/Card.test.js rename to packages/ibm-products/src/components/Card/Card.test.jsx diff --git a/packages/ibm-products/src/components/Card/CardFooter.test.js b/packages/ibm-products/src/components/Card/CardFooter.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Card/CardFooter.test.js rename to packages/ibm-products/src/components/Card/CardFooter.test.jsx diff --git a/packages/ibm-products/src/components/Card/CardHeader.test.js b/packages/ibm-products/src/components/Card/CardHeader.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Card/CardHeader.test.js rename to packages/ibm-products/src/components/Card/CardHeader.test.jsx diff --git a/packages/ibm-products/src/components/Carousel/Carousel.test.js b/packages/ibm-products/src/components/Carousel/Carousel.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Carousel/Carousel.test.js rename to packages/ibm-products/src/components/Carousel/Carousel.test.jsx diff --git a/packages/ibm-products/src/components/Cascade/Cascade.docs-page.js b/packages/ibm-products/src/components/Cascade/Cascade.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Cascade/Cascade.docs-page.js rename to packages/ibm-products/src/components/Cascade/Cascade.docs-page.jsx diff --git a/packages/ibm-products/src/components/Cascade/Cascade.test.js b/packages/ibm-products/src/components/Cascade/Cascade.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Cascade/Cascade.test.js rename to packages/ibm-products/src/components/Cascade/Cascade.test.jsx diff --git a/packages/ibm-products/src/components/Checklist/Checklist.docs-page.js b/packages/ibm-products/src/components/Checklist/Checklist.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Checklist/Checklist.docs-page.js rename to packages/ibm-products/src/components/Checklist/Checklist.docs-page.jsx diff --git a/packages/ibm-products/src/components/Checklist/Checklist.tsx b/packages/ibm-products/src/components/Checklist/Checklist.tsx index b0083c7b3c8..00544503e79 100644 --- a/packages/ibm-products/src/components/Checklist/Checklist.tsx +++ b/packages/ibm-products/src/components/Checklist/Checklist.tsx @@ -24,8 +24,8 @@ import React, { useState, } from 'react'; -import { ChecklistChart } from './ChecklistChart'; -import { ChecklistIcon } from './ChecklistIcon'; +import { ChecklistChart } from './ChecklistChart.jsx'; +import { ChecklistIcon } from './ChecklistIcon.jsx'; import { ChevronUp } from '@carbon/react/icons'; // Other standard imports. import PropTypes from 'prop-types'; diff --git a/packages/ibm-products/src/components/Checklist/ChecklistChart.js b/packages/ibm-products/src/components/Checklist/ChecklistChart.jsx similarity index 100% rename from packages/ibm-products/src/components/Checklist/ChecklistChart.js rename to packages/ibm-products/src/components/Checklist/ChecklistChart.jsx diff --git a/packages/ibm-products/src/components/Checklist/ChecklistIcon.js b/packages/ibm-products/src/components/Checklist/ChecklistIcon.jsx similarity index 100% rename from packages/ibm-products/src/components/Checklist/ChecklistIcon.js rename to packages/ibm-products/src/components/Checklist/ChecklistIcon.jsx diff --git a/packages/ibm-products/src/components/Coachmark/Coachmark.test.js b/packages/ibm-products/src/components/Coachmark/Coachmark.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Coachmark/Coachmark.test.js rename to packages/ibm-products/src/components/Coachmark/Coachmark.test.jsx diff --git a/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.test.js b/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.test.js rename to packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.test.jsx diff --git a/packages/ibm-products/src/components/CoachmarkButton/CoachmarkButton.test.js b/packages/ibm-products/src/components/CoachmarkButton/CoachmarkButton.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CoachmarkButton/CoachmarkButton.test.js rename to packages/ibm-products/src/components/CoachmarkButton/CoachmarkButton.test.jsx diff --git a/packages/ibm-products/src/components/CoachmarkFixed/CoachmarkFixed.test.js b/packages/ibm-products/src/components/CoachmarkFixed/CoachmarkFixed.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CoachmarkFixed/CoachmarkFixed.test.js rename to packages/ibm-products/src/components/CoachmarkFixed/CoachmarkFixed.test.jsx diff --git a/packages/ibm-products/src/components/CoachmarkOverlayElement/CoachmarkOverlayElement.test.js b/packages/ibm-products/src/components/CoachmarkOverlayElement/CoachmarkOverlayElement.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CoachmarkOverlayElement/CoachmarkOverlayElement.test.js rename to packages/ibm-products/src/components/CoachmarkOverlayElement/CoachmarkOverlayElement.test.jsx diff --git a/packages/ibm-products/src/components/CoachmarkOverlayElements/CoachmarkOverlayElements.test.js b/packages/ibm-products/src/components/CoachmarkOverlayElements/CoachmarkOverlayElements.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CoachmarkOverlayElements/CoachmarkOverlayElements.test.js rename to packages/ibm-products/src/components/CoachmarkOverlayElements/CoachmarkOverlayElements.test.jsx diff --git a/packages/ibm-products/src/components/CoachmarkStack/CoachmarkStack.test.js b/packages/ibm-products/src/components/CoachmarkStack/CoachmarkStack.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CoachmarkStack/CoachmarkStack.test.js rename to packages/ibm-products/src/components/CoachmarkStack/CoachmarkStack.test.jsx diff --git a/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js b/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.jsx similarity index 100% rename from packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js rename to packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.jsx diff --git a/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx b/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx index 30b6a1583b0..608ebc73da9 100644 --- a/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx +++ b/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx @@ -26,7 +26,7 @@ import ConditionPreview from '../ConditionPreview/ConditionPreview'; import { Heading } from '@carbon/react'; /**@ts-ignore */ import { Section } from '@carbon/react'; -import GroupConnector from '../ConditionBuilderConnector/GroupConnector'; +import GroupConnector from '../ConditionBuilderConnector/GroupConnector.jsx'; import ConditionBuilderActions from '../ConditionBuilderActions/ConditionBuilderActions'; import { useTranslations } from '../utils/useTranslations'; import { diff --git a/packages/ibm-products/src/components/ConditionBuilder/assets/CustomInput.js b/packages/ibm-products/src/components/ConditionBuilder/assets/CustomInput.jsx similarity index 100% rename from packages/ibm-products/src/components/ConditionBuilder/assets/CustomInput.js rename to packages/ibm-products/src/components/ConditionBuilder/assets/CustomInput.jsx diff --git a/packages/ibm-products/src/components/ConditionBuilder/assets/sampleInput.js b/packages/ibm-products/src/components/ConditionBuilder/assets/sampleInput.jsx similarity index 100% rename from packages/ibm-products/src/components/ConditionBuilder/assets/sampleInput.js rename to packages/ibm-products/src/components/ConditionBuilder/assets/sampleInput.jsx diff --git a/packages/ibm-products/src/components/CreateFullPage/CreateFullPage.docs-page.js b/packages/ibm-products/src/components/CreateFullPage/CreateFullPage.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateFullPage/CreateFullPage.docs-page.js rename to packages/ibm-products/src/components/CreateFullPage/CreateFullPage.docs-page.jsx diff --git a/packages/ibm-products/src/components/CreateFullPage/CreateFullPage.test.js b/packages/ibm-products/src/components/CreateFullPage/CreateFullPage.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateFullPage/CreateFullPage.test.js rename to packages/ibm-products/src/components/CreateFullPage/CreateFullPage.test.jsx diff --git a/packages/ibm-products/src/components/CreateModal/CreateModal.docs-page.js b/packages/ibm-products/src/components/CreateModal/CreateModal.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateModal/CreateModal.docs-page.js rename to packages/ibm-products/src/components/CreateModal/CreateModal.docs-page.jsx diff --git a/packages/ibm-products/src/components/CreateModal/CreateModal.test.js b/packages/ibm-products/src/components/CreateModal/CreateModal.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateModal/CreateModal.test.js rename to packages/ibm-products/src/components/CreateModal/CreateModal.test.jsx diff --git a/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.js b/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.js rename to packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.jsx diff --git a/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.test.js b/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.test.js rename to packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.test.jsx diff --git a/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.docs-page.js b/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.docs-page.js rename to packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.docs-page.jsx diff --git a/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.test.js b/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.test.js rename to packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.test.jsx diff --git a/packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepTearsheet.js b/packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepTearsheet.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepTearsheet.js rename to packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepTearsheet.jsx diff --git a/packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithIntro.js b/packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithIntro.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithIntro.js rename to packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithIntro.jsx diff --git a/packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithStepInErrorState.js b/packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithStepInErrorState.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithStepInErrorState.js rename to packages/ibm-products/src/components/CreateTearsheet/preview-components/MultiStepWithStepInErrorState.jsx diff --git a/packages/ibm-products/src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.test.js b/packages/ibm-products/src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.test.jsx similarity index 100% rename from packages/ibm-products/src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.test.js rename to packages/ibm-products/src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.test.jsx diff --git a/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.tsx b/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.tsx index d5808d8d3b0..d2de0cbca03 100644 --- a/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.tsx +++ b/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.tsx @@ -46,7 +46,7 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools'; import { getScrollbarWidth } from '../../global/js/utils/getScrollbarWidth'; import { handleEditSubmit } from './utils/handleEditSubmit'; import { handleHeaderCellSelection } from './utils/handleHeaderCellSelection'; -import { getNodeTextContent } from '../../global/js/utils/getNodeTextContent'; +import { getNodeTextContent } from '../../global/js/utils/getNodeTextContent.jsx'; import { handleKeyPress } from './utils/commonEventHandlers'; import { pkg } from '../../settings'; import { removeCellSelections } from './utils/removeCellSelections'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.docs-page.js b/packages/ibm-products/src/components/Datagrid/Datagrid.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid.docs-page.js rename to packages/ibm-products/src/components/Datagrid/Datagrid.docs-page.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js b/packages/ibm-products/src/components/Datagrid/Datagrid.stories/CustomizeColumnStory.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js rename to packages/ibm-products/src/components/Datagrid/Datagrid.stories/CustomizeColumnStory.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js b/packages/ibm-products/src/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js rename to packages/ibm-products/src/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js b/packages/ibm-products/src/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js rename to packages/ibm-products/src/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.stories/common.js b/packages/ibm-products/src/components/Datagrid/Datagrid.stories/common.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid.stories/common.js rename to packages/ibm-products/src/components/Datagrid/Datagrid.stories/common.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.test.js b/packages/ibm-products/src/components/Datagrid/Datagrid.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid.test.js rename to packages/ibm-products/src/components/Datagrid/Datagrid.test.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridHeaderRow.tsx b/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridHeaderRow.tsx index 87f184d039f..a12d569b9a6 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridHeaderRow.tsx +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/DatagridHeaderRow.tsx @@ -20,7 +20,7 @@ import { handleColumnResizeEndEvent, handleColumnResizingEvent, } from './addons/stateReducer'; -import { getNodeTextContent } from '../../../global/js/utils/getNodeTextContent'; +import { getNodeTextContent } from '../../../global/js/utils/getNodeTextContent.jsx'; import { DatagridAILabel } from './addons/AiLabel/DatagridAiLabel'; import { useInitialColumnSort } from '../useInitialColumnSort'; import { diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.jsx similarity index 98% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.jsx index c7f882e8a75..592217ee1bb 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.jsx @@ -10,7 +10,7 @@ import PropTypes from 'prop-types'; import { Checkbox } from '@carbon/react'; import { pkg } from '../../../../../settings'; import cx from 'classnames'; -import { DraggableItemsList } from './DraggableItemsList'; +import { DraggableItemsList } from './DraggableItemsList.jsx'; import uuidv4 from '../../../../../global/js/utils/uuidv4'; const blockClass = `${pkg.prefix}--datagrid`; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.jsx similarity index 98% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.jsx index acbce594f34..f62a1fee242 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.jsx @@ -8,8 +8,8 @@ import React, { useEffect, useState, useRef } from 'react'; import PropTypes from 'prop-types'; import { TearsheetNarrow } from '../../../../Tearsheet'; -import Columns from './Columns'; -import Actions from './Actions'; +import Columns from './Columns.jsx'; +import Actions from './Actions.jsx'; import { pkg } from '../../../../../settings'; import { useCallback } from 'react'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.jsx similarity index 99% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.jsx index 5ed918a635f..fef357ff778 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.jsx @@ -12,7 +12,7 @@ import { isColumnVisible } from './common'; import { useId } from '../../../../../global/js/utils/useId'; import DraggableElement from '../../DraggableElement'; import { pkg } from '../../../../../settings'; -import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent'; +import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.jsx'; import { DndContext, diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.jsx similarity index 99% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.jsx index 79a27078c19..f9ad36cb198 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.jsx @@ -6,7 +6,7 @@ import '../../../../../feature-flags'; import React, { useContext, useEffect } from 'react'; import PropTypes from 'prop-types'; -import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet'; +import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet.jsx'; import { InlineEditContext } from '../InlineEdit/InlineEditContext'; const TearsheetWrapper = ({ instance, launcherButtonRef }) => { diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js index cda6f240627..7d9d9fdbb75 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js @@ -5,5 +5,5 @@ * LICENSE file in the root directory of this source tree. */ -export { default as CustomizeColumnsTearsheetWrapper } from './TearsheetWrapper'; +export { default as CustomizeColumnsTearsheetWrapper } from './TearsheetWrapper.jsx'; export { default as ToggleButtonWrapper } from './ButtonWrapper'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js index 29b5ef737a6..ecc85f27626 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js @@ -6,6 +6,6 @@ */ export { default as useSubscribeToEventEmitter } from './useSubscribeToEventEmitter'; -export { default as useFilters } from './useFilters'; +export { default as useFilters } from './useFilters.jsx'; export { default as useShouldDisableButtons } from './useShouldDisableButtons'; export { default as useFilterContext } from './useFilterContext'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.jsx similarity index 99% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.jsx index 32d19696927..56a13f351f9 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.jsx @@ -36,7 +36,7 @@ import React, { useContext, } from 'react'; -import OverflowCheckboxes from '../OverflowCheckboxes'; +import OverflowCheckboxes from '../OverflowCheckboxes.jsx'; import { getInitialStateFromFilters } from '../utils'; import { usePreviousValue } from '../../../../../../global/js/hooks'; import { FilterContext } from '../FilterProvider'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/index.js index 3c4a86cd9bb..a4fb80283e8 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/Filtering/index.js @@ -5,6 +5,6 @@ * LICENSE file in the root directory of this source tree. */ -export { default as FilterFlyout } from './FilterFlyout'; -export { default as FilterPanel } from './FilterPanel'; +export { default as FilterFlyout } from './FilterFlyout.jsx'; +export { default as FilterPanel } from './FilterPanel.jsx'; export { FilterProvider, FilterContext } from './FilterProvider'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js index 41d0f6a0d56..650a806a4b2 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { InlineEditButton } from './InlineEditButton'; +export { InlineEditButton } from './InlineEditButton.jsx'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js index 81c7273e10f..b9a5d0aec03 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { InlineEditCell } from './InlineEditCell'; +export { InlineEditCell } from './InlineEditCell.jsx'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js index 5c170b9d5fc..9f5586554a4 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { InlineEditProvider, InlineEditContext } from './InlineEditContext'; +export { InlineEditProvider, InlineEditContext } from './InlineEditContext.jsx'; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.jsx similarity index 97% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.jsx index bc15c15d91f..e5e8a8a8608 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.jsx @@ -16,7 +16,7 @@ import { usePrefix, } from '@carbon/react'; import cx from 'classnames'; -import RowSizeRadioGroup from './RowSizeRadioGroup'; +import RowSizeRadioGroup from './RowSizeRadioGroup.jsx'; import { pkg } from '../../../../../settings'; const blockClass = `${pkg.prefix}--datagrid__row-size`; diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js rename to packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/index.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/index.js index 7428a38c869..5d7a5f69582 100644 --- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/index.js +++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/RowSize/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { default as RowSizeDropdown } from './RowSizeDropdown'; +export { default as RowSizeDropdown } from './RowSizeDropdown.jsx'; diff --git a/packages/ibm-products/src/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js b/packages/ibm-products/src/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js rename to packages/ibm-products/src/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js b/packages/ibm-products/src/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js rename to packages/ibm-products/src/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js b/packages/ibm-products/src/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js rename to packages/ibm-products/src/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js b/packages/ibm-products/src/components/Datagrid/Extensions/Filtering/Filtering.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js rename to packages/ibm-products/src/components/Datagrid/Extensions/Filtering/Filtering.docs-page.jsx diff --git a/packages/ibm-products/src/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js b/packages/ibm-products/src/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js rename to packages/ibm-products/src/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.jsx diff --git a/packages/ibm-products/src/components/Datagrid/useDatagrid.ts b/packages/ibm-products/src/components/Datagrid/useDatagrid.ts index 95fd716e7e2..f32fb630da0 100644 --- a/packages/ibm-products/src/components/Datagrid/useDatagrid.ts +++ b/packages/ibm-products/src/components/Datagrid/useDatagrid.ts @@ -20,7 +20,7 @@ import { PluginHook, } from 'react-table'; import useSkeletonRows from './useSkeletonRows'; -import useDefaultStringRenderer from './useDefaultStringRenderer'; +import useDefaultStringRenderer from './useDefaultStringRenderer.jsx'; import useRowRenderer from './useRowRenderer'; import useRowSize from './useRowSize'; import useHeaderRow from './Datagrid/DatagridHeaderRow'; diff --git a/packages/ibm-products/src/components/Datagrid/useDefaultStringRenderer.js b/packages/ibm-products/src/components/Datagrid/useDefaultStringRenderer.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/useDefaultStringRenderer.js rename to packages/ibm-products/src/components/Datagrid/useDefaultStringRenderer.jsx diff --git a/packages/ibm-products/src/components/Datagrid/useExpandedRow.ts b/packages/ibm-products/src/components/Datagrid/useExpandedRow.ts index edf98e7b777..8e8c79160d9 100644 --- a/packages/ibm-products/src/components/Datagrid/useExpandedRow.ts +++ b/packages/ibm-products/src/components/Datagrid/useExpandedRow.ts @@ -7,7 +7,7 @@ import { useState } from 'react'; import DatagridExpandedRow from './Datagrid/DatagridExpandedRow'; -import useRowExpander from './useRowExpander'; +import useRowExpander from './useRowExpander.jsx'; import { Hooks, TableInstance } from 'react-table'; import { DataGridState, DatagridRow } from './types'; diff --git a/packages/ibm-products/src/components/Datagrid/useNestedRowExpander.js b/packages/ibm-products/src/components/Datagrid/useNestedRowExpander.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/useNestedRowExpander.js rename to packages/ibm-products/src/components/Datagrid/useNestedRowExpander.jsx diff --git a/packages/ibm-products/src/components/Datagrid/useNestedRows.ts b/packages/ibm-products/src/components/Datagrid/useNestedRows.ts index cfd89501511..34a2fb40484 100644 --- a/packages/ibm-products/src/components/Datagrid/useNestedRows.ts +++ b/packages/ibm-products/src/components/Datagrid/useNestedRows.ts @@ -7,7 +7,7 @@ import cx from 'classnames'; import { pkg } from '../../settings'; -import useNestedRowExpander from './useNestedRowExpander'; +import useNestedRowExpander from './useNestedRowExpander.jsx'; import { useEffect } from 'react'; import { Hooks, TableInstance } from 'react-table'; import { DataGridState, DatagridRow } from './types'; diff --git a/packages/ibm-products/src/components/Datagrid/useRowExpander.js b/packages/ibm-products/src/components/Datagrid/useRowExpander.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/useRowExpander.js rename to packages/ibm-products/src/components/Datagrid/useRowExpander.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/DatagridActions.js b/packages/ibm-products/src/components/Datagrid/utils/DatagridActions.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/DatagridActions.js rename to packages/ibm-products/src/components/Datagrid/utils/DatagridActions.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/DatagridPagination.js b/packages/ibm-products/src/components/Datagrid/utils/DatagridPagination.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/DatagridPagination.js rename to packages/ibm-products/src/components/Datagrid/utils/DatagridPagination.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/ExampleAILabel.js b/packages/ibm-products/src/components/Datagrid/utils/ExampleAILabel.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/ExampleAILabel.js rename to packages/ibm-products/src/components/Datagrid/utils/ExampleAILabel.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/FilteringUsage.js b/packages/ibm-products/src/components/Datagrid/utils/FilteringUsage.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/FilteringUsage.js rename to packages/ibm-products/src/components/Datagrid/utils/FilteringUsage.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/Wrapper.js b/packages/ibm-products/src/components/Datagrid/utils/Wrapper.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/Wrapper.js rename to packages/ibm-products/src/components/Datagrid/utils/Wrapper.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/getBatchActions.js b/packages/ibm-products/src/components/Datagrid/utils/getBatchActions.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/getBatchActions.js rename to packages/ibm-products/src/components/Datagrid/utils/getBatchActions.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/getInlineEditColumns.js b/packages/ibm-products/src/components/Datagrid/utils/getInlineEditColumns.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/getInlineEditColumns.js rename to packages/ibm-products/src/components/Datagrid/utils/getInlineEditColumns.jsx diff --git a/packages/ibm-products/src/components/Datagrid/utils/makeData.js b/packages/ibm-products/src/components/Datagrid/utils/makeData.jsx similarity index 100% rename from packages/ibm-products/src/components/Datagrid/utils/makeData.js rename to packages/ibm-products/src/components/Datagrid/utils/makeData.jsx diff --git a/packages/ibm-products/src/components/Decorator/Decorator.js b/packages/ibm-products/src/components/Decorator/Decorator.jsx similarity index 100% rename from packages/ibm-products/src/components/Decorator/Decorator.js rename to packages/ibm-products/src/components/Decorator/Decorator.jsx diff --git a/packages/ibm-products/src/components/Decorator/index.js b/packages/ibm-products/src/components/Decorator/index.js index 0487a229df9..5b31c85597e 100644 --- a/packages/ibm-products/src/components/Decorator/index.js +++ b/packages/ibm-products/src/components/Decorator/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { Decorator } from './Decorator'; +export { Decorator } from './Decorator.jsx'; diff --git a/packages/ibm-products/src/components/DecoratorBase/DecoratorBase.js b/packages/ibm-products/src/components/DecoratorBase/DecoratorBase.jsx similarity index 99% rename from packages/ibm-products/src/components/DecoratorBase/DecoratorBase.js rename to packages/ibm-products/src/components/DecoratorBase/DecoratorBase.jsx index e836ce250cb..de86ff2d096 100644 --- a/packages/ibm-products/src/components/DecoratorBase/DecoratorBase.js +++ b/packages/ibm-products/src/components/DecoratorBase/DecoratorBase.jsx @@ -13,7 +13,7 @@ import cx from 'classnames'; import { pkg } from '../../settings'; import { getMagnitude, truncate } from './utils'; -import { DecoratorIcon } from './DecoratorIcon'; +import { DecoratorIcon } from './DecoratorIcon.jsx'; const blockClass = `${pkg.prefix}--decorator`; const componentName = 'DecoratorBase'; diff --git a/packages/ibm-products/src/components/DecoratorBase/DecoratorIcon.js b/packages/ibm-products/src/components/DecoratorBase/DecoratorIcon.jsx similarity index 100% rename from packages/ibm-products/src/components/DecoratorBase/DecoratorIcon.js rename to packages/ibm-products/src/components/DecoratorBase/DecoratorIcon.jsx diff --git a/packages/ibm-products/src/components/DecoratorBase/index.js b/packages/ibm-products/src/components/DecoratorBase/index.js index 75a0fafcc9f..4aa4a53d405 100644 --- a/packages/ibm-products/src/components/DecoratorBase/index.js +++ b/packages/ibm-products/src/components/DecoratorBase/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { DecoratorBase } from './DecoratorBase'; +export { DecoratorBase } from './DecoratorBase.jsx'; diff --git a/packages/ibm-products/src/components/DecoratorDualButton/DecoratorDualButton.js b/packages/ibm-products/src/components/DecoratorDualButton/DecoratorDualButton.jsx similarity index 100% rename from packages/ibm-products/src/components/DecoratorDualButton/DecoratorDualButton.js rename to packages/ibm-products/src/components/DecoratorDualButton/DecoratorDualButton.jsx diff --git a/packages/ibm-products/src/components/DecoratorDualButton/index.js b/packages/ibm-products/src/components/DecoratorDualButton/index.js index 6d1adf8ef19..cde626eacda 100644 --- a/packages/ibm-products/src/components/DecoratorDualButton/index.js +++ b/packages/ibm-products/src/components/DecoratorDualButton/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { DecoratorDualButton } from './DecoratorDualButton'; +export { DecoratorDualButton } from './DecoratorDualButton.jsx'; diff --git a/packages/ibm-products/src/components/DecoratorLink/DecoratorLink.js b/packages/ibm-products/src/components/DecoratorLink/DecoratorLink.jsx similarity index 100% rename from packages/ibm-products/src/components/DecoratorLink/DecoratorLink.js rename to packages/ibm-products/src/components/DecoratorLink/DecoratorLink.jsx diff --git a/packages/ibm-products/src/components/DecoratorLink/index.js b/packages/ibm-products/src/components/DecoratorLink/index.js index ede3f5934f9..7ebbf9618ef 100644 --- a/packages/ibm-products/src/components/DecoratorLink/index.js +++ b/packages/ibm-products/src/components/DecoratorLink/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { DecoratorLink } from './DecoratorLink'; +export { DecoratorLink } from './DecoratorLink.jsx'; diff --git a/packages/ibm-products/src/components/DecoratorSingleButton/DecoratorSingleButton.js b/packages/ibm-products/src/components/DecoratorSingleButton/DecoratorSingleButton.jsx similarity index 100% rename from packages/ibm-products/src/components/DecoratorSingleButton/DecoratorSingleButton.js rename to packages/ibm-products/src/components/DecoratorSingleButton/DecoratorSingleButton.jsx diff --git a/packages/ibm-products/src/components/DecoratorSingleButton/index.js b/packages/ibm-products/src/components/DecoratorSingleButton/index.js index 783f41b674e..635c9047e0d 100644 --- a/packages/ibm-products/src/components/DecoratorSingleButton/index.js +++ b/packages/ibm-products/src/components/DecoratorSingleButton/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { DecoratorSingleButton } from './DecoratorSingleButton'; +export { DecoratorSingleButton } from './DecoratorSingleButton.jsx'; diff --git a/packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.js b/packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.js rename to packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.jsx diff --git a/packages/ibm-products/src/components/DelimitedList/DelimitedList.test.js b/packages/ibm-products/src/components/DelimitedList/DelimitedList.test.jsx similarity index 100% rename from packages/ibm-products/src/components/DelimitedList/DelimitedList.test.js rename to packages/ibm-products/src/components/DelimitedList/DelimitedList.test.jsx diff --git a/packages/ibm-products/src/components/DescriptionList/DescriptionList.js b/packages/ibm-products/src/components/DescriptionList/DescriptionList.jsx similarity index 100% rename from packages/ibm-products/src/components/DescriptionList/DescriptionList.js rename to packages/ibm-products/src/components/DescriptionList/DescriptionList.jsx diff --git a/packages/ibm-products/src/components/DescriptionList/DescriptionList.test.js b/packages/ibm-products/src/components/DescriptionList/DescriptionList.test.jsx similarity index 100% rename from packages/ibm-products/src/components/DescriptionList/DescriptionList.test.js rename to packages/ibm-products/src/components/DescriptionList/DescriptionList.test.jsx diff --git a/packages/ibm-products/src/components/DescriptionList/DescriptionListBody.js b/packages/ibm-products/src/components/DescriptionList/DescriptionListBody.jsx similarity index 100% rename from packages/ibm-products/src/components/DescriptionList/DescriptionListBody.js rename to packages/ibm-products/src/components/DescriptionList/DescriptionListBody.jsx diff --git a/packages/ibm-products/src/components/DescriptionList/DescriptionListCell.js b/packages/ibm-products/src/components/DescriptionList/DescriptionListCell.jsx similarity index 100% rename from packages/ibm-products/src/components/DescriptionList/DescriptionListCell.js rename to packages/ibm-products/src/components/DescriptionList/DescriptionListCell.jsx diff --git a/packages/ibm-products/src/components/DescriptionList/DescriptionListRow.js b/packages/ibm-products/src/components/DescriptionList/DescriptionListRow.jsx similarity index 100% rename from packages/ibm-products/src/components/DescriptionList/DescriptionListRow.js rename to packages/ibm-products/src/components/DescriptionList/DescriptionListRow.jsx diff --git a/packages/ibm-products/src/components/DescriptionList/index.js b/packages/ibm-products/src/components/DescriptionList/index.js index e1b78abef16..3307f833ed7 100644 --- a/packages/ibm-products/src/components/DescriptionList/index.js +++ b/packages/ibm-products/src/components/DescriptionList/index.js @@ -5,7 +5,7 @@ * LICENSE file in the root directory of this source tree. */ -export { DescriptionList } from './DescriptionList'; -export { DescriptionListBody } from './DescriptionListBody'; -export { DescriptionListCell } from './DescriptionListCell'; -export { DescriptionListRow } from './DescriptionListRow'; +export { DescriptionList } from './DescriptionList.jsx'; +export { DescriptionListBody } from './DescriptionListBody.jsx'; +export { DescriptionListCell } from './DescriptionListCell.jsx'; +export { DescriptionListRow } from './DescriptionListRow.jsx'; diff --git a/packages/ibm-products/src/components/DragAndDrop/preview-components/GridContainer.js b/packages/ibm-products/src/components/DragAndDrop/preview-components/GridContainer.jsx similarity index 100% rename from packages/ibm-products/src/components/DragAndDrop/preview-components/GridContainer.js rename to packages/ibm-products/src/components/DragAndDrop/preview-components/GridContainer.jsx diff --git a/packages/ibm-products/src/components/DragAndDrop/preview-components/Item.js b/packages/ibm-products/src/components/DragAndDrop/preview-components/Item.jsx similarity index 100% rename from packages/ibm-products/src/components/DragAndDrop/preview-components/Item.js rename to packages/ibm-products/src/components/DragAndDrop/preview-components/Item.jsx diff --git a/packages/ibm-products/src/components/DragAndDrop/preview-components/ListContainer.js b/packages/ibm-products/src/components/DragAndDrop/preview-components/ListContainer.jsx similarity index 100% rename from packages/ibm-products/src/components/DragAndDrop/preview-components/ListContainer.js rename to packages/ibm-products/src/components/DragAndDrop/preview-components/ListContainer.jsx diff --git a/packages/ibm-products/src/components/DragAndDrop/preview-components/Sortable.js b/packages/ibm-products/src/components/DragAndDrop/preview-components/Sortable.jsx similarity index 100% rename from packages/ibm-products/src/components/DragAndDrop/preview-components/Sortable.js rename to packages/ibm-products/src/components/DragAndDrop/preview-components/Sortable.jsx diff --git a/packages/ibm-products/src/components/DragAndDrop/preview-components/SortableItem.js b/packages/ibm-products/src/components/DragAndDrop/preview-components/SortableItem.jsx similarity index 100% rename from packages/ibm-products/src/components/DragAndDrop/preview-components/SortableItem.js rename to packages/ibm-products/src/components/DragAndDrop/preview-components/SortableItem.jsx diff --git a/packages/ibm-products/src/components/DragAndDrop/preview-components/Underlay.js b/packages/ibm-products/src/components/DragAndDrop/preview-components/Underlay.jsx similarity index 100% rename from packages/ibm-products/src/components/DragAndDrop/preview-components/Underlay.js rename to packages/ibm-products/src/components/DragAndDrop/preview-components/Underlay.jsx diff --git a/packages/ibm-products/src/components/EditFullPage/EditFullPage.docs-page.js b/packages/ibm-products/src/components/EditFullPage/EditFullPage.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/EditFullPage/EditFullPage.docs-page.js rename to packages/ibm-products/src/components/EditFullPage/EditFullPage.docs-page.jsx diff --git a/packages/ibm-products/src/components/EditFullPage/EditFullPage.test.js b/packages/ibm-products/src/components/EditFullPage/EditFullPage.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EditFullPage/EditFullPage.test.js rename to packages/ibm-products/src/components/EditFullPage/EditFullPage.test.jsx diff --git a/packages/ibm-products/src/components/EditInPlace/EditInPlace.test.js b/packages/ibm-products/src/components/EditInPlace/EditInPlace.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EditInPlace/EditInPlace.test.js rename to packages/ibm-products/src/components/EditInPlace/EditInPlace.test.jsx diff --git a/packages/ibm-products/src/components/EditSidePanel/EditSidePanel.test.js b/packages/ibm-products/src/components/EditSidePanel/EditSidePanel.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EditSidePanel/EditSidePanel.test.js rename to packages/ibm-products/src/components/EditSidePanel/EditSidePanel.test.jsx diff --git a/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.docs-page.js b/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/EditTearsheet/EditTearsheet.docs-page.js rename to packages/ibm-products/src/components/EditTearsheet/EditTearsheet.docs-page.jsx diff --git a/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.js b/packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.js rename to packages/ibm-products/src/components/EditTearsheet/EditTearsheet.test.jsx diff --git a/packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js b/packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.jsx similarity index 100% rename from packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js rename to packages/ibm-products/src/components/EditTearsheet/preview-components/MultiFormEditTearsheet.jsx diff --git a/packages/ibm-products/src/components/EditTearsheetNarrow/EditTearsheetNarrow.test.js b/packages/ibm-products/src/components/EditTearsheetNarrow/EditTearsheetNarrow.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EditTearsheetNarrow/EditTearsheetNarrow.test.js rename to packages/ibm-products/src/components/EditTearsheetNarrow/EditTearsheetNarrow.test.jsx diff --git a/packages/ibm-products/src/components/EditUpdateCards/EditUpdateCards.test.js b/packages/ibm-products/src/components/EditUpdateCards/EditUpdateCards.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EditUpdateCards/EditUpdateCards.test.js rename to packages/ibm-products/src/components/EditUpdateCards/EditUpdateCards.test.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/EmptyState.test.js b/packages/ibm-products/src/components/EmptyStates/EmptyState.test.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/EmptyState.test.js rename to packages/ibm-products/src/components/EmptyStates/EmptyState.test.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.deprecated.js b/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.deprecated.jsx similarity index 77% rename from packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.deprecated.js rename to packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.deprecated.jsx index 0729f477939..8f43ba7c12d 100644 --- a/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.deprecated.js +++ b/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.deprecated.jsx @@ -8,17 +8,21 @@ import React, { Suspense, lazy } from 'react'; import PropTypes from 'prop-types'; -const ErrorIllustration = lazy(() => import('./assets/ErrorIllustration')); -const NoDataIllustration = lazy(() => import('./assets/NoDataIllustration')); -const NoTagsIllustration = lazy(() => import('./assets/NoTagsIllustration')); +const ErrorIllustration = lazy(() => import('./assets/ErrorIllustration.jsx')); +const NoDataIllustration = lazy( + () => import('./assets/NoDataIllustration.jsx') +); +const NoTagsIllustration = lazy( + () => import('./assets/NoTagsIllustration.jsx') +); const NotFoundIllustration = lazy( - () => import('./assets/NotFoundIllustration') + () => import('./assets/NotFoundIllustration.jsx') ); const NotificationsIllustration = lazy( - () => import('./assets/NotificationsIllustration') + () => import('./assets/NotificationsIllustration.jsx') ); const UnauthorizedIllustration = lazy( - () => import('./assets/UnauthorizedIllustration') + () => import('./assets/UnauthorizedIllustration.jsx') ); const getIllustration = (kind) => { diff --git a/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.tsx b/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.tsx new file mode 100644 index 00000000000..b8de70a06fe --- /dev/null +++ b/packages/ibm-products/src/components/EmptyStates/EmptyStateIllustration.tsx @@ -0,0 +1,61 @@ +/** + * Copyright IBM Corp. 2024 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React, { Suspense, lazy } from 'react'; +import PropTypes from 'prop-types'; + +const ErrorIllustration = lazy(() => import('./assets/ErrorIllustration.jsx')); +const NoDataIllustration = lazy( + () => import('./assets/NoDataIllustration.jsx') +); +const NoTagsIllustration = lazy( + () => import('./assets/NoTagsIllustration.jsx') +); +const NotFoundIllustration = lazy( + () => import('./assets/NotFoundIllustration.jsx') +); +const NotificationsIllustration = lazy( + () => import('./assets/NotificationsIllustration.jsx') +); +const UnauthorizedIllustration = lazy( + () => import('./assets/UnauthorizedIllustration.jsx') +); + +const getIllustration = (kind) => { + switch (kind) { + case 'error': + return ErrorIllustration; + case 'noData': + return NoDataIllustration; + case 'noTags': + return NoTagsIllustration; + case 'notifications': + return NotificationsIllustration; + case 'notFound': + return NotFoundIllustration; + case 'unauthorized': + return UnauthorizedIllustration; + default: + return () => null; + } +}; + +const EmptyStateIllustration = ({ kind, ...rest }) => { + const Illustration = getIllustration(kind); + return ( + + {/* @ts-ignore */} + + ); +}; + +EmptyStateIllustration.propTypes = { + kind: PropTypes.string, +}; + +export default EmptyStateIllustration; diff --git a/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.deprecated.tsx b/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.deprecated.tsx index 67f57ed2c79..56fc3559a95 100644 --- a/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.deprecated.tsx +++ b/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.deprecated.tsx @@ -12,7 +12,7 @@ import { Button, Link } from '@carbon/react'; import { getDevtoolsProps } from '../../global/js/utils/devtools'; import '../../global/js/utils/props-helper'; import { pkg } from '../../settings'; -import EmptyStateIllustration from './EmptyStateIllustration.deprecated'; +import EmptyStateIllustration from './EmptyStateIllustration.deprecated.jsx'; const blockClass = `${pkg.prefix}--empty-state`; const componentName = 'EmptyStateV2'; diff --git a/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.tsx b/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.tsx index bb791e0508e..b550137e6fc 100644 --- a/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.tsx +++ b/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.tsx @@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; import { EmptyStateContent } from '../EmptyStateContent'; -import ErrorIllustration from '../assets/ErrorIllustration'; +import ErrorIllustration from '../assets/ErrorIllustration.jsx'; import { defaults, EmptyStatePresetProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M). diff --git a/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.tsx b/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.tsx index 1473df74747..797e2b813e5 100644 --- a/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.tsx +++ b/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.tsx @@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; import { EmptyStateContent } from '../EmptyStateContent'; -import NoDataIllustration from '../assets/NoDataIllustration'; +import NoDataIllustration from '../assets/NoDataIllustration.jsx'; import { defaults, EmptyStatePresetProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M). diff --git a/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.tsx b/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.tsx index c90978c278b..077c6122a95 100644 --- a/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.tsx +++ b/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.tsx @@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; import { EmptyStateContent } from '../EmptyStateContent'; -import NoTagsIllustration from '../assets/NoTagsIllustration'; +import NoTagsIllustration from '../assets/NoTagsIllustration.jsx'; import { defaults, EmptyStatePresetProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M). diff --git a/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.tsx b/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.tsx index 88bd07b73ff..6923166fb38 100644 --- a/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.tsx +++ b/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.tsx @@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; import { EmptyStateContent } from '../EmptyStateContent'; -import NotFoundIllustration from '../assets/NotFoundIllustration'; +import NotFoundIllustration from '../assets/NotFoundIllustration.jsx'; import { defaults, EmptyStatePresetProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M). diff --git a/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.tsx b/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.tsx index 7ace7e36db8..ec5e34c2394 100644 --- a/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.tsx +++ b/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.tsx @@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; import { EmptyStateContent } from '../EmptyStateContent'; -import NotificationsIllustration from '../assets/NotificationsIllustration'; +import NotificationsIllustration from '../assets/NotificationsIllustration.jsx'; import { defaults, EmptyStatePresetProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M). diff --git a/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.tsx b/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.tsx index 564ca8b4a01..d68e4ece935 100644 --- a/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.tsx +++ b/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.tsx @@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; import { EmptyStateContent } from '../EmptyStateContent'; -import UnauthorizedIllustration from '../assets/UnauthorizedIllustration'; +import UnauthorizedIllustration from '../assets/UnauthorizedIllustration.jsx'; import { defaults, EmptyStatePresetProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M). diff --git a/packages/ibm-products/src/components/EmptyStates/assets/ErrorIllustration.js b/packages/ibm-products/src/components/EmptyStates/assets/ErrorIllustration.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/assets/ErrorIllustration.js rename to packages/ibm-products/src/components/EmptyStates/assets/ErrorIllustration.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/assets/NoDataIllustration.js b/packages/ibm-products/src/components/EmptyStates/assets/NoDataIllustration.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/assets/NoDataIllustration.js rename to packages/ibm-products/src/components/EmptyStates/assets/NoDataIllustration.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/assets/NoTagsIllustration.js b/packages/ibm-products/src/components/EmptyStates/assets/NoTagsIllustration.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/assets/NoTagsIllustration.js rename to packages/ibm-products/src/components/EmptyStates/assets/NoTagsIllustration.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/assets/NotFoundIllustration.js b/packages/ibm-products/src/components/EmptyStates/assets/NotFoundIllustration.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/assets/NotFoundIllustration.js rename to packages/ibm-products/src/components/EmptyStates/assets/NotFoundIllustration.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/assets/NotificationsIllustration.js b/packages/ibm-products/src/components/EmptyStates/assets/NotificationsIllustration.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/assets/NotificationsIllustration.js rename to packages/ibm-products/src/components/EmptyStates/assets/NotificationsIllustration.jsx diff --git a/packages/ibm-products/src/components/EmptyStates/assets/UnauthorizedIllustration.js b/packages/ibm-products/src/components/EmptyStates/assets/UnauthorizedIllustration.jsx similarity index 100% rename from packages/ibm-products/src/components/EmptyStates/assets/UnauthorizedIllustration.js rename to packages/ibm-products/src/components/EmptyStates/assets/UnauthorizedIllustration.jsx diff --git a/packages/ibm-products/src/components/ExampleComponent/ExampleComponent.js b/packages/ibm-products/src/components/ExampleComponent/ExampleComponent.jsx similarity index 100% rename from packages/ibm-products/src/components/ExampleComponent/ExampleComponent.js rename to packages/ibm-products/src/components/ExampleComponent/ExampleComponent.jsx diff --git a/packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.js b/packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.js rename to packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.jsx diff --git a/packages/ibm-products/src/components/FeatureFlags/FeatureFlags.test.js b/packages/ibm-products/src/components/FeatureFlags/FeatureFlags.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FeatureFlags/FeatureFlags.test.js rename to packages/ibm-products/src/components/FeatureFlags/FeatureFlags.test.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanel.js b/packages/ibm-products/src/components/FilterPanel/FilterPanel.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanel.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanel.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.test.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.test.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.test.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/index.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/index.js index 0f16d6b1feb..bfc2b33d820 100644 --- a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/index.js +++ b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordion/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanelAccordion } from './FilterPanelAccordion'; +export { FilterPanelAccordion } from './FilterPanelAccordion.jsx'; diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.test.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.test.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.test.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/index.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/index.js index b14e23bac31..b894fa2b8e0 100644 --- a/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/index.js +++ b/packages/ibm-products/src/components/FilterPanel/FilterPanelAccordionItem/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanelAccordionItem } from './FilterPanelAccordionItem'; +export { FilterPanelAccordionItem } from './FilterPanelAccordionItem.jsx'; diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.test.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.test.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.test.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/index.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/index.js index 234c92987fd..224a6e24981 100644 --- a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/index.js +++ b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckbox/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanelCheckbox } from './FilterPanelCheckbox'; +export { FilterPanelCheckbox } from './FilterPanelCheckbox.jsx'; diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.test.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.test.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.test.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/index.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/index.js index 889b189c839..1a1de0e408a 100644 --- a/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/index.js +++ b/packages/ibm-products/src/components/FilterPanel/FilterPanelCheckboxWithOverflow/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanelCheckboxWithOverflow } from './FilterPanelCheckboxWithOverflow'; +export { FilterPanelCheckboxWithOverflow } from './FilterPanelCheckboxWithOverflow.jsx'; diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.test.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.test.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.test.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/index.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/index.js index 3436be6f687..50cefa411cb 100644 --- a/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/index.js +++ b/packages/ibm-products/src/components/FilterPanel/FilterPanelGroup/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanelGroup } from './FilterPanelGroup'; +export { FilterPanelGroup } from './FilterPanelGroup.jsx'; diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/index.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/index.js index 31b7b9df322..ea9a5f1f6b1 100644 --- a/packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/index.js +++ b/packages/ibm-products/src/components/FilterPanel/FilterPanelLabel/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanelLabel } from './FilterPanelLabel'; +export { FilterPanelLabel } from './FilterPanelLabel.jsx'; diff --git a/packages/ibm-products/src/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js b/packages/ibm-products/src/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.jsx similarity index 100% rename from packages/ibm-products/src/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js rename to packages/ibm-products/src/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.jsx diff --git a/packages/ibm-products/src/components/FilterPanel/index.js b/packages/ibm-products/src/components/FilterPanel/index.js index 825c82631f3..54a53b62a66 100644 --- a/packages/ibm-products/src/components/FilterPanel/index.js +++ b/packages/ibm-products/src/components/FilterPanel/index.js @@ -5,11 +5,11 @@ * LICENSE file in the root directory of this source tree. */ -export { FilterPanel } from './FilterPanel'; -export { FilterPanelAccordion } from './FilterPanelAccordion/FilterPanelAccordion'; -export { FilterPanelAccordionItem } from './FilterPanelAccordionItem/FilterPanelAccordionItem'; -export { FilterPanelCheckbox } from './FilterPanelCheckbox/FilterPanelCheckbox'; -export { FilterPanelCheckboxWithOverflow } from './FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow'; -export { FilterPanelGroup } from './FilterPanelGroup/FilterPanelGroup'; -export { FilterPanelLabel } from './FilterPanelLabel/FilterPanelLabel'; -export { FilterPanelSearch } from './FilterPanelSearch/FilterPanelSearch'; +export { FilterPanel } from './FilterPanel.jsx'; +export { FilterPanelAccordion } from './FilterPanelAccordion/FilterPanelAccordion.jsx'; +export { FilterPanelAccordionItem } from './FilterPanelAccordionItem/FilterPanelAccordionItem.jsx'; +export { FilterPanelCheckbox } from './FilterPanelCheckbox/FilterPanelCheckbox.jsx'; +export { FilterPanelCheckboxWithOverflow } from './FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.jsx'; +export { FilterPanelGroup } from './FilterPanelGroup/FilterPanelGroup.jsx'; +export { FilterPanelLabel } from './FilterPanelLabel/FilterPanelLabel.jsx'; +export { FilterPanelSearch } from './FilterPanelSearch/FilterPanelSearch.jsx'; diff --git a/packages/ibm-products/src/components/FullPageError/FullPageError.test.js b/packages/ibm-products/src/components/FullPageError/FullPageError.test.jsx similarity index 100% rename from packages/ibm-products/src/components/FullPageError/FullPageError.test.js rename to packages/ibm-products/src/components/FullPageError/FullPageError.test.jsx diff --git a/packages/ibm-products/src/components/FullPageError/FullPageError.tsx b/packages/ibm-products/src/components/FullPageError/FullPageError.tsx index bde3a7c8327..de39dca6e26 100644 --- a/packages/ibm-products/src/components/FullPageError/FullPageError.tsx +++ b/packages/ibm-products/src/components/FullPageError/FullPageError.tsx @@ -10,9 +10,9 @@ import { Column, Grid } from '@carbon/react'; // Import portions of React that are needed. import React, { ReactNode } from 'react'; -import { Error403SVG } from './assets/Error403SVG'; -import { Error404SVG } from './assets/Error404SVG'; -import { ErrorGenericSVG } from './assets/ErrorGenericSVG'; +import { Error403SVG } from './assets/Error403SVG.jsx'; +import { Error404SVG } from './assets/Error404SVG.jsx'; +import { ErrorGenericSVG } from './assets/ErrorGenericSVG.jsx'; // Other standard imports. import PropTypes from 'prop-types'; import cx from 'classnames'; diff --git a/packages/ibm-products/src/components/FullPageError/assets/Error403SVG.js b/packages/ibm-products/src/components/FullPageError/assets/Error403SVG.jsx similarity index 100% rename from packages/ibm-products/src/components/FullPageError/assets/Error403SVG.js rename to packages/ibm-products/src/components/FullPageError/assets/Error403SVG.jsx diff --git a/packages/ibm-products/src/components/FullPageError/assets/Error404SVG.js b/packages/ibm-products/src/components/FullPageError/assets/Error404SVG.jsx similarity index 100% rename from packages/ibm-products/src/components/FullPageError/assets/Error404SVG.js rename to packages/ibm-products/src/components/FullPageError/assets/Error404SVG.jsx diff --git a/packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.js b/packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.jsx similarity index 100% rename from packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.js rename to packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.jsx diff --git a/packages/ibm-products/src/components/FullPageError/preview-components/Breadcrumbs.js b/packages/ibm-products/src/components/FullPageError/preview-components/Breadcrumbs.jsx similarity index 100% rename from packages/ibm-products/src/components/FullPageError/preview-components/Breadcrumbs.js rename to packages/ibm-products/src/components/FullPageError/preview-components/Breadcrumbs.jsx diff --git a/packages/ibm-products/src/components/FullPageError/preview-components/UiShell.js b/packages/ibm-products/src/components/FullPageError/preview-components/UiShell.jsx similarity index 100% rename from packages/ibm-products/src/components/FullPageError/preview-components/UiShell.js rename to packages/ibm-products/src/components/FullPageError/preview-components/UiShell.jsx diff --git a/packages/ibm-products/src/components/GetStartedCard/GetStartedCard.test.js b/packages/ibm-products/src/components/GetStartedCard/GetStartedCard.test.jsx similarity index 100% rename from packages/ibm-products/src/components/GetStartedCard/GetStartedCard.test.js rename to packages/ibm-products/src/components/GetStartedCard/GetStartedCard.test.jsx diff --git a/packages/ibm-products/src/components/Guidebanner/Guidebanner.test.js b/packages/ibm-products/src/components/Guidebanner/Guidebanner.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Guidebanner/Guidebanner.test.js rename to packages/ibm-products/src/components/Guidebanner/Guidebanner.test.jsx diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx b/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx index 86eff4c912c..ca58f3456b3 100644 --- a/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx +++ b/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx @@ -11,8 +11,8 @@ import React, { PropsWithChildren } from 'react'; // Other standard imports. import cx from 'classnames'; import { arrayOf, shape, string } from 'prop-types'; -import { HTTPErrorSvg403 } from '../assets/HTTPErrorSvg403'; -import { HTTPErrorContent } from '../HTTPErrorContent'; +import { HTTPErrorSvg403 } from '../assets/HTTPErrorSvg403.jsx'; +import { HTTPErrorContent } from '../HTTPErrorContent.jsx'; import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx b/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx index c44b083c9e5..46d20b0b541 100644 --- a/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx +++ b/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx @@ -11,8 +11,8 @@ import React, { PropsWithChildren } from 'react'; // Other standard imports. import cx from 'classnames'; import { arrayOf, shape, string } from 'prop-types'; -import { HTTPErrorSvg404 } from '../assets/HTTPErrorSvg404'; -import { HTTPErrorContent } from '../HTTPErrorContent'; +import { HTTPErrorSvg404 } from '../assets/HTTPErrorSvg404.jsx'; +import { HTTPErrorContent } from '../HTTPErrorContent.jsx'; import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPErrorContent.js b/packages/ibm-products/src/components/HTTPErrors/HTTPErrorContent.jsx similarity index 100% rename from packages/ibm-products/src/components/HTTPErrors/HTTPErrorContent.js rename to packages/ibm-products/src/components/HTTPErrors/HTTPErrorContent.jsx diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx b/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx index 533b9687a61..d88cb1de00c 100644 --- a/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx +++ b/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx @@ -11,8 +11,8 @@ import React, { PropsWithChildren, Ref } from 'react'; // Other standard imports. import cx from 'classnames'; import { arrayOf, shape, string } from 'prop-types'; -import { HTTPErrorSvgOther } from '../assets/HTTPErrorSvgOther'; -import { HTTPErrorContent } from '../HTTPErrorContent'; +import { HTTPErrorSvgOther } from '../assets/HTTPErrorSvgOther.jsx'; +import { HTTPErrorContent } from '../HTTPErrorContent.jsx'; import { getDevtoolsProps } from '../../../global/js/utils/devtools'; import { pkg } from '../../../settings'; diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPErrors.test.js b/packages/ibm-products/src/components/HTTPErrors/HTTPErrors.test.jsx similarity index 100% rename from packages/ibm-products/src/components/HTTPErrors/HTTPErrors.test.js rename to packages/ibm-products/src/components/HTTPErrors/HTTPErrors.test.jsx diff --git a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.js b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.jsx similarity index 100% rename from packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.js rename to packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.jsx diff --git a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.js b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.jsx similarity index 100% rename from packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.js rename to packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.jsx diff --git a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.js b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.jsx similarity index 100% rename from packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.js rename to packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.jsx diff --git a/packages/ibm-products/src/components/InlineTip/InlineTip.test.js b/packages/ibm-products/src/components/InlineTip/InlineTip.test.jsx similarity index 100% rename from packages/ibm-products/src/components/InlineTip/InlineTip.test.js rename to packages/ibm-products/src/components/InlineTip/InlineTip.test.jsx diff --git a/packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.test.js b/packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.test.jsx similarity index 100% rename from packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.test.js rename to packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.test.jsx diff --git a/packages/ibm-products/src/components/MultiAddSelect/MultiAddSelect.docs-page.js b/packages/ibm-products/src/components/MultiAddSelect/MultiAddSelect.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/MultiAddSelect/MultiAddSelect.docs-page.js rename to packages/ibm-products/src/components/MultiAddSelect/MultiAddSelect.docs-page.jsx diff --git a/packages/ibm-products/src/components/Nav/Nav.js b/packages/ibm-products/src/components/Nav/Nav.jsx similarity index 99% rename from packages/ibm-products/src/components/Nav/Nav.js rename to packages/ibm-products/src/components/Nav/Nav.jsx index f3133d2985d..0603f303127 100644 --- a/packages/ibm-products/src/components/Nav/Nav.js +++ b/packages/ibm-products/src/components/Nav/Nav.jsx @@ -9,8 +9,8 @@ import React, { useState, useEffect, useRef } from 'react'; import PropTypes from 'prop-types'; import cx from 'classnames'; -import NavList, { blockClass as navListBlockClass } from './NavList'; -import NavItem, { blockClass as navItemBlockClass } from './NavItem'; +import NavList, { blockClass as navListBlockClass } from './NavList.jsx'; +import NavItem, { blockClass as navItemBlockClass } from './NavItem.jsx'; import { getDevtoolsProps } from '../../global/js/utils/devtools'; import { pkg } from '../../settings'; diff --git a/packages/ibm-products/src/components/Nav/Nav.test.js b/packages/ibm-products/src/components/Nav/Nav.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Nav/Nav.test.js rename to packages/ibm-products/src/components/Nav/Nav.test.jsx diff --git a/packages/ibm-products/src/components/Nav/NavItem.js b/packages/ibm-products/src/components/Nav/NavItem.jsx similarity index 100% rename from packages/ibm-products/src/components/Nav/NavItem.js rename to packages/ibm-products/src/components/Nav/NavItem.jsx diff --git a/packages/ibm-products/src/components/Nav/NavList.js b/packages/ibm-products/src/components/Nav/NavList.jsx similarity index 99% rename from packages/ibm-products/src/components/Nav/NavList.js rename to packages/ibm-products/src/components/Nav/NavList.jsx index 544ecb29025..cf33132d1c3 100644 --- a/packages/ibm-products/src/components/Nav/NavList.js +++ b/packages/ibm-products/src/components/Nav/NavList.jsx @@ -9,7 +9,7 @@ import React, { useState, useEffect, useImperativeHandle } from 'react'; import { ChevronDown } from '@carbon/icons-react'; import cx from 'classnames'; import { bool, func, node, number, string } from 'prop-types'; -import NavItem, { blockClass as navItemBlockClass } from './NavItem'; +import NavItem, { blockClass as navItemBlockClass } from './NavItem.jsx'; import { pkg } from '../../settings'; const componentName = 'NavList'; diff --git a/packages/ibm-products/src/components/Nav/index.js b/packages/ibm-products/src/components/Nav/index.js index 5e83df750dc..1b02a5ddf54 100644 --- a/packages/ibm-products/src/components/Nav/index.js +++ b/packages/ibm-products/src/components/Nav/index.js @@ -5,6 +5,6 @@ * LICENSE file in the root directory of this source tree. */ -export { Nav } from './Nav'; -export { NavList } from './NavList'; -export { NavItem } from './NavItem'; +export { Nav } from './Nav.jsx'; +export { NavList } from './NavList.jsx'; +export { NavItem } from './NavItem.jsx'; diff --git a/packages/ibm-products/src/components/NonLinearReading/NonLinearReading.test.js b/packages/ibm-products/src/components/NonLinearReading/NonLinearReading.test.jsx similarity index 100% rename from packages/ibm-products/src/components/NonLinearReading/NonLinearReading.test.js rename to packages/ibm-products/src/components/NonLinearReading/NonLinearReading.test.jsx diff --git a/packages/ibm-products/src/components/NotificationsPanel/NotificationsPanel.docs-page.js b/packages/ibm-products/src/components/NotificationsPanel/NotificationsPanel.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/NotificationsPanel/NotificationsPanel.docs-page.js rename to packages/ibm-products/src/components/NotificationsPanel/NotificationsPanel.docs-page.jsx diff --git a/packages/ibm-products/src/components/NotificationsPanel/preview-components/UnreadNotificationBell.js b/packages/ibm-products/src/components/NotificationsPanel/preview-components/UnreadNotificationBell.jsx similarity index 100% rename from packages/ibm-products/src/components/NotificationsPanel/preview-components/UnreadNotificationBell.js rename to packages/ibm-products/src/components/NotificationsPanel/preview-components/UnreadNotificationBell.jsx diff --git a/packages/ibm-products/src/components/OptionsTile/OptionsTile.test.js b/packages/ibm-products/src/components/OptionsTile/OptionsTile.test.jsx similarity index 100% rename from packages/ibm-products/src/components/OptionsTile/OptionsTile.test.js rename to packages/ibm-products/src/components/OptionsTile/OptionsTile.test.jsx diff --git a/packages/ibm-products/src/components/PageHeader/PageHeader.test.js b/packages/ibm-products/src/components/PageHeader/PageHeader.test.jsx similarity index 100% rename from packages/ibm-products/src/components/PageHeader/PageHeader.test.js rename to packages/ibm-products/src/components/PageHeader/PageHeader.test.jsx diff --git a/packages/ibm-products/src/components/PageHeader/PageHeaderTitle.js b/packages/ibm-products/src/components/PageHeader/PageHeaderTitle.tsx similarity index 83% rename from packages/ibm-products/src/components/PageHeader/PageHeaderTitle.js rename to packages/ibm-products/src/components/PageHeader/PageHeaderTitle.tsx index 0ee43e5bb80..ac9e2abb809 100644 --- a/packages/ibm-products/src/components/PageHeader/PageHeaderTitle.js +++ b/packages/ibm-products/src/components/PageHeader/PageHeaderTitle.tsx @@ -5,29 +5,42 @@ * LICENSE file in the root directory of this source tree. */ -import React, { useRef } from 'react'; +import React, { ReactElement, ReactNode, useRef } from 'react'; import PropTypes from 'prop-types'; import cx from 'classnames'; import { DefinitionTooltip, SkeletonText } from '@carbon/react'; import { EditInPlace } from '../EditInPlace'; import { useOverflowStringWidth } from '../../global/js/hooks/useOverflowString'; +interface TitleProps { + text?: string; + editDescription?: string; + editableLabel?: string; + cancelDescription?: string; + saveDescription?: string; + content?: ReactNode; + loading?: boolean; + icon?: ReactElement | undefined; + asText?: string; + onChange?: () => void; + onSave?: () => void; + tooltipAlignment?: string; +} + /** * * Utility component used by Page Header */ -// eslint-disable-next-line react/prop-types + export const PageHeaderTitle = ({ blockClass, hasBreadcrumbRow, title }) => { let titleInnards; - // eslint-disable-next-line + // debugger; - let { - text, + const { content, loading, icon, - asText, onChange, onSave, editDescription, @@ -36,11 +49,12 @@ export const PageHeaderTitle = ({ blockClass, hasBreadcrumbRow, title }) => { saveDescription, tooltipAlignment = 'bottom', ...rest - } = title; + }: TitleProps = title; + let { text, asText }: TitleProps = title; let titleText; - let isEditable = !!onSave; + const isEditable = !!onSave; - const titleRef = useRef(undefined); + const titleRef = useRef(null); const isEllipsisApplied = useOverflowStringWidth(titleRef); if (text || !content) { @@ -60,6 +74,7 @@ export const PageHeaderTitle = ({ blockClass, hasBreadcrumbRow, title }) => { <> {icon && !loading ? ( + {/* @ts-ignore */} ) : null} @@ -69,15 +84,17 @@ export const PageHeaderTitle = ({ blockClass, hasBreadcrumbRow, title }) => { ) : isEditable ? ( {}} + id="page-header-title-edit-in-place" {...rest} /> ) : isEllipsisApplied ? ( diff --git a/packages/ibm-products/src/components/PageHeader/PageHeaderUtils.js b/packages/ibm-products/src/components/PageHeader/PageHeaderUtils.tsx similarity index 98% rename from packages/ibm-products/src/components/PageHeader/PageHeaderUtils.js rename to packages/ibm-products/src/components/PageHeader/PageHeaderUtils.tsx index 8ac5fb4a58d..5eaaaa1db01 100644 --- a/packages/ibm-products/src/components/PageHeader/PageHeaderUtils.js +++ b/packages/ibm-products/src/components/PageHeader/PageHeaderUtils.tsx @@ -1,3 +1,4 @@ +// @ts-nocheck /** * Copyright IBM Corp. 2020, 2023 * @@ -42,7 +43,7 @@ export const utilCheckUpdateVerticalSpace = ( if (!headerRef.current) { return undefined; } else { - let dRef = dynamicRefs[selector]; + const dRef = dynamicRefs[selector]; /* istanbul ignore else */ if (!dRef || /* istanbul ignore next */ dRef.parentNode === null) { dynamicRefs[selector] = headerRef.current.querySelector(selector); @@ -190,7 +191,7 @@ export const utilSetCollapsed = ( ) => { /* don't know how to test resize */ /* istanbul ignore else */ - let scrollableTarget = scrollableAncestor(headerRef.current); + const scrollableTarget = scrollableAncestor(headerRef.current); if (collapse) { scrollableTarget.scrollTo({ diff --git a/packages/ibm-products/src/components/PageHeader/next/PageHeader.stories.js b/packages/ibm-products/src/components/PageHeader/next/PageHeader.stories.jsx similarity index 100% rename from packages/ibm-products/src/components/PageHeader/next/PageHeader.stories.js rename to packages/ibm-products/src/components/PageHeader/next/PageHeader.stories.jsx diff --git a/packages/ibm-products/src/components/PageHeader/next/PageHeader.test.js b/packages/ibm-products/src/components/PageHeader/next/PageHeader.test.jsx similarity index 100% rename from packages/ibm-products/src/components/PageHeader/next/PageHeader.test.js rename to packages/ibm-products/src/components/PageHeader/next/PageHeader.test.jsx diff --git a/packages/ibm-products/src/components/PageHeader/next/PageHeader.tsx b/packages/ibm-products/src/components/PageHeader/next/PageHeader.tsx index fa83d6d243d..1cff4ee6948 100644 --- a/packages/ibm-products/src/components/PageHeader/next/PageHeader.tsx +++ b/packages/ibm-products/src/components/PageHeader/next/PageHeader.tsx @@ -41,7 +41,6 @@ import { Breadcrumb, } from '@carbon/react'; import { breakpoints } from '@carbon/layout'; -import { blockClass } from '../PageHeaderUtils'; import { createOverflowHandler as localOverflowHandler } from './overflowHandler'; import { createOverflowHandler } from '@carbon/utilities'; import { TYPES } from '@carbon/react/es/components/Tag/Tag'; @@ -62,6 +61,7 @@ interface PageHeaderProps { children?: React.ReactNode; className?: string; } +const blockClass = `${pkg.prefix}--page-header`; const PageHeader = React.forwardRef( function PageHeader({ className, children, ...other }: PageHeaderProps, ref) { const [refs, setRefs] = useState({}); diff --git a/packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.js b/packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.js rename to packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.jsx diff --git a/packages/ibm-products/src/components/RemoveModal/RemoveModal.test.js b/packages/ibm-products/src/components/RemoveModal/RemoveModal.test.jsx similarity index 100% rename from packages/ibm-products/src/components/RemoveModal/RemoveModal.test.js rename to packages/ibm-products/src/components/RemoveModal/RemoveModal.test.jsx diff --git a/packages/ibm-products/src/components/Saving/Saving.test.js b/packages/ibm-products/src/components/Saving/Saving.test.jsx similarity index 100% rename from packages/ibm-products/src/components/Saving/Saving.test.js rename to packages/ibm-products/src/components/Saving/Saving.test.jsx diff --git a/packages/ibm-products/src/components/ScrollGradient/ScrollGradient.js b/packages/ibm-products/src/components/ScrollGradient/ScrollGradient.jsx similarity index 100% rename from packages/ibm-products/src/components/ScrollGradient/ScrollGradient.js rename to packages/ibm-products/src/components/ScrollGradient/ScrollGradient.jsx diff --git a/packages/ibm-products/src/components/ScrollGradient/ScrollGradient.test.js b/packages/ibm-products/src/components/ScrollGradient/ScrollGradient.test.jsx similarity index 100% rename from packages/ibm-products/src/components/ScrollGradient/ScrollGradient.test.js rename to packages/ibm-products/src/components/ScrollGradient/ScrollGradient.test.jsx diff --git a/packages/ibm-products/src/components/ScrollGradient/index.js b/packages/ibm-products/src/components/ScrollGradient/index.js index f18841f58f5..d6d81bf221f 100644 --- a/packages/ibm-products/src/components/ScrollGradient/index.js +++ b/packages/ibm-products/src/components/ScrollGradient/index.js @@ -5,4 +5,4 @@ * LICENSE file in the root directory of this source tree. */ -export { ScrollGradient } from './ScrollGradient'; +export { ScrollGradient } from './ScrollGradient.jsx'; diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.docs-page.js b/packages/ibm-products/src/components/SidePanel/SidePanel.docs-page.jsx similarity index 100% rename from packages/ibm-products/src/components/SidePanel/SidePanel.docs-page.js rename to packages/ibm-products/src/components/SidePanel/SidePanel.docs-page.jsx diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.test.js b/packages/ibm-products/src/components/SidePanel/SidePanel.test.jsx similarity index 100% rename from packages/ibm-products/src/components/SidePanel/SidePanel.test.js rename to packages/ibm-products/src/components/SidePanel/SidePanel.test.jsx diff --git a/packages/ibm-products/src/components/SimpleHeader/SimpleHeader.js b/packages/ibm-products/src/components/SimpleHeader/SimpleHeader.tsx similarity index 99% rename from packages/ibm-products/src/components/SimpleHeader/SimpleHeader.js rename to packages/ibm-products/src/components/SimpleHeader/SimpleHeader.tsx index 2848d32a54c..0ad442f6272 100644 --- a/packages/ibm-products/src/components/SimpleHeader/SimpleHeader.js +++ b/packages/ibm-products/src/components/SimpleHeader/SimpleHeader.tsx @@ -54,6 +54,7 @@ const SimpleHeader = ({
{breadcrumbs?.length > 0 && ( = 4.9.x" peerDependenciesMeta: typescript: optional: true - checksum: 10/3a4c2a4a52d12c78787f5c67812d5d0f91accb9cbe88d935dcd5997a47c5221ad2dd5ec958dd7fdf8db71628e3a4cb65b13dbfa83b4f195c85c1cf9f8341831f + checksum: 10/fe413ab3747adc9acc0c06dabf5171641797f8c87b8ba514bd7c4960f8e3c4877c9dadb8d5cb6ee8bb2df7df20e1839dd8ef570a3bfab969be47be1d32118cbc languageName: node linkType: hard @@ -6412,6 +6841,15 @@ __metadata: languageName: node linkType: hard +"@tybys/wasm-util@npm:^0.10.0": + version: 0.10.0 + resolution: "@tybys/wasm-util@npm:0.10.0" + dependencies: + tslib: "npm:^2.4.0" + checksum: 10/779d047a77e8a619b6e26b6fe556f413316d846e9a35438668a15510a4d6e7294388c998f65911f6f1a13838745575d7793cb1d27182752f6f95991725b15d45 + languageName: node + linkType: hard + "@tybys/wasm-util@npm:^0.9.0": version: 0.9.0 resolution: "@tybys/wasm-util@npm:0.9.0" @@ -6444,7 +6882,7 @@ __metadata: languageName: node linkType: hard -"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.18.0": +"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.18.0, @types/babel__core@npm:^7.20.5": version: 7.20.5 resolution: "@types/babel__core@npm:7.20.5" dependencies: @@ -7404,6 +7842,22 @@ __metadata: languageName: node linkType: hard +"@vitejs/plugin-react@npm:^5.0.0": + version: 5.0.1 + resolution: "@vitejs/plugin-react@npm:5.0.1" + dependencies: + "@babel/core": "npm:^7.28.3" + "@babel/plugin-transform-react-jsx-self": "npm:^7.27.1" + "@babel/plugin-transform-react-jsx-source": "npm:^7.27.1" + "@rolldown/pluginutils": "npm:1.0.0-beta.32" + "@types/babel__core": "npm:^7.20.5" + react-refresh: "npm:^0.17.0" + peerDependencies: + vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 + checksum: 10/4dcfd4931795b9db10a3098e8254768f501d6d0e7ba9eca75a7eb3282013696fe4f9dada98cfe8363165a5f4fb53d8dd316642a28acceedb0652547f5d1cbf71 + languageName: node + linkType: hard + "@vitest/browser@npm:^3.2.0": version: 3.2.4 resolution: "@vitest/browser@npm:3.2.4" @@ -8081,6 +8535,13 @@ __metadata: languageName: node linkType: hard +"ansis@npm:^4.0.0": + version: 4.1.0 + resolution: "ansis@npm:4.1.0" + checksum: 10/e2658367807edb461a4c772bdba50cef85c7b3e5f19d4d67d7a406e97b9ba222cfd4dc300fee1b05619207d4e17c809f32e97ac47429f8b4b1a6709dc6ac35ac + languageName: node + linkType: hard + "anymatch@npm:^3.0.3, anymatch@npm:~3.1.2": version: 3.1.3 resolution: "anymatch@npm:3.1.3" @@ -10787,6 +11248,13 @@ __metadata: languageName: node linkType: hard +"detect-libc@npm:^2.0.3": + version: 2.0.4 + resolution: "detect-libc@npm:2.0.4" + checksum: 10/136e995f8c5ffbc515955b0175d441b967defd3d5f2268e89fa695e9c7170d8bed17993e31a34b04f0fad33d844a3a598e0fd519a8e9be3cad5f67662d96fee0 + languageName: node + linkType: hard + "detect-newline@npm:^3.0.0": version: 3.1.0 resolution: "detect-newline@npm:3.1.0" @@ -12286,6 +12754,18 @@ __metadata: languageName: node linkType: hard +"fdir@npm:^6.5.0": + version: 6.5.0 + resolution: "fdir@npm:6.5.0" + peerDependencies: + picomatch: ^3 || ^4 + peerDependenciesMeta: + picomatch: + optional: true + checksum: 10/14ca1c9f0a0e8f4f2e9bf4e8551065a164a09545dae548c12a18d238b72e51e5a7b39bd8e5494b56463a0877672d0a6c1ef62c6fa0677db1b0c847773be939b1 + languageName: node + linkType: hard + "figures@npm:3.2.0, figures@npm:^3.0.0": version: 3.2.0 resolution: "figures@npm:3.2.0" @@ -15587,6 +16067,116 @@ __metadata: languageName: node linkType: hard +"lightningcss-darwin-arm64@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-darwin-arm64@npm:1.30.1" + conditions: os=darwin & cpu=arm64 + languageName: node + linkType: hard + +"lightningcss-darwin-x64@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-darwin-x64@npm:1.30.1" + conditions: os=darwin & cpu=x64 + languageName: node + linkType: hard + +"lightningcss-freebsd-x64@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-freebsd-x64@npm:1.30.1" + conditions: os=freebsd & cpu=x64 + languageName: node + linkType: hard + +"lightningcss-linux-arm-gnueabihf@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-linux-arm-gnueabihf@npm:1.30.1" + conditions: os=linux & cpu=arm + languageName: node + linkType: hard + +"lightningcss-linux-arm64-gnu@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-linux-arm64-gnu@npm:1.30.1" + conditions: os=linux & cpu=arm64 & libc=glibc + languageName: node + linkType: hard + +"lightningcss-linux-arm64-musl@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-linux-arm64-musl@npm:1.30.1" + conditions: os=linux & cpu=arm64 & libc=musl + languageName: node + linkType: hard + +"lightningcss-linux-x64-gnu@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-linux-x64-gnu@npm:1.30.1" + conditions: os=linux & cpu=x64 & libc=glibc + languageName: node + linkType: hard + +"lightningcss-linux-x64-musl@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-linux-x64-musl@npm:1.30.1" + conditions: os=linux & cpu=x64 & libc=musl + languageName: node + linkType: hard + +"lightningcss-win32-arm64-msvc@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-win32-arm64-msvc@npm:1.30.1" + conditions: os=win32 & cpu=arm64 + languageName: node + linkType: hard + +"lightningcss-win32-x64-msvc@npm:1.30.1": + version: 1.30.1 + resolution: "lightningcss-win32-x64-msvc@npm:1.30.1" + conditions: os=win32 & cpu=x64 + languageName: node + linkType: hard + +"lightningcss@npm:^1.30.1": + version: 1.30.1 + resolution: "lightningcss@npm:1.30.1" + dependencies: + detect-libc: "npm:^2.0.3" + lightningcss-darwin-arm64: "npm:1.30.1" + lightningcss-darwin-x64: "npm:1.30.1" + lightningcss-freebsd-x64: "npm:1.30.1" + lightningcss-linux-arm-gnueabihf: "npm:1.30.1" + lightningcss-linux-arm64-gnu: "npm:1.30.1" + lightningcss-linux-arm64-musl: "npm:1.30.1" + lightningcss-linux-x64-gnu: "npm:1.30.1" + lightningcss-linux-x64-musl: "npm:1.30.1" + lightningcss-win32-arm64-msvc: "npm:1.30.1" + lightningcss-win32-x64-msvc: "npm:1.30.1" + dependenciesMeta: + lightningcss-darwin-arm64: + optional: true + lightningcss-darwin-x64: + optional: true + lightningcss-freebsd-x64: + optional: true + lightningcss-linux-arm-gnueabihf: + optional: true + lightningcss-linux-arm64-gnu: + optional: true + lightningcss-linux-arm64-musl: + optional: true + lightningcss-linux-x64-gnu: + optional: true + lightningcss-linux-x64-musl: + optional: true + lightningcss-win32-arm64-msvc: + optional: true + lightningcss-win32-x64-msvc: + optional: true + checksum: 10/6c921135216cc498dfcb87e35dffe8432e99306cbd58009c598b1daf20c81cc14535abbd4c1066e5d1faf4080ed44a2995e8ecc343633db4897a2d041b76fb05 + languageName: node + linkType: hard + "lilconfig@npm:^3.1.2, lilconfig@npm:^3.1.3": version: 3.1.3 resolution: "lilconfig@npm:3.1.3" @@ -18314,6 +18904,13 @@ __metadata: languageName: node linkType: hard +"picomatch@npm:^4.0.3": + version: 4.0.3 + resolution: "picomatch@npm:4.0.3" + checksum: 10/57b99055f40b16798f2802916d9c17e9744e620a0db136554af01d19598b96e45e2f00014c91d1b8b13874b80caa8c295b3d589a3f72373ec4aaf54baa5962d5 + languageName: node + linkType: hard + "pidtree@npm:^0.3.0": version: 0.3.1 resolution: "pidtree@npm:0.3.1" @@ -19218,6 +19815,13 @@ __metadata: languageName: node linkType: hard +"react-refresh@npm:^0.17.0": + version: 0.17.0 + resolution: "react-refresh@npm:0.17.0" + checksum: 10/5e94f07d43bb1cfdc9b0c6e0c8c73e754005489950dcff1edb53aa8451d1d69a47b740b195c7c80fb4eb511c56a3585dc55eddd83f0097fb5e015116a1460467 + languageName: node + linkType: hard + "react-table@npm:^7.8.0": version: 7.8.0 resolution: "react-table@npm:7.8.0" @@ -19770,6 +20374,63 @@ __metadata: languageName: node linkType: hard +"rolldown@npm:1.0.0-beta.34": + version: 1.0.0-beta.34 + resolution: "rolldown@npm:1.0.0-beta.34" + dependencies: + "@oxc-project/runtime": "npm:=0.82.3" + "@oxc-project/types": "npm:=0.82.3" + "@rolldown/binding-android-arm64": "npm:1.0.0-beta.34" + "@rolldown/binding-darwin-arm64": "npm:1.0.0-beta.34" + "@rolldown/binding-darwin-x64": "npm:1.0.0-beta.34" + "@rolldown/binding-freebsd-x64": "npm:1.0.0-beta.34" + "@rolldown/binding-linux-arm-gnueabihf": "npm:1.0.0-beta.34" + "@rolldown/binding-linux-arm64-gnu": "npm:1.0.0-beta.34" + "@rolldown/binding-linux-arm64-musl": "npm:1.0.0-beta.34" + "@rolldown/binding-linux-x64-gnu": "npm:1.0.0-beta.34" + "@rolldown/binding-linux-x64-musl": "npm:1.0.0-beta.34" + "@rolldown/binding-openharmony-arm64": "npm:1.0.0-beta.34" + "@rolldown/binding-wasm32-wasi": "npm:1.0.0-beta.34" + "@rolldown/binding-win32-arm64-msvc": "npm:1.0.0-beta.34" + "@rolldown/binding-win32-ia32-msvc": "npm:1.0.0-beta.34" + "@rolldown/binding-win32-x64-msvc": "npm:1.0.0-beta.34" + "@rolldown/pluginutils": "npm:1.0.0-beta.34" + ansis: "npm:^4.0.0" + dependenciesMeta: + "@rolldown/binding-android-arm64": + optional: true + "@rolldown/binding-darwin-arm64": + optional: true + "@rolldown/binding-darwin-x64": + optional: true + "@rolldown/binding-freebsd-x64": + optional: true + "@rolldown/binding-linux-arm-gnueabihf": + optional: true + "@rolldown/binding-linux-arm64-gnu": + optional: true + "@rolldown/binding-linux-arm64-musl": + optional: true + "@rolldown/binding-linux-x64-gnu": + optional: true + "@rolldown/binding-linux-x64-musl": + optional: true + "@rolldown/binding-openharmony-arm64": + optional: true + "@rolldown/binding-wasm32-wasi": + optional: true + "@rolldown/binding-win32-arm64-msvc": + optional: true + "@rolldown/binding-win32-ia32-msvc": + optional: true + "@rolldown/binding-win32-x64-msvc": + optional: true + bin: + rolldown: bin/cli.mjs + checksum: 10/8a0805da241c3f60fbb37677ed96af721060effc0d24f9b6114c4da0728d835facf1ac1007c34bf5b7fcaca4b004ce9a3a8fac5e29bee624753e4149526a1cbb + languageName: node + linkType: hard + "rollup-plugin-copy@npm:^3.5.0": version: 3.5.0 resolution: "rollup-plugin-copy@npm:3.5.0" @@ -20608,7 +21269,7 @@ __metadata: languageName: node linkType: hard -"storybook@npm:^9.0.5, storybook@npm:^9.0.8": +"storybook@npm:^9.0.5": version: 9.0.15 resolution: "storybook@npm:9.0.15" dependencies: @@ -20634,6 +21295,33 @@ __metadata: languageName: node linkType: hard +"storybook@npm:^9.1.1": + version: 9.1.3 + resolution: "storybook@npm:9.1.3" + dependencies: + "@storybook/global": "npm:^5.0.0" + "@testing-library/jest-dom": "npm:^6.6.3" + "@testing-library/user-event": "npm:^14.6.1" + "@vitest/expect": "npm:3.2.4" + "@vitest/mocker": "npm:3.2.4" + "@vitest/spy": "npm:3.2.4" + better-opn: "npm:^3.0.2" + esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0" + esbuild-register: "npm:^3.5.0" + recast: "npm:^0.23.5" + semver: "npm:^7.6.2" + ws: "npm:^8.18.0" + peerDependencies: + prettier: ^2 || ^3 + peerDependenciesMeta: + prettier: + optional: true + bin: + storybook: ./bin/index.cjs + checksum: 10/cb9d426ce9a9c4ed8a0be9eeb0dd9fa0ac32001a4b05bf574222ba31264721c42b5ad3f3a37177971f40454944658b2126264f8db93d2f55cb92cb8d4e06264c + languageName: node + linkType: hard + "stream-shift@npm:^1.0.2": version: 1.0.3 resolution: "stream-shift@npm:1.0.3" @@ -22504,6 +23192,61 @@ __metadata: languageName: node linkType: hard +"vite@npm:rolldown-vite@latest": + version: 7.1.5 + resolution: "rolldown-vite@npm:7.1.5" + dependencies: + fdir: "npm:^6.5.0" + fsevents: "npm:~2.3.3" + lightningcss: "npm:^1.30.1" + picomatch: "npm:^4.0.3" + postcss: "npm:^8.5.6" + rolldown: "npm:1.0.0-beta.34" + tinyglobby: "npm:^0.2.14" + peerDependencies: + "@types/node": ^20.19.0 || >=22.12.0 + esbuild: ^0.25.0 + jiti: ">=1.21.0" + less: ^4.0.0 + sass: ^1.70.0 + sass-embedded: ^1.70.0 + stylus: ">=0.54.8" + sugarss: ^5.0.0 + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + dependenciesMeta: + fsevents: + optional: true + peerDependenciesMeta: + "@types/node": + optional: true + esbuild: + optional: true + jiti: + optional: true + less: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + bin: + vite: bin/vite.js + checksum: 10/c291185bbf81885c8022b9d1f6b6bcfe4efd4155c80fcb18ab19f421d00075a1e16ff072fdba345d509b0e6cc58b522552ad876c339c1e054461377dbb0d68b6 + languageName: node + linkType: hard + "vitest@npm:^3.2.0": version: 3.2.4 resolution: "vitest@npm:3.2.4"