diff --git a/.github/workflows/release-snapshot.yml b/.github/workflows/release-snapshot.yml index 1543fe2d0b9..3825310c5af 100644 --- a/.github/workflows/release-snapshot.yml +++ b/.github/workflows/release-snapshot.yml @@ -1,7 +1,6 @@ name: 'Release - Snapshot' -on: - workflow_dispatch +on: workflow_dispatch jobs: test: @@ -34,34 +33,23 @@ jobs: run: | npm install -g npm yarn install + yarn build - - name: version + - name: publish run: | git config user.email ${{ secrets.BOT_GIT_EMAIL }} git config user.name ${{ secrets.BOT_GIT_USERNAME }} git_hash=$(git rev-parse --short "$GITHUB_SHA") current_branch=$(node -p -e "'${{ github.ref }}'.replace('refs/heads/', '')") - echo "current_branch=${current_branch}" >> "$GITHUB_ENV" - ${GITHUB_WORKSPACE}/node_modules/.bin/lerna version "0.0.0-${git_hash}" \ + ${GITHUB_WORKSPACE}/node_modules/.bin/lerna publish "0.0.0-${git_hash}" \ --exact \ --no-push \ --no-git-tag-version \ + --pre-dist-tag dev \ --allow-branch ${current_branch} - env: - NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }} - NPM_CONFIG_PROVENANCE: true - - name: build - run: yarn build - - - name: publish to npm - run: | - ${GITHUB_WORKSPACE}/node_modules/.bin/lerna publish from-git \ - --pre-dist-tag dev \ - --allow-branch ${{ env.current_branch }} env: - GH_TOKEN: ${{ secrets.ACCESS_TOKEN }} NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }} NPM_CONFIG_PROVENANCE: true diff --git a/packages/base/src/index.ts b/packages/base/src/index.ts index cb28cb169aa..821aba41626 100644 --- a/packages/base/src/index.ts +++ b/packages/base/src/index.ts @@ -5,8 +5,8 @@ import { I18nStore } from './stores/I18nStore.js'; import { StyleStore } from './stores/StyleStore.js'; import { ThemingParameters } from './styling/ThemingParameters.js'; -export * from './styling/CssSizeVariables.js'; -export * from './utils/index.js'; +export { CssSizeVariables, CssSizeVariablesNames, CozySizes, CompactSizes } from './styling/CssSizeVariables.js'; +export { debounce, deprecationNotice, enrichEventWithDetails, throttle } from './utils/index.js'; export * from './hooks/index.js'; export { I18nStore, StyleStore, ThemingParameters, Device, hooks }; diff --git a/packages/base/src/styling/CssSizeVariables.ts b/packages/base/src/styling/CssSizeVariables.ts index 5c8ca703400..12cebe79882 100644 --- a/packages/base/src/styling/CssSizeVariables.ts +++ b/packages/base/src/styling/CssSizeVariables.ts @@ -35,6 +35,11 @@ export const CssSizeVariables = new Proxy(CssSizeVariablesNames, { get: (target, prop: string): string => `var(${target[prop] as string})` }); +/** + * __Private__ CSS variables used for size calculation depending on content density. + * + * @private + */ export const CozySizes = { [CssSizeVariablesNames.ui5WcrBarHeight]: `2.75rem`, [CssSizeVariablesNames.ui5WcrButtonTopBottomPadding]: `0.25rem 0`, @@ -61,6 +66,11 @@ export const CozySizes = { [CssSizeVariablesNames.ui5WcrElementHeight]: ThemingParameters.sapElement_Height }; +/** + * __Private__ CSS variables used for size calculation depending on content density. + * + * @private + */ export const CompactSizes = { [CssSizeVariablesNames.ui5WcrBarHeight]: `2.5rem`, [CssSizeVariablesNames.ui5WcrButtonTopBottomPadding]: `0.1875rem 0`, diff --git a/packages/compat/package.json b/packages/compat/package.json index 1cd41ec359c..c365ac795ac 100644 --- a/packages/compat/package.json +++ b/packages/compat/package.json @@ -12,7 +12,9 @@ "default": "./dist/index.js" }, "./package.json": "./package.json", - "./styles.css": "./dist/css/index.css" + "./styles.css": "./dist/css/index.css", + "./dist/*": "./dist/*", + "./dist/*.js": "./dist/*.js" }, "homepage": "https://sap.github.io/ui5-webcomponents-react", "repository": { diff --git a/packages/compat/src/index.ts b/packages/compat/src/index.ts index c265d54a6d7..ca29a776684 100644 --- a/packages/compat/src/index.ts +++ b/packages/compat/src/index.ts @@ -1,16 +1,27 @@ import VersionInfo from './generated/VersionInfo.js'; -export * from './components/Loader/index.js'; -export * from './components/OverflowToolbarButton/index.js'; -export * from './components/OverflowToolbarToggleButton/index.js'; -export * from './components/Table/index.js'; -export * from './components/TableCell/index.js'; -export * from './components/TableColumn/index.js'; -export * from './components/TableGroupRow/index.js'; -export * from './components/TableRow/index.js'; -export * from './components/Toolbar/index.js'; -export * from './components/ToolbarSeparator/index.js'; -export * from './components/ToolbarSpacer/index.js'; +export type { LoaderPropTypes } from './components/Loader/index.js'; +export { Loader } from './components/Loader/index.js'; +export type { OverflowToolbarButtonPropTypes } from './components/OverflowToolbarButton/index.js'; +export { OverflowToolbarButton } from './components/OverflowToolbarButton/index.js'; +export type { OverflowToolbarToggleButtonPropTypes } from './components/OverflowToolbarToggleButton/index.js'; +export { OverflowToolbarToggleButton } from './components/OverflowToolbarToggleButton/index.js'; +export type { TableDomRef, TablePropTypes } from './components/Table/index.js'; +export { Table } from './components/Table/index.js'; +export type { TableCellDomRef, TableCellPropTypes } from './components/TableCell/index.js'; +export { TableCell } from './components/TableCell/index.js'; +export type { TableColumnDomRef, TableColumnPropTypes } from './components/TableColumn/index.js'; +export { TableColumn } from './components/TableColumn/index.js'; +export type { TableGroupRowDomRef, TableGroupRowPropTypes } from './components/TableGroupRow/index.js'; +export { TableGroupRow } from './components/TableGroupRow/index.js'; +export type { TableRowDomRef, TableRowPropTypes } from './components/TableRow/index.js'; +export { TableRow } from './components/TableRow/index.js'; +export type { ToolbarPropTypes } from './components/Toolbar/index.js'; +export { Toolbar } from './components/Toolbar/index.js'; +export type { ToolbarSeparatorPropTypes } from './components/ToolbarSeparator/index.js'; +export { ToolbarSeparator } from './components/ToolbarSeparator/index.js'; +export type { ToolbarSpacerPropTypes } from './components/ToolbarSpacer/index.js'; +export { ToolbarSpacer } from './components/ToolbarSpacer/index.js'; export { LoaderType } from './enums/LoaderType.js'; export { ToolbarDesign } from './enums/ToolbarDesign.js'; diff --git a/packages/cypress-commands/TestSetup.mdx b/packages/cypress-commands/TestSetup.mdx index acbdd55dc06..752effb3c25 100644 --- a/packages/cypress-commands/TestSetup.mdx +++ b/packages/cypress-commands/TestSetup.mdx @@ -15,7 +15,7 @@ UI5 Web Components for React is using [Cypress](https://www.cypress.io/) as pref When launching Cypress the first time you're guided through the setup, which then will create a [configuration file](https://docs.cypress.io/guides/references/configuration) for you. You can use any configuration you like, but since we're heavily relying on web-components, we recommend traversing the shadow DOM per default: ```js -includeShadowDom: true +includeShadowDom: true; ``` [Here](https://docs.cypress.io/guides/component-testing/react/overview) you can find the Cypress Quickstart tutorial for React. diff --git a/packages/main/scripts/create-enum-export.mjs b/packages/main/scripts/create-enum-export.mjs index f1fe600afb5..d1d15cd958b 100644 --- a/packages/main/scripts/create-enum-export.mjs +++ b/packages/main/scripts/create-enum-export.mjs @@ -12,11 +12,47 @@ const enums = fs // filter internal components .filter((file) => !INTERNAL_COMPONENTS.includes(file)); -let fileContent = `// This is an autogenerated file, please do not modify this file manually. +// enums/index.ts +let fileContentEnums = `// This is an autogenerated file, please do not modify this file manually. // In case you added a new file to the /enums folder, please rerun the scripts/create-enum-export.js script. `; -fileContent += enums.map((file) => `export * from './${file}.js';`).join('\n'); +fileContentEnums += enums + .map((file) => { + const fileName = path.basename(file, '.js'); + return `export { ${fileName} } from './${file}.js';`; + }) + .join('\n'); -fs.writeFileSync(path.join(PATHS.packages, 'main', 'src', 'enums', 'index.ts'), fileContent); +fs.writeFileSync(path.join(PATHS.packages, 'main', 'src', 'enums', 'index.ts'), fileContentEnums); + +// index.ts +const TARGET_FILE = path.join(PATHS.packages, 'main', 'src', 'index.ts'); + +const fileContent = fs.readFileSync(TARGET_FILE, 'utf8'); +const [beforeSection] = fileContent.split( + '// ================================\n// Enums\n// ================================\n' +); + +let newContent = `// This part is auto-generated, please do not modify it manually. +// In case you added a new file to the /enums folder, please rerun the scripts/create-enum-export.js script.\n\n`; +newContent += enums + .map((file) => { + const fileName = path.basename(file, '.js'); + return `export { ${fileName} } from './enums/${file}.js';`; + }) + .join('\n'); + +// Create the new file content with updated section +const updatedFileContent = ` +${beforeSection} +// ================================ +// Enums +// ================================ +${newContent}`; + +// Write the updated content back to the file +fs.writeFileSync(TARGET_FILE, updatedFileContent); + +console.log('Files updated successfully.'); diff --git a/packages/main/src/components/ActionSheet/ActionSheet.cy.tsx b/packages/main/src/components/ActionSheet/ActionSheet.cy.tsx index ef7590d5a74..e7b146fe34f 100644 --- a/packages/main/src/components/ActionSheet/ActionSheet.cy.tsx +++ b/packages/main/src/components/ActionSheet/ActionSheet.cy.tsx @@ -1,5 +1,5 @@ -import type { ButtonPropTypes } from '../../webComponents/index.js'; -import { Button, Label } from '../../webComponents/index.js'; +import type { ButtonPropTypes } from '../../index.js'; +import { Button, Label } from '../../index.js'; import type { ActionSheetPropTypes } from './index.js'; import { ActionSheet } from './index.js'; diff --git a/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx b/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx index 0f57e3be116..20fb87302fa 100644 --- a/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx +++ b/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx @@ -8,8 +8,8 @@ import deleteIcon from '@ui5/webcomponents-icons/dist/delete.js'; import emailIcon from '@ui5/webcomponents-icons/dist/email.js'; import forwardIcon from '@ui5/webcomponents-icons/dist/forward.js'; import { useEffect, useRef, useState } from 'react'; -import type { ButtonDomRef } from '../../webComponents/index.js'; -import { Button } from '../../webComponents/index.js'; +import type { ButtonDomRef } from '../../index.js'; +import { Button } from '../../index.js'; import { ActionSheet } from './index.js'; const meta = { diff --git a/packages/main/src/components/ActionSheet/index.tsx b/packages/main/src/components/ActionSheet/index.tsx index 16d88e8be98..3616adbf876 100644 --- a/packages/main/src/components/ActionSheet/index.tsx +++ b/packages/main/src/components/ActionSheet/index.tsx @@ -7,16 +7,12 @@ import { clsx } from 'clsx'; import type { ReactElement } from 'react'; import { forwardRef, useEffect, useReducer, useRef, useState } from 'react'; import { AVAILABLE_ACTIONS, CANCEL, X_OF_Y } from '../../i18n/i18n-defaults.js'; +import type { ButtonPropTypes, ResponsivePopoverDomRef, ResponsivePopoverPropTypes } from '../../index.js'; +import { Button, ResponsivePopover } from '../../index.js'; import { addCustomCSSWithScoping } from '../../internal/addCustomCSSWithScoping.js'; import { flattenFragments, getUi5TagWithSuffix } from '../../internal/utils.js'; import { CustomThemingParameters } from '../../themes/CustomVariables.js'; import type { UI5WCSlotsNode } from '../../types/index.js'; -import type { - ButtonPropTypes, - ResponsivePopoverDomRef, - ResponsivePopoverPropTypes -} from '../../webComponents/index.js'; -import { Button, ResponsivePopover } from '../../webComponents/index.js'; import { classNames, styleData } from './ActionSheet.module.css.js'; export interface ActionSheetPropTypes extends Omit { diff --git a/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.cy.tsx b/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.cy.tsx index ecd371709ef..edd9d88a51f 100644 --- a/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.cy.tsx +++ b/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.cy.tsx @@ -1,6 +1,6 @@ import { getRGBColor } from '@ui5/webcomponents-base/dist/util/ColorConversion'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import { DeviationIndicator, ValueColor } from '../../enums'; +import { DeviationIndicator, ValueColor } from '../../enums/index.js'; import type { CardPropTypes } from '../../webComponents/Card/index.js'; import { Card } from '../../webComponents/Card/index.js'; import { Text } from '../../webComponents/Text/index.js'; diff --git a/packages/main/src/components/AnalyticalCardHeader/index.tsx b/packages/main/src/components/AnalyticalCardHeader/index.tsx index b8865387e96..96e59ed78b0 100644 --- a/packages/main/src/components/AnalyticalCardHeader/index.tsx +++ b/packages/main/src/components/AnalyticalCardHeader/index.tsx @@ -6,7 +6,8 @@ import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { MouseEventHandler, ReactElement, ReactNode } from 'react'; import { cloneElement, forwardRef, useId } from 'react'; -import { DeviationIndicator, ValueColor } from '../../enums/index.js'; +import { DeviationIndicator } from '../../enums/DeviationIndicator.js'; +import { ValueColor } from '../../enums/ValueColor.js'; import { ARIA_DESC_CARD_HEADER, NUMERICCONTENT_DEVIATION_DOWN, @@ -16,9 +17,9 @@ import { SEMANTIC_COLOR_GOOD, SEMANTIC_COLOR_NEUTRAL } from '../../i18n/i18n-defaults.js'; +import { Icon } from '../../index.js'; import { flattenFragments } from '../../internal/utils.js'; import type { CommonProps } from '../../types/index.js'; -import { Icon } from '../../webComponents/index.js'; import type { NumericSideIndicatorPropTypes } from '../NumericSideIndicator/index.js'; import { classNames, styleData } from './AnalyticalCardHeader.module.css.js'; diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx index 4d76a5fab07..a268e715edb 100644 --- a/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx +++ b/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx @@ -2,18 +2,15 @@ import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; import { useCallback, useEffect, useMemo, useRef, useState, version as reactVersion } from 'react'; import type { AnalyticalTableDomRef, AnalyticalTablePropTypes } from '../..'; +import { AnalyticalTable, AnalyticalTableHooks, Button, Input } from '../..'; import { - AnalyticalTable, - AnalyticalTableHooks, AnalyticalTableScaleWidthMode, AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode, AnalyticalTableSubComponentsBehavior, AnalyticalTableVisibleRowCountMode, - Button, - IndicationColor, - Input -} from '../..'; + IndicationColor +} from '../../enums/index.js'; import { useManualRowSelect } from './pluginHooks/useManualRowSelect'; import { useRowDisableSelection } from './pluginHooks/useRowDisableSelection'; import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils'; diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx index a455f7fb047..cdedfedbc60 100644 --- a/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx +++ b/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx @@ -15,7 +15,7 @@ import { FlexBoxJustifyContent, TextAlign } from '../../enums/index.js'; -import { Button, MultiComboBox, MultiComboBoxItem, Option, Select, Tag, Text } from '../../webComponents/index.js'; +import { Button, MultiComboBox, MultiComboBoxItem, Option, Select, Tag, Text } from '../../index.js'; import { FlexBox } from '../FlexBox'; import { AnalyticalTable } from './index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx index 25491fc96f5..98791580f85 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx @@ -4,7 +4,7 @@ import iconNavDownArrow from '@ui5/webcomponents-icons/dist/navigation-down-arro import iconNavRightArrow from '@ui5/webcomponents-icons/dist/navigation-right-arrow.js'; import { CssSizeVariables, useCurrentTheme, useStylesheet } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; -import { Button, Icon } from '../../../../webComponents/index.js'; +import { Button, Icon } from '../../../../index.js'; import { classNames, styleData } from './Expandable.module.css.js'; const getPadding = (level) => { diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx index bb38ddb8179..94741c4275e 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx @@ -2,7 +2,7 @@ import iconNavDownArrow from '@ui5/webcomponents-icons/dist/navigation-down-arro import iconNavRightArrow from '@ui5/webcomponents-icons/dist/navigation-right-arrow.js'; import type { CSSProperties } from 'react'; import { TextAlign } from '../../../../enums/index.js'; -import { Icon } from '../../../../webComponents/index.js'; +import { Icon } from '../../../../index.js'; const tableGroupExpandCollapseIcon = { color: 'var(--sapContent_IconColor)', diff --git a/packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts b/packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts index 20f18cdb2ea..c2ee7153187 100644 --- a/packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts +++ b/packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts @@ -1,5 +1,5 @@ import { useMemo } from 'react'; -import { AnalyticalTableScaleWidthMode } from '../../../enums/index.js'; +import { AnalyticalTableScaleWidthMode } from '../../../index.js'; import { DEFAULT_COLUMN_WIDTH } from '../defaults/Column/index.js'; import type { AnalyticalTableColumnDefinition, ReactTableHooks, TableInstance } from '../types/index.js'; diff --git a/packages/main/src/components/ExpandableText/index.tsx b/packages/main/src/components/ExpandableText/index.tsx index 4473f2023e8..9920f3b3cff 100644 --- a/packages/main/src/components/ExpandableText/index.tsx +++ b/packages/main/src/components/ExpandableText/index.tsx @@ -5,8 +5,8 @@ import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import { forwardRef, useId, useState } from 'react'; import { CLOSE_POPOVER, SHOW_FULL_TEXT, SHOW_LESS, SHOW_MORE } from '../../i18n/i18n-defaults.js'; +import { Link } from '../../index.js'; import type { CommonProps } from '../../types/index.js'; -import { Link } from '../../webComponents/index.js'; import { ResponsivePopover } from '../../webComponents/ResponsivePopover/index.js'; import type { TextPropTypes } from '../../webComponents/Text/index.js'; import { Text } from '../../webComponents/Text/index.js'; diff --git a/packages/main/src/components/FilterBar/FilterBar.cy.tsx b/packages/main/src/components/FilterBar/FilterBar.cy.tsx index 3a7d5c989c8..c1aacd261ec 100644 --- a/packages/main/src/components/FilterBar/FilterBar.cy.tsx +++ b/packages/main/src/components/FilterBar/FilterBar.cy.tsx @@ -9,7 +9,7 @@ import { StepInput, Switch, Token -} from '../../webComponents/index.js'; +} from '../../index.js'; import { FilterGroupItem } from '../FilterGroupItem/index.js'; import { VariantManagement } from '../VariantManagement/index.js'; import { VariantItem } from '../VariantManagement/VariantItem.js'; diff --git a/packages/main/src/components/FilterBar/FilterBar.stories.tsx b/packages/main/src/components/FilterBar/FilterBar.stories.tsx index 1b2c68db053..a3eb9c15ba3 100644 --- a/packages/main/src/components/FilterBar/FilterBar.stories.tsx +++ b/packages/main/src/components/FilterBar/FilterBar.stories.tsx @@ -22,7 +22,7 @@ import { Switch, Title, Token -} from '../../webComponents/index.js'; +} from '../../index.js'; import { Text } from '../../webComponents/Text/index.js'; import { FilterGroupItem } from '../FilterGroupItem/index.js'; import { FlexBox } from '../FlexBox/index.js'; diff --git a/packages/main/src/components/FilterBar/FilterDialog.tsx b/packages/main/src/components/FilterBar/FilterDialog.tsx index 410f47707ce..26679574510 100644 --- a/packages/main/src/components/FilterBar/FilterDialog.tsx +++ b/packages/main/src/components/FilterBar/FilterDialog.tsx @@ -29,16 +29,7 @@ import { VISIBLE, VISIBLE_AND_ACTIVE } from '../../i18n/i18n-defaults.js'; -import { addCustomCSSWithScoping } from '../../internal/addCustomCSSWithScoping.js'; -import type { OnReorderParams } from '../../internal/FilterBarDialogContext.js'; -import { FilterBarDialogContext } from '../../internal/FilterBarDialogContext.js'; -import { stopPropagation } from '../../internal/stopPropagation.js'; -import type { - DialogDomRef, - InputPropTypes, - SegmentedButtonPropTypes, - TableSelectionDomRef -} from '../../webComponents/index.js'; +import type { DialogDomRef, InputPropTypes, SegmentedButtonPropTypes, TableSelectionDomRef } from '../../index.js'; import { Bar, Button, @@ -55,7 +46,11 @@ import { TableHeaderRow, TableSelection, Title -} from '../../webComponents/index.js'; +} from '../../index.js'; +import { addCustomCSSWithScoping } from '../../internal/addCustomCSSWithScoping.js'; +import type { OnReorderParams } from '../../internal/FilterBarDialogContext.js'; +import { FilterBarDialogContext } from '../../internal/FilterBarDialogContext.js'; +import { stopPropagation } from '../../internal/stopPropagation.js'; import type { FilterGroupItemInternalProps } from '../FilterGroupItem/types.js'; import { FlexBox } from '../FlexBox/index.js'; import { MessageBox } from '../MessageBox/index.js'; diff --git a/packages/main/src/components/FilterBar/index.tsx b/packages/main/src/components/FilterBar/index.tsx index c9b59edb936..51dab5749e8 100644 --- a/packages/main/src/components/FilterBar/index.tsx +++ b/packages/main/src/components/FilterBar/index.tsx @@ -19,8 +19,8 @@ import { SEARCH, SHOW_FILTER_BAR } from '../../i18n/i18n-defaults.js'; -import type { DialogDomRef, ToolbarButtonDomRef } from '../../webComponents/index.js'; -import { Icon, Toolbar, ToolbarButton } from '../../webComponents/index.js'; +import type { DialogDomRef, ToolbarButtonDomRef } from '../../index.js'; +import { Icon, Toolbar, ToolbarButton } from '../../index.js'; import { FilterGroupItem } from '../FilterGroupItem/index.js'; import type { FilterGroupItemInternalProps } from '../FilterGroupItem/types.js'; import { FlexBox } from '../FlexBox/index.js'; diff --git a/packages/main/src/components/FilterBar/types.ts b/packages/main/src/components/FilterBar/types.ts index acbeb8aa52b..221446cfd4a 100644 --- a/packages/main/src/components/FilterBar/types.ts +++ b/packages/main/src/components/FilterBar/types.ts @@ -1,6 +1,6 @@ import type { CSSProperties, MouseEvent, ReactElement, ReactNode } from 'react'; +import type { DialogPropTypes, InputPropTypes, ToolbarButtonPropTypes } from '../../index.js'; import type { CommonProps } from '../../types/index.js'; -import type { DialogPropTypes, InputPropTypes, ToolbarButtonPropTypes } from '../../webComponents/index.js'; import type { FilterGroupItemInternalProps } from '../FilterGroupItem/types.js'; interface OnToggleFiltersEvent extends Omit { diff --git a/packages/main/src/components/FilterGroupItem/index.tsx b/packages/main/src/components/FilterGroupItem/index.tsx index 0a551cbd95d..de7da38280e 100644 --- a/packages/main/src/components/FilterGroupItem/index.tsx +++ b/packages/main/src/components/FilterGroupItem/index.tsx @@ -22,10 +22,10 @@ import { MOVE_UP, UP_ARROW } from '../../i18n/i18n-defaults.js'; +import type { ButtonPropTypes, TableRowDomRef } from '../../index.js'; +import { BusyIndicator, Button, Icon, Label, TableCell, TableRow } from '../../index.js'; import type { ReorderDirections } from '../../internal/FilterBarDialogContext.js'; import { FilterBarDialogContext } from '../../internal/FilterBarDialogContext.js'; -import type { ButtonPropTypes, TableRowDomRef } from '../../webComponents/index.js'; -import { BusyIndicator, Button, Icon, Label, TableCell, TableRow } from '../../webComponents/index.js'; import { FlexBox } from '../FlexBox/index.js'; import { classNames, styleData } from './FilterGroupItem.module.css.js'; import type { FilterGroupItemInternalProps, FilterGroupItemPropTypes } from './types.js'; diff --git a/packages/main/src/components/FlexBox/FlexBox.stories.tsx b/packages/main/src/components/FlexBox/FlexBox.stories.tsx index ea625da71af..97f190e0d77 100644 --- a/packages/main/src/components/FlexBox/FlexBox.stories.tsx +++ b/packages/main/src/components/FlexBox/FlexBox.stories.tsx @@ -1,15 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import employeeIcon from '@ui5/webcomponents-icons/dist/employee.js'; -import { - FlexBoxAlignItems, - FlexBoxDirection, - FlexBoxJustifyContent, - FlexBoxWrap, - Icon, - Input, - Label, - Title -} from '../..'; +import { Icon, Input, Label, Title } from '../..'; +import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxJustifyContent, FlexBoxWrap } from '../../enums/index.js'; import { FlexBox } from './index.js'; const meta = { diff --git a/packages/main/src/components/MessageBox/MessageBox.cy.tsx b/packages/main/src/components/MessageBox/MessageBox.cy.tsx index 5cf86fe629a..7a5fba044b5 100644 --- a/packages/main/src/components/MessageBox/MessageBox.cy.tsx +++ b/packages/main/src/components/MessageBox/MessageBox.cy.tsx @@ -1,6 +1,7 @@ import addIcon from '@ui5/webcomponents-icons/dist/add.js'; import { useState } from 'react'; -import { Button, Icon, MessageBoxAction, MessageBoxType } from '../..'; +import { Button, Icon } from '../..'; +import { MessageBoxAction, MessageBoxType } from '../../enums/index.js'; import { MessageBox } from './index.js'; describe('MessageBox', () => { diff --git a/packages/main/src/components/MessageBox/index.tsx b/packages/main/src/components/MessageBox/index.tsx index 079296013e0..c4da022c39c 100644 --- a/packages/main/src/components/MessageBox/index.tsx +++ b/packages/main/src/components/MessageBox/index.tsx @@ -27,8 +27,8 @@ import { WARNING, YES } from '../../i18n/i18n-defaults.js'; -import type { ButtonPropTypes, DialogDomRef, DialogPropTypes } from '../../webComponents/index.js'; -import { Button, Dialog, Icon, Text, Title } from '../../webComponents/index.js'; +import type { ButtonPropTypes, DialogDomRef, DialogPropTypes } from '../../index.js'; +import { Button, Dialog, Icon, Text, Title } from '../../index.js'; import { classNames, styleData } from './MessageBox.module.css.js'; // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents diff --git a/packages/main/src/components/MessageViewButton/index.tsx b/packages/main/src/components/MessageViewButton/index.tsx index f0d636c650b..2b8bf93ff6e 100644 --- a/packages/main/src/components/MessageViewButton/index.tsx +++ b/packages/main/src/components/MessageViewButton/index.tsx @@ -8,8 +8,8 @@ import sysEnter2Icon from '@ui5/webcomponents-icons/dist/sys-enter-2.js'; import { useStylesheet } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import { forwardRef } from 'react'; -import type { ButtonDomRef, ButtonPropTypes } from '../../webComponents/index.js'; -import { Button } from '../../webComponents/index.js'; +import type { ButtonDomRef, ButtonPropTypes } from '../../index.js'; +import { Button } from '../../index.js'; import { classNames, styleData } from './MessageViewButton.module.css.js'; export interface MessageViewButtonProptypes diff --git a/packages/main/src/components/Modals/Modals.cy.tsx b/packages/main/src/components/Modals/Modals.cy.tsx index 47fe2ee48e4..0750adff9c0 100644 --- a/packages/main/src/components/Modals/Modals.cy.tsx +++ b/packages/main/src/components/Modals/Modals.cy.tsx @@ -1,4 +1,4 @@ -import { Bar, Button, MenuItem } from '../../webComponents/index.js'; +import { Bar, Button, MenuItem } from '../../index.js'; import { Modals } from './index.js'; describe('Modals - static helpers', () => { diff --git a/packages/main/src/components/Modals/Modals.stories.tsx b/packages/main/src/components/Modals/Modals.stories.tsx index 5b645b9fedb..dbb986d812a 100644 --- a/packages/main/src/components/Modals/Modals.stories.tsx +++ b/packages/main/src/components/Modals/Modals.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/react'; import { MessageBoxType } from '../../enums/index.js'; -import { Bar, Button, MenuItem } from '../../webComponents/index.js'; +import { Bar, Button, MenuItem } from '../../index.js'; import { Modals } from './index.js'; const meta = { diff --git a/packages/main/src/components/Modals/index.tsx b/packages/main/src/components/Modals/index.tsx index cef5ad39556..33957a6b661 100644 --- a/packages/main/src/components/Modals/index.tsx +++ b/packages/main/src/components/Modals/index.tsx @@ -4,8 +4,6 @@ import type { RefObject } from 'react'; import { createRef } from 'react'; import { createPortal } from 'react-dom'; import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js'; -import { getRandomId } from '../../internal/getRandomId.js'; -import { ModalStore } from '../../internal/ModalStore.js'; import type { DialogDomRef, DialogPropTypes, @@ -17,8 +15,10 @@ import type { ResponsivePopoverPropTypes, ToastDomRef, ToastPropTypes -} from '../../webComponents/index.js'; -import { Dialog, Menu, Popover, ResponsivePopover, Toast } from '../../webComponents/index.js'; +} from '../../index.js'; +import { Dialog, Menu, Popover, ResponsivePopover, Toast } from '../../index.js'; +import { getRandomId } from '../../internal/getRandomId.js'; +import { ModalStore } from '../../internal/ModalStore.js'; import type { MessageBoxPropTypes } from '../MessageBox/index.js'; import { MessageBox } from '../MessageBox/index.js'; diff --git a/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx b/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx index 1e882967093..6da5cc54c94 100644 --- a/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx +++ b/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx @@ -17,16 +17,12 @@ import { ObjectPageHeader, ObjectPageTitle, FlexBox, - FlexBoxAlignItems, - FlexBoxDirection, - FlexBoxWrap, Icon, IllustratedMessage, Label, Link, MessageStrip, ObjectPage, - ObjectPageMode, ObjectPageSection, ObjectPageSubSection, ObjectStatus, @@ -35,6 +31,7 @@ import { Toolbar, ToolbarButton } from '../..'; +import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxWrap, ObjectPageMode } from '../../enums/index.js'; import { cypressPassThroughTestsFactory } from '@/cypress/support/utils'; describe('ObjectPage', () => { diff --git a/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx b/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx index 664e7d66d45..a545e577dd0 100644 --- a/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx +++ b/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx @@ -11,6 +11,7 @@ import fullscreenIcon from '@ui5/webcomponents-icons/dist/full-screen.js'; import sunIcon from '@ui5/webcomponents-icons/dist/general-leave-request.js'; import { useRef } from 'react'; import { Toolbar as LegacyToolbar, ToolbarSpacer as LegacyToolbarSpacer } from '../../../../compat/src/index.js'; +import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxWrap, ObjectPageMode } from '../../enums/index.js'; import type { ObjectPageDomRef } from '../../index.js'; import { Bar, @@ -20,9 +21,6 @@ import { ObjectPageHeader, ObjectPageTitle, FlexBox, - FlexBoxAlignItems, - FlexBoxDirection, - FlexBoxWrap, Form, FormGroup, FormItem, @@ -31,7 +29,6 @@ import { Label, Link, MessageStrip, - ObjectPageMode, ObjectPageSection, ObjectPageSubSection, ObjectStatus, diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx index c9c5e5f5a6d..50151932af7 100644 --- a/packages/main/src/components/ObjectPage/index.tsx +++ b/packages/main/src/components/ObjectPage/index.tsx @@ -13,12 +13,12 @@ import { clsx } from 'clsx'; import type { CSSProperties, ReactElement, ReactNode } from 'react'; import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { ObjectPageMode } from '../../enums/index.js'; +import type { AvatarPropTypes, TabContainerDomRef } from '../../index.js'; +import { Tab, TabContainer } from '../../index.js'; import { addCustomCSSWithScoping } from '../../internal/addCustomCSSWithScoping.js'; import { safeGetChildrenArray } from '../../internal/safeGetChildrenArray.js'; import { useObserveHeights } from '../../internal/useObserveHeights.js'; import type { CommonProps, Ui5CustomEvent } from '../../types/index.js'; -import type { AvatarPropTypes, TabContainerDomRef } from '../../webComponents/index.js'; -import { Tab, TabContainer } from '../../webComponents/index.js'; import { ObjectPageAnchorBar } from '../ObjectPageAnchorBar/index.js'; import type { InternalProps as ObjectPageHeaderPropTypesWithInternals, diff --git a/packages/main/src/components/ObjectPageAnchorBar/index.tsx b/packages/main/src/components/ObjectPageAnchorBar/index.tsx index 9ca867afd83..018a478ce3c 100644 --- a/packages/main/src/components/ObjectPageAnchorBar/index.tsx +++ b/packages/main/src/components/ObjectPageAnchorBar/index.tsx @@ -9,10 +9,10 @@ import { clsx } from 'clsx'; import type { CSSProperties } from 'react'; import { forwardRef, useCallback, useEffect, useRef } from 'react'; import { COLLAPSE_HEADER, EXPAND_HEADER, PIN_HEADER, UNPIN_HEADER } from '../../i18n/i18n-defaults.js'; +import { Button, ToggleButton } from '../../index.js'; +import type { ButtonDomRef } from '../../index.js'; import { cssVarVersionInfoPrefix, getUi5TagWithSuffix } from '../../internal/utils.js'; import type { CommonProps } from '../../types/index.js'; -import { Button, ToggleButton } from '../../webComponents/index.js'; -import type { ButtonDomRef } from '../../webComponents/index.js'; import { classNames, styleData } from './ObjectPageAnchorBar.module.css.js'; const _buttonBaseMinWidth = `${cssVarVersionInfoPrefix}button_base_min_width`; diff --git a/packages/main/src/components/ObjectPageTitle/index.tsx b/packages/main/src/components/ObjectPageTitle/index.tsx index 30adcd0de74..6d0c1569180 100644 --- a/packages/main/src/components/ObjectPageTitle/index.tsx +++ b/packages/main/src/components/ObjectPageTitle/index.tsx @@ -5,9 +5,9 @@ import { clsx } from 'clsx'; import type { ReactElement, ReactNode } from 'react'; import { cloneElement, forwardRef, isValidElement, useEffect, useRef, useState } from 'react'; import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxJustifyContent } from '../../enums/index.js'; +import type { ToolbarDomRef } from '../../index.js'; import { stopPropagation } from '../../internal/stopPropagation.js'; import type { CommonProps } from '../../types/index.js'; -import type { ToolbarDomRef } from '../../webComponents/index.js'; import { FlexBox } from '../FlexBox/index.js'; import { classNames, styleData } from './ObjectPageTitle.module.css.js'; diff --git a/packages/main/src/components/ObjectStatus/ObjectStatus.cy.tsx b/packages/main/src/components/ObjectStatus/ObjectStatus.cy.tsx index 1f72f5ae0bf..1e90780bfc1 100644 --- a/packages/main/src/components/ObjectStatus/ObjectStatus.cy.tsx +++ b/packages/main/src/components/ObjectStatus/ObjectStatus.cy.tsx @@ -8,7 +8,7 @@ import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; import type { IndicationColor } from '../../enums/index.js'; import { INDICATION_COLOR } from '../../i18n/i18n-defaults.js'; -import { Icon } from '../../webComponents/index.js'; +import { Icon } from '../../index.js'; import { ObjectStatus } from './index.js'; import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils'; diff --git a/packages/main/src/components/ObjectStatus/ObjectStatus.stories.tsx b/packages/main/src/components/ObjectStatus/ObjectStatus.stories.tsx index c3dd95eadd6..1a4eb3ca860 100644 --- a/packages/main/src/components/ObjectStatus/ObjectStatus.stories.tsx +++ b/packages/main/src/components/ObjectStatus/ObjectStatus.stories.tsx @@ -1,7 +1,8 @@ import type { Meta, StoryObj } from '@storybook/react'; import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import cancelIcon from '@ui5/webcomponents-icons/dist/sys-cancel.js'; -import { Icon, IndicationColor, Label } from '../..'; +import { Icon, Label } from '../..'; +import { IndicationColor } from '../../enums/index.js'; import { ObjectStatus } from './index.js'; const meta = { diff --git a/packages/main/src/components/SelectDialog/index.tsx b/packages/main/src/components/SelectDialog/index.tsx index 12db327e833..414b7325ba2 100644 --- a/packages/main/src/components/SelectDialog/index.tsx +++ b/packages/main/src/components/SelectDialog/index.tsx @@ -9,9 +9,9 @@ import { enrichEventWithDetails, useI18nBundle, useStylesheet, useSyncRef } from import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import { forwardRef, useEffect, useState } from 'react'; +import { FlexBoxAlignItems } from '../../enums/index.js'; import { CANCEL, CLEAR, RESET, SEARCH, SELECT, SELECTED } from '../../i18n/i18n-defaults.js'; -import { Button, Dialog, FlexBox, FlexBoxAlignItems, Icon, Input, List, Text, Title } from '../../index.js'; -import type { Ui5CustomEvent } from '../../types/index.js'; +import { Button, Dialog, FlexBox, Icon, Input, List, Text, Title } from '../../index.js'; import type { ButtonDomRef, ButtonPropTypes, @@ -22,7 +22,8 @@ import type { ListDomRef, ListItemStandardDomRef, ListPropTypes -} from '../../webComponents/index.js'; +} from '../../index.js'; +import type { Ui5CustomEvent } from '../../types/index.js'; import { classNames, styleData } from './SelectDialog.module.css.js'; interface ListDomRefWithPrivateAPIs extends ListDomRef { diff --git a/packages/main/src/components/Splitter/index.tsx b/packages/main/src/components/Splitter/index.tsx index f4efcdd6662..09e29951581 100644 --- a/packages/main/src/components/Splitter/index.tsx +++ b/packages/main/src/components/Splitter/index.tsx @@ -6,8 +6,8 @@ import verticalGripIcon from '@ui5/webcomponents-icons/dist/vertical-grip.js'; import { useCurrentTheme, useI18nBundle, useIsRTL, useSyncRef, useStylesheet } from '@ui5/webcomponents-react-base'; import { forwardRef, useEffect, useRef, useState } from 'react'; import { PRESS_ARROW_KEYS_TO_MOVE } from '../../i18n/i18n-defaults.js'; +import { Button, Icon } from '../../index.js'; import type { CommonProps } from '../../types/index.js'; -import { Button, Icon } from '../../webComponents/index.js'; import { classNames, styleData } from './Splitter.module.css.js'; export interface SplitterPropTypes extends CommonProps { diff --git a/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx b/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx index 02393fa091b..9e2047f18a0 100644 --- a/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx +++ b/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx @@ -18,13 +18,13 @@ import { SHARING, VIEW } from '../../i18n/i18n-defaults.js'; +import type { InputDomRef } from '../../index.js'; +import { Icon, Input } from '../../index.js'; import type { CommonProps } from '../../types/CommonProps.js'; import { Bar } from '../../webComponents/Bar/index.js'; import { Button } from '../../webComponents/Button/index.js'; import type { DialogPropTypes } from '../../webComponents/Dialog/index.js'; import { Dialog } from '../../webComponents/Dialog/index.js'; -import type { InputDomRef } from '../../webComponents/index.js'; -import { Icon, Input } from '../../webComponents/index.js'; import { Table } from '../../webComponents/Table/index.js'; import { TableHeaderCell } from '../../webComponents/TableHeaderCell/index.js'; import { TableHeaderRow } from '../../webComponents/TableHeaderRow/index.js'; diff --git a/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx b/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx index 5f263295a1f..aaed6bcee96 100644 --- a/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx +++ b/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx @@ -19,8 +19,8 @@ import { VARIANT_MANAGEMENT_ERROR_DUPLICATE, VIEW } from '../../i18n/i18n-defaults.js'; +import { Button, CheckBox, Icon, Input, RadioButton, TableCell, TableRow } from '../../index.js'; import { trimAndRemoveSpaces } from '../../internal/utils.js'; -import { Button, CheckBox, Icon, Input, RadioButton, TableCell, TableRow } from '../../webComponents/index.js'; import { Text } from '../../webComponents/Text/index.js'; import type { VariantItemPropTypes } from './VariantItem.js'; diff --git a/packages/main/src/components/VariantManagement/SaveViewDialog.tsx b/packages/main/src/components/VariantManagement/SaveViewDialog.tsx index 4287d8e840b..cb93c8b19ba 100644 --- a/packages/main/src/components/VariantManagement/SaveViewDialog.tsx +++ b/packages/main/src/components/VariantManagement/SaveViewDialog.tsx @@ -15,11 +15,11 @@ import { VARIANT_MANAGEMENT_ERROR_DUPLICATE, VIEW } from '../../i18n/i18n-defaults.js'; +import type { ButtonDomRef, DialogDomRef, InputPropTypes } from '../../index.js'; +import { Bar, Button, CheckBox, Dialog, Input, Label } from '../../index.js'; import { trimAndRemoveSpaces } from '../../internal/utils.js'; import type { SelectedVariant } from '../../internal/VariantManagementContext.js'; import type { Ui5CustomEvent } from '../../types/index.js'; -import type { ButtonDomRef, DialogDomRef, InputPropTypes } from '../../webComponents/index.js'; -import { Bar, Button, CheckBox, Dialog, Input, Label } from '../../webComponents/index.js'; import { FlexBox } from '../FlexBox/index.js'; import { classNames, styleData } from './SaveViewDialog.module.css.js'; import type { VariantManagementPropTypes } from './types.js'; diff --git a/packages/main/src/components/VariantManagement/VariantItem.tsx b/packages/main/src/components/VariantManagement/VariantItem.tsx index 43e4f351f13..6b47c12b768 100644 --- a/packages/main/src/components/VariantManagement/VariantItem.tsx +++ b/packages/main/src/components/VariantManagement/VariantItem.tsx @@ -3,8 +3,8 @@ import { useStylesheet, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import { forwardRef, useContext, useEffect } from 'react'; +import type { InputPropTypes } from '../../index.js'; import { VariantManagementContext } from '../../internal/VariantManagementContext.js'; -import type { InputPropTypes } from '../../webComponents/index.js'; import type { ListItemStandardDomRef, ListItemStandardPropTypes } from '../../webComponents/ListItemStandard/index.js'; import { ListItemStandard } from '../../webComponents/ListItemStandard/index.js'; import { classNames, styleData } from './VariantItem.module.css.js'; diff --git a/packages/main/src/components/VariantManagement/index.tsx b/packages/main/src/components/VariantManagement/index.tsx index dce2579343b..f9ad70f8365 100644 --- a/packages/main/src/components/VariantManagement/index.tsx +++ b/packages/main/src/components/VariantManagement/index.tsx @@ -14,20 +14,11 @@ import { clsx } from 'clsx'; import type { ComponentElement, ReactElement } from 'react'; import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef, useState } from 'react'; import { MANAGE, MY_VIEWS, SAVE, SAVE_AS, SEARCH, SEARCH_VARIANT, SELECT_VIEW } from '../../i18n/i18n-defaults.js'; +import type { ResponsivePopoverDomRef } from '../../index.js'; +import { Bar, Button, Icon, IllustratedMessage, Input, List, ResponsivePopover, Title } from '../../index.js'; import { stopPropagation } from '../../internal/stopPropagation.js'; import type { SelectedVariant } from '../../internal/VariantManagementContext.js'; import { VariantManagementContext } from '../../internal/VariantManagementContext.js'; -import type { ResponsivePopoverDomRef } from '../../webComponents/index.js'; -import { - Bar, - Button, - Icon, - IllustratedMessage, - Input, - List, - ResponsivePopover, - Title -} from '../../webComponents/index.js'; import { FlexBox } from '../FlexBox/index.js'; import type { ManageViewsDialogPropTypes } from './ManageViewsDialog.js'; import { ManageViewsDialog } from './ManageViewsDialog.js'; diff --git a/packages/main/src/components/VariantManagement/types.ts b/packages/main/src/components/VariantManagement/types.ts index 7d11349b80b..ef2b37bb876 100644 --- a/packages/main/src/components/VariantManagement/types.ts +++ b/packages/main/src/components/VariantManagement/types.ts @@ -1,8 +1,6 @@ import type { DialogBeforeCloseEventDetail } from '@ui5/webcomponents/dist/Dialog.js'; import type { ListSelectionChangeEventDetail } from '@ui5/webcomponents/dist/List.js'; import type { ReactNode } from 'react'; -import type { SelectedVariant } from '../../internal/VariantManagementContext.js'; -import type { CommonProps, Ui5CustomEvent } from '../../types/index.js'; import type { ButtonPropTypes, DialogPropTypes, @@ -10,7 +8,9 @@ import type { ListDomRef, ResponsivePopoverPropTypes, TitlePropTypes -} from '../../webComponents/index.js'; +} from '../../index.js'; +import type { SelectedVariant } from '../../internal/VariantManagementContext.js'; +import type { CommonProps, Ui5CustomEvent } from '../../types/index.js'; import type { VariantItemPropTypes } from './VariantItem.js'; interface UpdatedVariant extends SelectedVariant { diff --git a/packages/main/src/enums/index.ts b/packages/main/src/enums/index.ts index 122177b9e66..a44ec4f6b3e 100644 --- a/packages/main/src/enums/index.ts +++ b/packages/main/src/enums/index.ts @@ -1,25 +1,25 @@ // This is an autogenerated file, please do not modify this file manually. // In case you added a new file to the /enums folder, please rerun the scripts/create-enum-export.js script. -export * from './AnalyticalTableScaleWidthMode.js'; -export * from './AnalyticalTableScrollMode.js'; -export * from './AnalyticalTableSelectionBehavior.js'; -export * from './AnalyticalTableSelectionMode.js'; -export * from './AnalyticalTableSubComponentsBehavior.js'; -export * from './AnalyticalTableVisibleRowCountMode.js'; -export * from './ContentDensity.js'; -export * from './DeviationIndicator.js'; -export * from './FlexBoxAlignItems.js'; -export * from './FlexBoxDirection.js'; -export * from './FlexBoxJustifyContent.js'; -export * from './FlexBoxWrap.js'; -export * from './GridPosition.js'; -export * from './IndicationColor.js'; -export * from './MessageBoxAction.js'; -export * from './MessageBoxType.js'; -export * from './ObjectPageMode.js'; -export * from './Size.js'; -export * from './TextAlign.js'; -export * from './Theme.js'; -export * from './ValueColor.js'; -export * from './VerticalAlign.js'; +export { AnalyticalTableScaleWidthMode } from './AnalyticalTableScaleWidthMode.js'; +export { AnalyticalTableScrollMode } from './AnalyticalTableScrollMode.js'; +export { AnalyticalTableSelectionBehavior } from './AnalyticalTableSelectionBehavior.js'; +export { AnalyticalTableSelectionMode } from './AnalyticalTableSelectionMode.js'; +export { AnalyticalTableSubComponentsBehavior } from './AnalyticalTableSubComponentsBehavior.js'; +export { AnalyticalTableVisibleRowCountMode } from './AnalyticalTableVisibleRowCountMode.js'; +export { ContentDensity } from './ContentDensity.js'; +export { DeviationIndicator } from './DeviationIndicator.js'; +export { FlexBoxAlignItems } from './FlexBoxAlignItems.js'; +export { FlexBoxDirection } from './FlexBoxDirection.js'; +export { FlexBoxJustifyContent } from './FlexBoxJustifyContent.js'; +export { FlexBoxWrap } from './FlexBoxWrap.js'; +export { GridPosition } from './GridPosition.js'; +export { IndicationColor } from './IndicationColor.js'; +export { MessageBoxAction } from './MessageBoxAction.js'; +export { MessageBoxType } from './MessageBoxType.js'; +export { ObjectPageMode } from './ObjectPageMode.js'; +export { Size } from './Size.js'; +export { TextAlign } from './TextAlign.js'; +export { Theme } from './Theme.js'; +export { ValueColor } from './ValueColor.js'; +export { VerticalAlign } from './VerticalAlign.js'; diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts index 872627fe8ae..1778a8ccef6 100644 --- a/packages/main/src/index.ts +++ b/packages/main/src/index.ts @@ -1,41 +1,415 @@ import * as AnalyticalTableHooks from './components/AnalyticalTable/pluginHooks/AnalyticalTableHooks.js'; import VersionInfo from './generated/VersionInfo.js'; -export * from './components/ActionSheet/index.js'; -export * from './components/AnalyticalCardHeader/index.js'; -export * from './components/AnalyticalTable/index.js'; -export * from './components/AnalyticalTable/defaults/LoadingComponent/TablePlaceholder.js'; +export { AnalyticalTableHooks }; +export const version = VersionInfo.version; +export type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode, Nullable } from './types/index.js'; + +// ================================ +// UI5 WCR Components +// ================================ +export type { ActionSheetPropTypes } from './components/ActionSheet/index.js'; +export { ActionSheet } from './components/ActionSheet/index.js'; +export type { AnalyticalCardHeaderPropTypes } from './components/AnalyticalCardHeader/index.js'; +export { AnalyticalCardHeader } from './components/AnalyticalCardHeader/index.js'; +export type { + AnalyticalTablePropTypes, + AnalyticalTableColumnDefinition, + AnalyticalTableDomRef, + DivWithCustomScrollProp +} from './components/AnalyticalTable/index.js'; +export { AnalyticalTable } from './components/AnalyticalTable/index.js'; +export { TablePlaceholder } from './components/AnalyticalTable/defaults/LoadingComponent/TablePlaceholder.js'; export { ObjectPageHeader } from './components/ObjectPageHeader/index.js'; export type { ObjectPageHeaderPropTypes } from './components/ObjectPageHeader/index.js'; export { ObjectPageTitle } from './components/ObjectPageTitle/index.js'; export type { ObjectPageTitlePropTypes } from './components/ObjectPageTitle/index.js'; -export * from './components/ExpandableText/index.js'; -export * from './components/FilterBar/index.js'; -export * from './components/FilterGroupItem/index.js'; -export * from './components/FlexBox/index.js'; -export * from './components/Grid/index.js'; -export * from './components/MessageBox/index.js'; -export * from './components/MessageView/index.js'; -export * from './components/MessageView/MessageItem.js'; -export * from './components/MessageViewButton/index.js'; -export * from './components/Modals/index.js'; -export * from './components/NumericSideIndicator/index.js'; -export * from './components/ObjectPage/index.js'; -export * from './components/ObjectPageSection/index.js'; -export * from './components/ObjectPageSubSection/index.js'; -export * from './components/ObjectStatus/index.js'; -export * from './components/ResponsiveGridLayout/index.js'; -export * from './components/SelectDialog/index.js'; -export * from './components/SplitterElement/index.js'; -export * from './components/SplitterLayout/index.js'; -export * from './components/ThemeProvider/index.js'; -export * from './components/VariantManagement/index.js'; -export * from './components/VariantManagement/VariantItem.js'; +export type { ExpandableTextPropTypes } from './components/ExpandableText/index.js'; +export { ExpandableText } from './components/ExpandableText/index.js'; +export type { FilterBarPropTypes } from './components/FilterBar/index.js'; +export { FilterBar } from './components/FilterBar/index.js'; +export type { FilterGroupItemPropTypes } from './components/FilterGroupItem/index.js'; +export { FilterGroupItem } from './components/FilterGroupItem/index.js'; +export type { FlexBoxPropTypes } from './components/FlexBox/index.js'; +export { FlexBox } from './components/FlexBox/index.js'; +export type { GridPropTypes } from './components/Grid/index.js'; +export { Grid } from './components/Grid/index.js'; +export type { MessageBoxPropTypes } from './components/MessageBox/index.js'; +export { MessageBox } from './components/MessageBox/index.js'; +export type { MessageViewDomRef, MessageViewPropTypes } from './components/MessageView/index.js'; +export { MessageView } from './components/MessageView/index.js'; +export type { MessageItemPropTypes } from './components/MessageView/MessageItem.js'; +export { MessageItem } from './components/MessageView/MessageItem.js'; +export type { MessageViewButtonProptypes } from './components/MessageViewButton/index.js'; +export { MessageViewButton } from './components/MessageViewButton/index.js'; +export { Modals } from './components/Modals/index.js'; +export type { NumericSideIndicatorPropTypes } from './components/NumericSideIndicator/index.js'; +export { NumericSideIndicator } from './components/NumericSideIndicator/index.js'; +export type { ObjectPageDomRef, ObjectPagePropTypes } from './components/ObjectPage/index.js'; +export { ObjectPage } from './components/ObjectPage/index.js'; +export type { ObjectPageSectionPropTypes } from './components/ObjectPageSection/index.js'; +export { ObjectPageSection } from './components/ObjectPageSection/index.js'; +export type { ObjectPageSubSectionPropTypes } from './components/ObjectPageSubSection/index.js'; +export { ObjectPageSubSection } from './components/ObjectPageSubSection/index.js'; +export type { ObjectStatusPropTypes } from './components/ObjectStatus/index.js'; +export { ObjectStatus } from './components/ObjectStatus/index.js'; +export type { ResponsiveGridLayoutPropTypes } from './components/ResponsiveGridLayout/index.js'; +export { ResponsiveGridLayout } from './components/ResponsiveGridLayout/index.js'; +export type { SelectDialogPropTypes } from './components/SelectDialog/index.js'; +export { SelectDialog } from './components/SelectDialog/index.js'; +export type { SplitterElementPropTypes } from './components/SplitterElement/index.js'; +export { SplitterElement } from './components/SplitterElement/index.js'; +export type { SplitterLayoutPropTypes } from './components/SplitterLayout/index.js'; +export { SplitterLayout } from './components/SplitterLayout/index.js'; +export type { ThemeProviderPropTypes } from './components/ThemeProvider/index.js'; +export { ThemeProvider } from './components/ThemeProvider/index.js'; +export type { VariantManagementPropTypes } from './components/VariantManagement/index.js'; +export { VariantManagement } from './components/VariantManagement/index.js'; +export type { VariantItemPropTypes } from './components/VariantManagement/VariantItem.js'; +export { VariantItem } from './components/VariantManagement/VariantItem.js'; export { withWebComponent } from './internal/withWebComponent.js'; export type { WithWebComponentPropTypes } from './internal/withWebComponent.js'; -export * from './enums/index.js'; -export type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode, Nullable } from './types/index.js'; -export * from './webComponents/index.js'; -export { AnalyticalTableHooks }; -export const version = VersionInfo.version; +// ================================ +// Wrapped UI5WC components +// ================================ +export type { AvatarDomRef, AvatarPropTypes } from './webComponents/Avatar/index.js'; +export { Avatar } from './webComponents/Avatar/index.js'; +export type { AvatarGroupDomRef, AvatarGroupPropTypes } from './webComponents/AvatarGroup/index.js'; +export { AvatarGroup } from './webComponents/AvatarGroup/index.js'; +export type { BarDomRef, BarPropTypes } from './webComponents/Bar/index.js'; +export { Bar } from './webComponents/Bar/index.js'; +export type { + BarcodeScannerDialogDomRef, + BarcodeScannerDialogPropTypes +} from './webComponents/BarcodeScannerDialog/index.js'; +export { BarcodeScannerDialog } from './webComponents/BarcodeScannerDialog/index.js'; +export type { BreadcrumbsDomRef, BreadcrumbsPropTypes } from './webComponents/Breadcrumbs/index.js'; +export { Breadcrumbs } from './webComponents/Breadcrumbs/index.js'; +export type { BreadcrumbsItemDomRef, BreadcrumbsItemPropTypes } from './webComponents/BreadcrumbsItem/index.js'; +export { BreadcrumbsItem } from './webComponents/BreadcrumbsItem/index.js'; +export type { BusyIndicatorDomRef, BusyIndicatorPropTypes } from './webComponents/BusyIndicator/index.js'; +export { BusyIndicator } from './webComponents/BusyIndicator/index.js'; +export type { ButtonDomRef, ButtonPropTypes } from './webComponents/Button/index.js'; +export { Button } from './webComponents/Button/index.js'; +export type { CalendarDomRef, CalendarPropTypes } from './webComponents/Calendar/index.js'; +export { Calendar } from './webComponents/Calendar/index.js'; +export type { CalendarDateDomRef, CalendarDatePropTypes } from './webComponents/CalendarDate/index.js'; +export { CalendarDate } from './webComponents/CalendarDate/index.js'; +export type { CalendarDateRangeDomRef, CalendarDateRangePropTypes } from './webComponents/CalendarDateRange/index.js'; +export { CalendarDateRange } from './webComponents/CalendarDateRange/index.js'; +export type { CalendarLegendDomRef, CalendarLegendPropTypes } from './webComponents/CalendarLegend/index.js'; +export { CalendarLegend } from './webComponents/CalendarLegend/index.js'; +export type { + CalendarLegendItemDomRef, + CalendarLegendItemPropTypes +} from './webComponents/CalendarLegendItem/index.js'; +export { CalendarLegendItem } from './webComponents/CalendarLegendItem/index.js'; +export type { CardDomRef, CardPropTypes } from './webComponents/Card/index.js'; +export { Card } from './webComponents/Card/index.js'; +export type { CardHeaderDomRef, CardHeaderPropTypes } from './webComponents/CardHeader/index.js'; +export { CardHeader } from './webComponents/CardHeader/index.js'; +export type { CarouselDomRef, CarouselPropTypes } from './webComponents/Carousel/index.js'; +export { Carousel } from './webComponents/Carousel/index.js'; +export type { CheckBoxDomRef, CheckBoxPropTypes } from './webComponents/CheckBox/index.js'; +export { CheckBox } from './webComponents/CheckBox/index.js'; +export type { ColorPaletteDomRef, ColorPalettePropTypes } from './webComponents/ColorPalette/index.js'; +export { ColorPalette } from './webComponents/ColorPalette/index.js'; +export type { ColorPaletteItemDomRef, ColorPaletteItemPropTypes } from './webComponents/ColorPaletteItem/index.js'; +export { ColorPaletteItem } from './webComponents/ColorPaletteItem/index.js'; +export type { + ColorPalettePopoverDomRef, + ColorPalettePopoverPropTypes +} from './webComponents/ColorPalettePopover/index.js'; +export { ColorPalettePopover } from './webComponents/ColorPalettePopover/index.js'; +export type { ColorPickerDomRef, ColorPickerPropTypes } from './webComponents/ColorPicker/index.js'; +export { ColorPicker } from './webComponents/ColorPicker/index.js'; +export type { ComboBoxDomRef, ComboBoxPropTypes } from './webComponents/ComboBox/index.js'; +export { ComboBox } from './webComponents/ComboBox/index.js'; +export type { ComboBoxItemDomRef, ComboBoxItemPropTypes } from './webComponents/ComboBoxItem/index.js'; +export { ComboBoxItem } from './webComponents/ComboBoxItem/index.js'; +export type { ComboBoxItemGroupDomRef, ComboBoxItemGroupPropTypes } from './webComponents/ComboBoxItemGroup/index.js'; +export { ComboBoxItemGroup } from './webComponents/ComboBoxItemGroup/index.js'; +export type { DatePickerDomRef, DatePickerPropTypes } from './webComponents/DatePicker/index.js'; +export { DatePicker } from './webComponents/DatePicker/index.js'; +export type { DateRangePickerDomRef, DateRangePickerPropTypes } from './webComponents/DateRangePicker/index.js'; +export { DateRangePicker } from './webComponents/DateRangePicker/index.js'; +export type { DateTimePickerDomRef, DateTimePickerPropTypes } from './webComponents/DateTimePicker/index.js'; +export { DateTimePicker } from './webComponents/DateTimePicker/index.js'; +export type { DialogDomRef, DialogPropTypes } from './webComponents/Dialog/index.js'; +export { Dialog } from './webComponents/Dialog/index.js'; +export type { DynamicPageDomRef, DynamicPagePropTypes } from './webComponents/DynamicPage/index.js'; +export { DynamicPage } from './webComponents/DynamicPage/index.js'; +export type { DynamicPageHeaderDomRef, DynamicPageHeaderPropTypes } from './webComponents/DynamicPageHeader/index.js'; +export { DynamicPageHeader } from './webComponents/DynamicPageHeader/index.js'; +export type { DynamicPageTitleDomRef, DynamicPageTitlePropTypes } from './webComponents/DynamicPageTitle/index.js'; +export { DynamicPageTitle } from './webComponents/DynamicPageTitle/index.js'; +export type { + DynamicSideContentDomRef, + DynamicSideContentPropTypes +} from './webComponents/DynamicSideContent/index.js'; +export { DynamicSideContent } from './webComponents/DynamicSideContent/index.js'; +export type { FileUploaderDomRef, FileUploaderPropTypes } from './webComponents/FileUploader/index.js'; +export { FileUploader } from './webComponents/FileUploader/index.js'; +export type { FilterItemDomRef, FilterItemPropTypes } from './webComponents/FilterItem/index.js'; +export { FilterItem } from './webComponents/FilterItem/index.js'; +export type { FilterItemOptionDomRef, FilterItemOptionPropTypes } from './webComponents/FilterItemOption/index.js'; +export { FilterItemOption } from './webComponents/FilterItemOption/index.js'; +export type { + FlexibleColumnLayoutDomRef, + FlexibleColumnLayoutPropTypes +} from './webComponents/FlexibleColumnLayout/index.js'; +export { FlexibleColumnLayout } from './webComponents/FlexibleColumnLayout/index.js'; +export type { FormDomRef, FormPropTypes } from './webComponents/Form/index.js'; +export { Form } from './webComponents/Form/index.js'; +export type { FormGroupDomRef, FormGroupPropTypes } from './webComponents/FormGroup/index.js'; +export { FormGroup } from './webComponents/FormGroup/index.js'; +export type { FormItemDomRef, FormItemPropTypes } from './webComponents/FormItem/index.js'; +export { FormItem } from './webComponents/FormItem/index.js'; +export type { IconDomRef, IconPropTypes } from './webComponents/Icon/index.js'; +export { Icon } from './webComponents/Icon/index.js'; +export type { + IllustratedMessageDomRef, + IllustratedMessagePropTypes +} from './webComponents/IllustratedMessage/index.js'; +export { IllustratedMessage } from './webComponents/IllustratedMessage/index.js'; +export type { InputDomRef, InputPropTypes } from './webComponents/Input/index.js'; +export { Input } from './webComponents/Input/index.js'; +export type { LabelDomRef, LabelPropTypes } from './webComponents/Label/index.js'; +export { Label } from './webComponents/Label/index.js'; +export type { LinkDomRef, LinkPropTypes } from './webComponents/Link/index.js'; +export { Link } from './webComponents/Link/index.js'; +export type { ListDomRef, ListPropTypes } from './webComponents/List/index.js'; +export { List } from './webComponents/List/index.js'; +export type { ListItemCustomDomRef, ListItemCustomPropTypes } from './webComponents/ListItemCustom/index.js'; +export { ListItemCustom } from './webComponents/ListItemCustom/index.js'; +export type { ListItemGroupDomRef, ListItemGroupPropTypes } from './webComponents/ListItemGroup/index.js'; +export { ListItemGroup } from './webComponents/ListItemGroup/index.js'; +export type { ListItemStandardDomRef, ListItemStandardPropTypes } from './webComponents/ListItemStandard/index.js'; +export { ListItemStandard } from './webComponents/ListItemStandard/index.js'; +export type { MediaGalleryDomRef, MediaGalleryPropTypes } from './webComponents/MediaGallery/index.js'; +export { MediaGallery } from './webComponents/MediaGallery/index.js'; +export type { MediaGalleryItemDomRef, MediaGalleryItemPropTypes } from './webComponents/MediaGalleryItem/index.js'; +export { MediaGalleryItem } from './webComponents/MediaGalleryItem/index.js'; +export type { MenuDomRef, MenuPropTypes } from './webComponents/Menu/index.js'; +export { Menu } from './webComponents/Menu/index.js'; +export type { MenuItemDomRef, MenuItemPropTypes } from './webComponents/MenuItem/index.js'; +export { MenuItem } from './webComponents/MenuItem/index.js'; +export type { MenuSeparatorDomRef, MenuSeparatorPropTypes } from './webComponents/MenuSeparator/index.js'; +export { MenuSeparator } from './webComponents/MenuSeparator/index.js'; +export type { MessageStripDomRef, MessageStripPropTypes } from './webComponents/MessageStrip/index.js'; +export { MessageStrip } from './webComponents/MessageStrip/index.js'; +export type { MultiComboBoxDomRef, MultiComboBoxPropTypes } from './webComponents/MultiComboBox/index.js'; +export { MultiComboBox } from './webComponents/MultiComboBox/index.js'; +export type { MultiComboBoxItemDomRef, MultiComboBoxItemPropTypes } from './webComponents/MultiComboBoxItem/index.js'; +export { MultiComboBoxItem } from './webComponents/MultiComboBoxItem/index.js'; +export type { + MultiComboBoxItemGroupDomRef, + MultiComboBoxItemGroupPropTypes +} from './webComponents/MultiComboBoxItemGroup/index.js'; +export { MultiComboBoxItemGroup } from './webComponents/MultiComboBoxItemGroup/index.js'; +export type { MultiInputDomRef, MultiInputPropTypes } from './webComponents/MultiInput/index.js'; +export { MultiInput } from './webComponents/MultiInput/index.js'; +export type { NotificationListDomRef, NotificationListPropTypes } from './webComponents/NotificationList/index.js'; +export { NotificationList } from './webComponents/NotificationList/index.js'; +export type { + NotificationListGroupItemDomRef, + NotificationListGroupItemPropTypes +} from './webComponents/NotificationListGroupItem/index.js'; +export { NotificationListGroupItem } from './webComponents/NotificationListGroupItem/index.js'; +export type { + NotificationListItemDomRef, + NotificationListItemPropTypes +} from './webComponents/NotificationListItem/index.js'; +export { NotificationListItem } from './webComponents/NotificationListItem/index.js'; +export type { OptionDomRef, OptionPropTypes } from './webComponents/Option/index.js'; +export { Option } from './webComponents/Option/index.js'; +export type { OptionCustomDomRef, OptionCustomPropTypes } from './webComponents/OptionCustom/index.js'; +export { OptionCustom } from './webComponents/OptionCustom/index.js'; +export type { PageDomRef, PagePropTypes } from './webComponents/Page/index.js'; +export { Page } from './webComponents/Page/index.js'; +export type { PanelDomRef, PanelPropTypes } from './webComponents/Panel/index.js'; +export { Panel } from './webComponents/Panel/index.js'; +export type { PopoverDomRef, PopoverPropTypes } from './webComponents/Popover/index.js'; +export { Popover } from './webComponents/Popover/index.js'; +export type { ProductSwitchDomRef, ProductSwitchPropTypes } from './webComponents/ProductSwitch/index.js'; +export { ProductSwitch } from './webComponents/ProductSwitch/index.js'; +export type { ProductSwitchItemDomRef, ProductSwitchItemPropTypes } from './webComponents/ProductSwitchItem/index.js'; +export { ProductSwitchItem } from './webComponents/ProductSwitchItem/index.js'; +export type { ProgressIndicatorDomRef, ProgressIndicatorPropTypes } from './webComponents/ProgressIndicator/index.js'; +export { ProgressIndicator } from './webComponents/ProgressIndicator/index.js'; +export type { RadioButtonDomRef, RadioButtonPropTypes } from './webComponents/RadioButton/index.js'; +export { RadioButton } from './webComponents/RadioButton/index.js'; +export type { RangeSliderDomRef, RangeSliderPropTypes } from './webComponents/RangeSlider/index.js'; +export { RangeSlider } from './webComponents/RangeSlider/index.js'; +export type { RatingIndicatorDomRef, RatingIndicatorPropTypes } from './webComponents/RatingIndicator/index.js'; +export { RatingIndicator } from './webComponents/RatingIndicator/index.js'; +export type { ResponsivePopoverDomRef, ResponsivePopoverPropTypes } from './webComponents/ResponsivePopover/index.js'; +export { ResponsivePopover } from './webComponents/ResponsivePopover/index.js'; +export type { SegmentedButtonDomRef, SegmentedButtonPropTypes } from './webComponents/SegmentedButton/index.js'; +export { SegmentedButton } from './webComponents/SegmentedButton/index.js'; +export type { + SegmentedButtonItemDomRef, + SegmentedButtonItemPropTypes +} from './webComponents/SegmentedButtonItem/index.js'; +export { SegmentedButtonItem } from './webComponents/SegmentedButtonItem/index.js'; +export type { SelectDomRef, SelectPropTypes } from './webComponents/Select/index.js'; +export { Select } from './webComponents/Select/index.js'; +export type { ShellBarDomRef, ShellBarPropTypes } from './webComponents/ShellBar/index.js'; +export { ShellBar } from './webComponents/ShellBar/index.js'; +export type { ShellBarItemDomRef, ShellBarItemPropTypes } from './webComponents/ShellBarItem/index.js'; +export { ShellBarItem } from './webComponents/ShellBarItem/index.js'; +export type { SideNavigationDomRef, SideNavigationPropTypes } from './webComponents/SideNavigation/index.js'; +export { SideNavigation } from './webComponents/SideNavigation/index.js'; +export type { + SideNavigationGroupDomRef, + SideNavigationGroupPropTypes +} from './webComponents/SideNavigationGroup/index.js'; +export { SideNavigationGroup } from './webComponents/SideNavigationGroup/index.js'; +export type { + SideNavigationItemDomRef, + SideNavigationItemPropTypes +} from './webComponents/SideNavigationItem/index.js'; +export { SideNavigationItem } from './webComponents/SideNavigationItem/index.js'; +export type { + SideNavigationSubItemDomRef, + SideNavigationSubItemPropTypes +} from './webComponents/SideNavigationSubItem/index.js'; +export { SideNavigationSubItem } from './webComponents/SideNavigationSubItem/index.js'; +export type { SliderDomRef, SliderPropTypes } from './webComponents/Slider/index.js'; +export { Slider } from './webComponents/Slider/index.js'; +export type { SortItemDomRef, SortItemPropTypes } from './webComponents/SortItem/index.js'; +export { SortItem } from './webComponents/SortItem/index.js'; +export type { + SpecialCalendarDateDomRef, + SpecialCalendarDatePropTypes +} from './webComponents/SpecialCalendarDate/index.js'; +export { SpecialCalendarDate } from './webComponents/SpecialCalendarDate/index.js'; +export type { SplitButtonDomRef, SplitButtonPropTypes } from './webComponents/SplitButton/index.js'; +export { SplitButton } from './webComponents/SplitButton/index.js'; +export type { StepInputDomRef, StepInputPropTypes } from './webComponents/StepInput/index.js'; +export { StepInput } from './webComponents/StepInput/index.js'; +export type { SuggestionItemDomRef, SuggestionItemPropTypes } from './webComponents/SuggestionItem/index.js'; +export { SuggestionItem } from './webComponents/SuggestionItem/index.js'; +export type { + SuggestionItemCustomDomRef, + SuggestionItemCustomPropTypes +} from './webComponents/SuggestionItemCustom/index.js'; +export { SuggestionItemCustom } from './webComponents/SuggestionItemCustom/index.js'; +export type { + SuggestionItemGroupDomRef, + SuggestionItemGroupPropTypes +} from './webComponents/SuggestionItemGroup/index.js'; +export { SuggestionItemGroup } from './webComponents/SuggestionItemGroup/index.js'; +export type { SwitchDomRef, SwitchPropTypes } from './webComponents/Switch/index.js'; +export { Switch } from './webComponents/Switch/index.js'; +export type { TabDomRef, TabPropTypes } from './webComponents/Tab/index.js'; +export { Tab } from './webComponents/Tab/index.js'; +export type { TabContainerDomRef, TabContainerPropTypes } from './webComponents/TabContainer/index.js'; +export { TabContainer } from './webComponents/TabContainer/index.js'; +export type { TabSeparatorDomRef, TabSeparatorPropTypes } from './webComponents/TabSeparator/index.js'; +export { TabSeparator } from './webComponents/TabSeparator/index.js'; +export type { TableDomRef, TablePropTypes } from './webComponents/Table/index.js'; +export { Table } from './webComponents/Table/index.js'; +export type { TableCellDomRef, TableCellPropTypes } from './webComponents/TableCell/index.js'; +export { TableCell } from './webComponents/TableCell/index.js'; +export type { TableGrowingDomRef, TableGrowingPropTypes } from './webComponents/TableGrowing/index.js'; +export { TableGrowing } from './webComponents/TableGrowing/index.js'; +export type { TableHeaderCellDomRef, TableHeaderCellPropTypes } from './webComponents/TableHeaderCell/index.js'; +export { TableHeaderCell } from './webComponents/TableHeaderCell/index.js'; +export type { TableHeaderRowDomRef, TableHeaderRowPropTypes } from './webComponents/TableHeaderRow/index.js'; +export { TableHeaderRow } from './webComponents/TableHeaderRow/index.js'; +export type { TableRowDomRef, TableRowPropTypes } from './webComponents/TableRow/index.js'; +export { TableRow } from './webComponents/TableRow/index.js'; +export type { TableSelectionDomRef, TableSelectionPropTypes } from './webComponents/TableSelection/index.js'; +export { TableSelection } from './webComponents/TableSelection/index.js'; +export type { TagDomRef, TagPropTypes } from './webComponents/Tag/index.js'; +export { Tag } from './webComponents/Tag/index.js'; +export type { TextDomRef, TextPropTypes } from './webComponents/Text/index.js'; +export { Text } from './webComponents/Text/index.js'; +export type { TextAreaDomRef, TextAreaPropTypes } from './webComponents/TextArea/index.js'; +export { TextArea } from './webComponents/TextArea/index.js'; +export type { TimePickerDomRef, TimePickerPropTypes } from './webComponents/TimePicker/index.js'; +export { TimePicker } from './webComponents/TimePicker/index.js'; +export type { TimelineDomRef, TimelinePropTypes } from './webComponents/Timeline/index.js'; +export { Timeline } from './webComponents/Timeline/index.js'; +export type { TimelineGroupItemDomRef, TimelineGroupItemPropTypes } from './webComponents/TimelineGroupItem/index.js'; +export { TimelineGroupItem } from './webComponents/TimelineGroupItem/index.js'; +export type { TimelineItemDomRef, TimelineItemPropTypes } from './webComponents/TimelineItem/index.js'; +export { TimelineItem } from './webComponents/TimelineItem/index.js'; +export type { TitleDomRef, TitlePropTypes } from './webComponents/Title/index.js'; +export { Title } from './webComponents/Title/index.js'; +export type { ToastDomRef, ToastPropTypes } from './webComponents/Toast/index.js'; +export { Toast } from './webComponents/Toast/index.js'; +export type { ToggleButtonDomRef, ToggleButtonPropTypes } from './webComponents/ToggleButton/index.js'; +export { ToggleButton } from './webComponents/ToggleButton/index.js'; +export type { TokenDomRef, TokenPropTypes } from './webComponents/Token/index.js'; +export { Token } from './webComponents/Token/index.js'; +export type { TokenizerDomRef, TokenizerPropTypes } from './webComponents/Tokenizer/index.js'; +export { Tokenizer } from './webComponents/Tokenizer/index.js'; +export type { ToolbarDomRef, ToolbarPropTypes } from './webComponents/Toolbar/index.js'; +export { Toolbar } from './webComponents/Toolbar/index.js'; +export type { ToolbarButtonDomRef, ToolbarButtonPropTypes } from './webComponents/ToolbarButton/index.js'; +export { ToolbarButton } from './webComponents/ToolbarButton/index.js'; +export type { ToolbarSelectDomRef, ToolbarSelectPropTypes } from './webComponents/ToolbarSelect/index.js'; +export { ToolbarSelect } from './webComponents/ToolbarSelect/index.js'; +export type { + ToolbarSelectOptionDomRef, + ToolbarSelectOptionPropTypes +} from './webComponents/ToolbarSelectOption/index.js'; +export { ToolbarSelectOption } from './webComponents/ToolbarSelectOption/index.js'; +export type { ToolbarSeparatorDomRef, ToolbarSeparatorPropTypes } from './webComponents/ToolbarSeparator/index.js'; +export { ToolbarSeparator } from './webComponents/ToolbarSeparator/index.js'; +export type { ToolbarSpacerDomRef, ToolbarSpacerPropTypes } from './webComponents/ToolbarSpacer/index.js'; +export { ToolbarSpacer } from './webComponents/ToolbarSpacer/index.js'; +export type { TreeDomRef, TreePropTypes } from './webComponents/Tree/index.js'; +export { Tree } from './webComponents/Tree/index.js'; +export type { TreeItemDomRef, TreeItemPropTypes } from './webComponents/TreeItem/index.js'; +export { TreeItem } from './webComponents/TreeItem/index.js'; +export type { TreeItemCustomDomRef, TreeItemCustomPropTypes } from './webComponents/TreeItemCustom/index.js'; +export { TreeItemCustom } from './webComponents/TreeItemCustom/index.js'; +export type { UploadCollectionDomRef, UploadCollectionPropTypes } from './webComponents/UploadCollection/index.js'; +export { UploadCollection } from './webComponents/UploadCollection/index.js'; +export type { + UploadCollectionItemDomRef, + UploadCollectionItemPropTypes +} from './webComponents/UploadCollectionItem/index.js'; +export { UploadCollectionItem } from './webComponents/UploadCollectionItem/index.js'; +export type { + ViewSettingsDialogDomRef, + ViewSettingsDialogPropTypes +} from './webComponents/ViewSettingsDialog/index.js'; +export { ViewSettingsDialog } from './webComponents/ViewSettingsDialog/index.js'; +export type { WizardDomRef, WizardPropTypes } from './webComponents/Wizard/index.js'; +export { Wizard } from './webComponents/Wizard/index.js'; +export type { WizardStepDomRef, WizardStepPropTypes } from './webComponents/WizardStep/index.js'; +export { WizardStep } from './webComponents/WizardStep/index.js'; + +// ================================ +// Enums +// ================================ +// This part is auto-generated, please do not modify it manually. +// In case you added a new file to the /enums folder, please rerun the scripts/create-enum-export.js script. + +export { AnalyticalTableScaleWidthMode } from './enums/AnalyticalTableScaleWidthMode.js'; +export { AnalyticalTableScrollMode } from './enums/AnalyticalTableScrollMode.js'; +export { AnalyticalTableSelectionBehavior } from './enums/AnalyticalTableSelectionBehavior.js'; +export { AnalyticalTableSelectionMode } from './enums/AnalyticalTableSelectionMode.js'; +export { AnalyticalTableSubComponentsBehavior } from './enums/AnalyticalTableSubComponentsBehavior.js'; +export { AnalyticalTableVisibleRowCountMode } from './enums/AnalyticalTableVisibleRowCountMode.js'; +export { ContentDensity } from './enums/ContentDensity.js'; +export { DeviationIndicator } from './enums/DeviationIndicator.js'; +export { FlexBoxAlignItems } from './enums/FlexBoxAlignItems.js'; +export { FlexBoxDirection } from './enums/FlexBoxDirection.js'; +export { FlexBoxJustifyContent } from './enums/FlexBoxJustifyContent.js'; +export { FlexBoxWrap } from './enums/FlexBoxWrap.js'; +export { GridPosition } from './enums/GridPosition.js'; +export { IndicationColor } from './enums/IndicationColor.js'; +export { MessageBoxAction } from './enums/MessageBoxAction.js'; +export { MessageBoxType } from './enums/MessageBoxType.js'; +export { ObjectPageMode } from './enums/ObjectPageMode.js'; +export { Size } from './enums/Size.js'; +export { TextAlign } from './enums/TextAlign.js'; +export { Theme } from './enums/Theme.js'; +export { ValueColor } from './enums/ValueColor.js'; +export { VerticalAlign } from './enums/VerticalAlign.js'; diff --git a/packages/main/src/internal/FilterBarDialogContext.ts b/packages/main/src/internal/FilterBarDialogContext.ts index 299a5dea0aa..ee8333b9f8e 100644 --- a/packages/main/src/internal/FilterBarDialogContext.ts +++ b/packages/main/src/internal/FilterBarDialogContext.ts @@ -1,6 +1,6 @@ import { createContext } from 'react'; import type { Dispatch, SetStateAction, RefObject } from 'react'; -import type { TableRowDomRef } from '../webComponents/index.js'; +import type { TableRowDomRef } from '../index.js'; export type ReorderDirections = 'up' | 'down' | 'top' | 'bottom'; export type OnReorderParams = { diff --git a/packages/main/src/internal/utils.cy.tsx b/packages/main/src/internal/utils.cy.tsx index a314e41eb95..9c40d66a4de 100644 --- a/packages/main/src/internal/utils.cy.tsx +++ b/packages/main/src/internal/utils.cy.tsx @@ -1,6 +1,7 @@ import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { expect } from 'chai'; import { Fragment, useRef } from 'react'; +import { FlexBoxDirection, FlexBoxWrap } from '../enums/index.js'; import { Bar, Button, @@ -8,8 +9,6 @@ import { DynamicPageHeader, DynamicPageTitle, FlexBox, - FlexBoxDirection, - FlexBoxWrap, Label, ObjectStatus, Title diff --git a/packages/main/src/internal/withWebComponent.cy.tsx b/packages/main/src/internal/withWebComponent.cy.tsx index e392bf01b4a..e6890223cef 100644 --- a/packages/main/src/internal/withWebComponent.cy.tsx +++ b/packages/main/src/internal/withWebComponent.cy.tsx @@ -3,8 +3,8 @@ import { setCustomElementsScopingSuffix } from '@ui5/webcomponents-base/dist/CustomElementsScope.js'; import { useReducer, useRef, useState } from 'react'; -import type { ButtonDomRef } from '../webComponents/index.js'; -import { Bar, Button, Popover, Switch } from '../webComponents/index.js'; +import type { ButtonDomRef } from '../index.js'; +import { Bar, Button, Popover, Switch } from '../index.js'; describe('withWebComponent', () => { // reset scoping diff --git a/packages/main/src/webComponents/DynamicPage/DynamicPage.stories.tsx b/packages/main/src/webComponents/DynamicPage/DynamicPage.stories.tsx index 4c8c961e73c..93b00f04445 100644 --- a/packages/main/src/webComponents/DynamicPage/DynamicPage.stories.tsx +++ b/packages/main/src/webComponents/DynamicPage/DynamicPage.stories.tsx @@ -16,8 +16,6 @@ import { BreadcrumbsItem, Button, FlexBox, - FlexBoxDirection, - FlexBoxWrap, Label, MessageStrip, ObjectStatus, @@ -26,6 +24,7 @@ import { ToolbarButton, Toolbar } from '../..'; +import { FlexBoxDirection, FlexBoxWrap } from '../../enums/index.js'; import { DynamicPageHeader } from '../DynamicPageHeader/index.js'; import { DynamicPageTitle } from '../DynamicPageTitle/index.js'; import { useGetHeaderHeight } from './helpers.js'; diff --git a/packages/main/src/webComponents/Panel/Panel.stories.tsx b/packages/main/src/webComponents/Panel/Panel.stories.tsx index 24d98cb068a..28cc7023b10 100644 --- a/packages/main/src/webComponents/Panel/Panel.stories.tsx +++ b/packages/main/src/webComponents/Panel/Panel.stories.tsx @@ -1,7 +1,8 @@ import type { Meta, StoryObj } from '@storybook/react'; import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js'; import TitleLevel from '@ui5/webcomponents/dist/types/TitleLevel.js'; -import { FlexBox, FlexBoxAlignItems } from '../../index.js'; +import { FlexBoxAlignItems } from '../../enums/index.js'; +import { FlexBox } from '../../index.js'; import { Text } from '../../webComponents/Text/index.js'; import { Button } from '../Button/index.js'; import { List } from '../List/index.js'; diff --git a/packages/main/src/webComponents/index.ts b/packages/main/src/webComponents/index.ts deleted file mode 100644 index ad30cb6d0aa..00000000000 --- a/packages/main/src/webComponents/index.ts +++ /dev/null @@ -1,123 +0,0 @@ -export * from './Avatar/index.js'; -export * from './AvatarGroup/index.js'; -export * from './Bar/index.js'; -export * from './BarcodeScannerDialog/index.js'; -export * from './Breadcrumbs/index.js'; -export * from './BreadcrumbsItem/index.js'; -export * from './BusyIndicator/index.js'; -export * from './Button/index.js'; -export * from './Calendar/index.js'; -export * from './CalendarDate/index.js'; -export * from './CalendarLegend/index.js'; -export * from './CalendarLegendItem/index.js'; -export * from './Card/index.js'; -export * from './CardHeader/index.js'; -export * from './Carousel/index.js'; -export * from './CheckBox/index.js'; -export * from './ColorPalette/index.js'; -export * from './ColorPaletteItem/index.js'; -export * from './ColorPalettePopover/index.js'; -export * from './ColorPicker/index.js'; -export * from './ComboBox/index.js'; -export * from './ComboBoxItem/index.js'; -export * from './DatePicker/index.js'; -export * from './DateRangePicker/index.js'; -export * from './DateTimePicker/index.js'; -export * from './Dialog/index.js'; -export * from './DynamicPage/index.js'; -export * from './DynamicPageHeader/index.js'; -export * from './DynamicPageTitle/index.js'; -export * from './DynamicSideContent/index.js'; -export * from './FileUploader/index.js'; -export * from './FilterItem/index.js'; -export * from './FilterItemOption/index.js'; -export * from './FlexibleColumnLayout/index.js'; -export * from './Form/index.js'; -export * from './FormGroup/index.js'; -export * from './FormItem/index.js'; -export * from './Icon/index.js'; -export * from './IllustratedMessage/index.js'; -export * from './Input/index.js'; -export * from './Label/index.js'; -export * from './Link/index.js'; -export * from './List/index.js'; -export * from './ListItemCustom/index.js'; -export * from './ListItemGroup/index.js'; -export * from './ListItemStandard/index.js'; -export * from './MediaGallery/index.js'; -export * from './MediaGalleryItem/index.js'; -export * from './Menu/index.js'; -export * from './MenuItem/index.js'; -export * from './MenuSeparator/index.js'; -export * from './MessageStrip/index.js'; -export * from './MultiComboBox/index.js'; -export * from './MultiComboBoxItem/index.js'; -export * from './MultiComboBoxItemGroup/index.js'; -export * from './MultiInput/index.js'; -export * from './NotificationListGroupItem/index.js'; -export * from './NotificationListItem/index.js'; -export * from './Option/index.js'; -export * from './Page/index.js'; -export * from './Panel/index.js'; -export * from './Popover/index.js'; -export * from './ProductSwitch/index.js'; -export * from './ProductSwitchItem/index.js'; -export * from './ProgressIndicator/index.js'; -export * from './RadioButton/index.js'; -export * from './RangeSlider/index.js'; -export * from './RatingIndicator/index.js'; -export * from './ResponsivePopover/index.js'; -export * from './SegmentedButton/index.js'; -export * from './SegmentedButtonItem/index.js'; -export * from './Select/index.js'; -export * from './ShellBar/index.js'; -export * from './ShellBarItem/index.js'; -export * from './SideNavigation/index.js'; -export * from './SideNavigationGroup/index.js'; -export * from './SideNavigationItem/index.js'; -export * from './SideNavigationSubItem/index.js'; -export * from './Slider/index.js'; -export * from './SortItem/index.js'; -export * from './SpecialCalendarDate/index.js'; -export * from './SplitButton/index.js'; -export * from './StepInput/index.js'; -export * from './SuggestionItem/index.js'; -export * from './SuggestionItemCustom/index.js'; -export * from './SuggestionItemGroup/index.js'; -export * from './Switch/index.js'; -export * from './Tab/index.js'; -export * from './TabContainer/index.js'; -export * from './TabSeparator/index.js'; -export * from './Tag/index.js'; -export * from './Table/index.js'; -export * from './TableCell/index.js'; -export * from './TableGrowing/index.js'; -export * from './TableHeaderCell/index.js'; -export * from './TableHeaderRow/index.js'; -export * from './TableRow/index.js'; -export * from './TableSelection/index.js'; -export * from './TextArea/index.js'; -export * from './TimePicker/index.js'; -export * from './Timeline/index.js'; -export * from './TimelineGroupItem/index.js'; -export * from './TimelineItem/index.js'; -export * from './Title/index.js'; -export * from './Toast/index.js'; -export * from './ToggleButton/index.js'; -export * from './Token/index.js'; -export * from './Tokenizer/index.js'; -export * from './ToolbarButton/index.js'; -export * from './ToolbarSelect/index.js'; -export * from './ToolbarSelectOption/index.js'; -export * from './ToolbarSeparator/index.js'; -export * from './ToolbarSpacer/index.js'; -export * from './Toolbar/index.js'; -export * from './Text/index.js'; -export * from './Tree/index.js'; -export * from './TreeItem/index.js'; -export * from './TreeItemCustom/index.js'; -export * from './UploadCollection/index.js'; -export * from './UploadCollectionItem/index.js'; -export * from './ViewSettingsDialog/index.js'; -export * from './Wizard/index.js'; -export * from './WizardStep/index.js';