carbon-react 158.7.3 → 158.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__internal__/focus-trap/focus-trap.component.js +1 -1
- package/esm/__internal__/modal/index.d.ts +2 -0
- package/esm/__internal__/modal/index.js +1 -0
- package/esm/__internal__/modal/modal-manager.js +1 -0
- package/esm/__internal__/modal/modal.component.js +1 -0
- package/esm/__internal__/popover/popover.component.js +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts +1 -1
- package/esm/components/button/__internal__/button.context.d.ts +8 -0
- package/esm/components/button/__internal__/button.context.js +1 -0
- package/esm/components/button/button.component.js +1 -1
- package/esm/components/dialog/dialog.component.d.ts +1 -1
- package/esm/components/dialog/dialog.component.js +1 -1
- package/esm/components/form/form.component.js +1 -1
- package/esm/components/loader/__next__/index.d.ts +2 -0
- package/esm/components/loader/__next__/index.js +1 -0
- package/esm/components/loader/__next__/internal/ring-loader.component.d.ts +8 -0
- package/esm/components/loader/__next__/internal/ring-loader.component.js +1 -0
- package/esm/components/loader/__next__/internal/standalone-loader.component.d.ts +4 -0
- package/esm/components/loader/__next__/internal/standalone-loader.component.js +1 -0
- package/esm/components/loader/__next__/internal/star.component.d.ts +9 -0
- package/esm/components/loader/__next__/internal/star.component.js +1 -0
- package/esm/components/loader/__next__/internal/star.style.d.ts +4 -0
- package/esm/components/loader/__next__/internal/star.style.js +1 -0
- package/esm/components/loader/__next__/internal/stars-loader.component.d.ts +4 -0
- package/esm/components/loader/__next__/internal/stars-loader.component.js +1 -0
- package/esm/components/loader/__next__/loader.component.d.ts +33 -0
- package/esm/components/loader/__next__/loader.component.js +1 -0
- package/esm/components/loader/__next__/loader.config.d.ts +5 -0
- package/esm/components/loader/__next__/loader.style.d.ts +57 -0
- package/esm/components/loader/__next__/loader.style.js +1 -0
- package/esm/components/modal/index.d.ts +8 -2
- package/esm/components/modal/index.js +1 -1
- package/esm/components/popover-container/popover-container.component.js +1 -1
- package/esm/components/sidebar/sidebar.component.d.ts +1 -1
- package/esm/components/sidebar/sidebar.component.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js +1 -1
- package/esm/global.d.ts +1 -1
- package/esm/hooks/__internal__/useModalManager/useModalManager.js +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +1 -1
- package/lib/__internal__/focus-trap/focus-trap.component.js +1 -1
- package/lib/__internal__/modal/index.d.ts +2 -0
- package/lib/__internal__/modal/index.js +1 -0
- package/lib/__internal__/modal/modal-manager.js +1 -0
- package/lib/__internal__/modal/modal.component.js +1 -0
- package/lib/__internal__/modal/package.json +6 -0
- package/lib/__internal__/popover/popover.component.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.component.d.ts +1 -1
- package/lib/components/button/__internal__/button.context.d.ts +8 -0
- package/lib/components/button/__internal__/button.context.js +1 -0
- package/lib/components/button/button.component.js +1 -1
- package/lib/components/dialog/dialog.component.d.ts +1 -1
- package/lib/components/dialog/dialog.component.js +1 -1
- package/lib/components/form/form.component.js +1 -1
- package/lib/components/loader/__next__/index.d.ts +2 -0
- package/lib/components/loader/__next__/index.js +1 -0
- package/lib/components/loader/__next__/internal/ring-loader.component.d.ts +8 -0
- package/lib/components/loader/__next__/internal/ring-loader.component.js +1 -0
- package/lib/components/loader/__next__/internal/standalone-loader.component.d.ts +4 -0
- package/lib/components/loader/__next__/internal/standalone-loader.component.js +1 -0
- package/lib/components/loader/__next__/internal/star.component.d.ts +9 -0
- package/lib/components/loader/__next__/internal/star.component.js +1 -0
- package/lib/components/loader/__next__/internal/star.style.d.ts +4 -0
- package/lib/components/loader/__next__/internal/star.style.js +1 -0
- package/lib/components/loader/__next__/internal/stars-loader.component.d.ts +4 -0
- package/lib/components/loader/__next__/internal/stars-loader.component.js +1 -0
- package/lib/components/loader/__next__/loader.component.d.ts +33 -0
- package/lib/components/loader/__next__/loader.component.js +1 -0
- package/lib/components/loader/__next__/loader.config.d.ts +5 -0
- package/lib/components/loader/__next__/loader.style.d.ts +57 -0
- package/lib/components/loader/__next__/loader.style.js +1 -0
- package/lib/components/loader/__next__/package.json +6 -0
- package/lib/components/modal/index.d.ts +8 -2
- package/lib/components/modal/index.js +1 -1
- package/lib/components/popover-container/popover-container.component.js +1 -1
- package/lib/components/sidebar/sidebar.component.d.ts +1 -1
- package/lib/components/sidebar/sidebar.component.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js +1 -1
- package/lib/global.d.ts +1 -1
- package/lib/hooks/__internal__/useModalManager/useModalManager.js +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/esm/components/modal/__internal__/modal-manager.js +0 -1
- package/esm/components/modal/modal.component.js +0 -1
- package/lib/components/modal/__internal__/modal-manager.js +0 -1
- package/lib/components/modal/modal.component.js +0 -1
- /package/esm/{components/modal/__internal__ → __internal__/modal}/modal-manager.d.ts +0 -0
- /package/esm/{components → __internal__}/modal/modal.component.d.ts +0 -0
- /package/esm/{components/modal/__internal__ → __internal__/modal}/modal.context.d.ts +0 -0
- /package/esm/{components/modal/__internal__ → __internal__/modal}/modal.context.js +0 -0
- /package/esm/{components → __internal__}/modal/modal.style.d.ts +0 -0
- /package/esm/{components → __internal__}/modal/modal.style.js +0 -0
- /package/lib/{components/modal/__internal__ → __internal__/modal}/modal-manager.d.ts +0 -0
- /package/lib/{components → __internal__}/modal/modal.component.d.ts +0 -0
- /package/lib/{components/modal/__internal__ → __internal__/modal}/modal.context.d.ts +0 -0
- /package/lib/{components/modal/__internal__ → __internal__/modal}/modal.context.js +0 -0
- /package/lib/{components → __internal__}/modal/modal.style.d.ts +0 -0
- /package/lib/{components → __internal__}/modal/modal.style.js +0 -0
package/esm/index.d.ts
CHANGED
|
@@ -98,6 +98,8 @@ export { LoaderSpinner } from "./components/loader-spinner";
|
|
|
98
98
|
export type { LoaderSpinnerProps } from "./components/loader-spinner";
|
|
99
99
|
export { default as LoaderStar } from "./components/loader-star";
|
|
100
100
|
export type { LoaderStarProps } from "./components/loader-star";
|
|
101
|
+
export { default as NextLoader } from "./components/loader/__next__";
|
|
102
|
+
export type { LoaderProps as NextLoaderProps } from "./components/loader/__next__";
|
|
101
103
|
export { Menu, MenuDivider, MenuFullscreen, MenuItem, MenuSegmentTitle, ScrollableBlock, } from "./components/menu";
|
|
102
104
|
export type { MenuProps, MenuFullscreenProps, MenuDividerProps, MenuWithIcon, MenuWithChildren, MenuTitleProps, ScrollableBlockProps, } from "./components/menu";
|
|
103
105
|
export { default as Message } from "./components/message";
|
package/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/modal.component.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./components/select/setup-select-mocks.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/__internal__/__utils__/helpers.js";import"react/jsx-runtime";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"lexical";import"react";import"react-dom";import"./components/text-editor/__internal__/__ui__/Mentions/constants.js";import"./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js";import"./__internal__/i18n-context/index.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/modal/__internal__/modal.context.js";import"./components/carbon-provider/__internal__/top-modal.context.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./style/utils/filter-styled-system-padding-props.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";
|
|
1
|
+
export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Loader as NextLoader}from"./components/loader/__next__/loader.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/index.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./components/select/setup-select-mocks.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/__internal__/__utils__/helpers.js";import"react/jsx-runtime";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"lexical";import"react";import"react-dom";import"./components/text-editor/__internal__/__ui__/Mentions/constants.js";import"./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js";import"./__internal__/i18n-context/index.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";import"react-transition-group";import"./hooks/__internal__/useScrollBlock/useScrollBlock.js";import"./__internal__/modal/modal-manager.js";import"./__internal__/modal/modal.style.js";import"./__internal__/modal/modal.context.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/carbon-provider/__internal__/top-modal.context.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./style/utils/filter-styled-system-padding-props.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./focus-trap-utils.js"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./focus-trap-utils.js"),r=require("../modal/modal.context.js"),o=require("../../hooks/__internal__/usePrevious/index.js"),u=require("../../components/carbon-provider/__internal__/top-modal.context.js");function c(e){return e&&e.__esModule?e:{default:e}}var s=c(t);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const a="tab-guard-top",i="tab-guard-bottom";exports.TAB_GUARD_BOTTOM=i,exports.TAB_GUARD_TOP=a,exports.default=({children:c,autoFocus:d=!0,focusableSelectors:f,focusFirstElement:b,bespokeTrap:m,wrapperRef:v,isOpen:p,additionalWrapperRefs:E})=>{const O=t.useRef(null),[j,g]=t.useState(),{isAnimationComplete:x=!0,triggerRefocusFlag:y}=t.useContext(r.default),{topModal:h}=t.useContext(u.default),F=!h||v.current&&h.contains(v.current),S=t.useMemo((()=>(null==E?void 0:E.length)?[v,...E]:[v]),[E,v]),_=t.useMemo((()=>n.onTabGuardFocus(S,f,"top")),[f,S]),P=t.useMemo((()=>n.onTabGuardFocus(S,f,"bottom")),[f,S]);t.useEffect((()=>(null==E||E.forEach((e=>{const{current:t}=e;if(t){var n,r;if(!(null===(n=t.previousElementSibling)||void 0===n?void 0:n.matches(`[data-element=${a}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=a,t.insertAdjacentElement("beforebegin",n),n.addEventListener("focus",_(e))}if(!(null===(r=t.nextElementSibling)||void 0===r?void 0:r.matches(`[data-element=${i}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=i,t.insertAdjacentElement("afterend",n),n.addEventListener("focus",P(e))}}})),()=>{null==E||E.forEach((e=>{var t,n;const r=null===(t=e.current)||void 0===t?void 0:t.previousElementSibling;(null==r?void 0:r.matches(`[data-element=${a}]`))&&r.remove();const o=null===(n=e.current)||void 0===n?void 0:n.nextElementSibling;(null==o?void 0:o.matches(`[data-element=${i}]`))&&o.remove()}))})),[E,_,P]);const w=d&&p&&x,A=o.default(w),k=t.useCallback((e=>{const t=[];return S.forEach((n=>{n.current&&t.push(...Array.from(n.current.querySelectorAll(e)).filter((e=>-1!==Number(e.tabIndex))))})),t}),[S]);t.useEffect((()=>{if(w&&!A){const e=b&&"current"in b?b.current:b,t=k(n.defaultFocusableSelectors).find((e=>"true"===e.getAttribute("data-has-autofocus"))),r=e||t||v.current;r&&n.setElementFocus(r)}}),[w,A,k,b,v]),t.useEffect((()=>{const e=e=>{if(!F||!p)return;const t=k(n.defaultFocusableSelectors);n.trapFunction(e,t,document.activeElement===v.current,f,m)};return document.addEventListener("keydown",e,!0),function(){document.removeEventListener("keydown",e,!0)}}),[m,v,f,k,F,p]);const T=t.useCallback((()=>{const e=k(f||n.defaultFocusableSelectors),t=null==e?void 0:e.find((e=>e===document.activeElement));t&&g(t)}),[k,f]),q=t.useCallback((()=>{var e;if(j&&!j.hasAttribute("disabled"))n.setElementFocus(j);else if(null===(e=v.current)||void 0===e?void 0:e.hasAttribute("tabindex"))n.setElementFocus(v.current);else{const e=k(f||n.defaultFocusableSelectors);e.length&&n.setElementFocus(e[0])}}),[j,v,f,k]);t.useEffect((()=>{y&&q()}),[y,q]);const[C,I]=t.useState(0);t.useEffect((()=>{p||I(0)}),[p]);const M=()=>{p&&I(void 0)},D=e=>{return t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}({},e&&{tabIndex:C,onBlur:M}),n=null!=(n={onFocus:T})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t;var t,n},R=s.default.Children.map(c,(e=>{var t;const n=e;return s.default.cloneElement(n,D(void 0===(null==n||null===(t=n.props)||void 0===t?void 0:t.tabIndex)))}));return e.jsxs("div",{ref:O,children:[p&&e.jsx("div",{"data-element":a,tabIndex:0,onFocus:_(v)}),R,p&&e.jsx("div",{"data-element":i,tabIndex:0,onFocus:P(v)})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./modal.component.js");exports.default=e.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../dom/globals.js");function o(t,o,e){return o in t?Object.defineProperty(t,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[o]=e,t}class e{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const e=this.modalList.findIndex((({modal:o})=>o===t));if(-1===e)return;if(this.modalList.splice(e,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:s}=this.getTopModal();s&&o&&s(!0)}clearList(){const o=t.getWindow(),e=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=e),this.modalList=e,this.callTopModalSetters()}callTopModalSetters(){const o=t.getWindow();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var e;const t=(null===(e=this.getTopModal())||void 0===e?void 0:e.modal)||null;for(const e of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)e(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,e)=>{if(!t)return;const{modal:s,setTriggerRefocusFlag:l,topModalOverride:i}=this.getTopModal();!i&&s&&l&&l(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:e}),this.callTopModalSetters()}));const e=t.getWindow();e?(e.__CARBON_INTERNALS_MODAL_LIST||(e.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=e.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const s=new e;exports.ModalManagerInstance=e,exports.default=s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group"),o=require("../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),n=require("../../components/portal/portal.js"),l=require("../dom/globals.js"),a=require("../utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useModalManager/useModalManager.js"),i=require("./modal.style.js"),c=require("./modal.context.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const p=300;exports.default=u=>{var{children:f,"data-element":m,"data-role":b="modal",open:O,onCancel:j,disableEscKey:g=!1,disableClose:y,enableBackgroundUI:v=!1,topModalOverride:h,restoreFocusOnClose:S=!0}=u,P=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const k=r.useRef(null),x=r.useRef(null),M=r.useRef(null),[w,E]=r.useState(!1),[C,q]=r.useState(!1),{blockScroll:_,allowScroll:R}=o.default();r.useEffect((()=>{v||(O?_():R())}),[R,_,v,O]),r.useEffect((()=>()=>{v||R()}),[R,v]);const T=r.useCallback((e=>{j&&!y&&!g&&a.default.isEscKey(e)&&(e.stopImmediatePropagation(),j(e))}),[y,g,j]),B=l.getDocument();let D,I;return s.default({open:O,closeModal:T,modalRef:k,setTriggerRefocusFlag:q,topModalOverride:h,focusCallToActionElement:S&&B?B.activeElement:void 0}),O&&(D=v?null:e.jsx(i.StyledModalBackground,{ref:x,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:p}),I=f),e.jsx(n.Portal,{children:e.jsxs(i.StyledModal,(F=d({"data-component":"modal","data-element":m,"data-role":b,"data-state":O?"open":"closed",transitionName:"modal",transitionTime:p,topModalOverride:h,ref:k},P),N={children:[e.jsx(t.TransitionGroup,{children:D&&e.jsx(t.CSSTransition,{nodeRef:x,appear:!0,classNames:"modal-background",timeout:p,onEntered:()=>E(!0),onExiting:()=>E(!1),children:D},"modal")}),e.jsx(t.TransitionGroup,{children:I&&e.jsx(t.CSSTransition,{nodeRef:M,appear:!0,classNames:"modal",timeout:p,children:e.jsx(c.default.Provider,{value:{isAnimationComplete:w,triggerRefocusFlag:C,isInModal:!0},children:e.jsx("div",{ref:M,children:I})})})})]},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(F,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(F,e,Object.getOwnPropertyDescriptor(N,e))})),F))});var F,N};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),l=require("../../hooks/__internal__/useFloating/useFloating.js"),o=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),d=require("../modal/modal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(r),c=i(t);const s=[n.flip({fallbackStrategy:"initialPlacement"})];exports.default=({children:t,placement:n,disablePortal:i,reference:p,middleware:f=s,disableBackgroundUI:m,isOpen:v=!0,animationFrame:y,popoverStrategy:g="absolute",childRefOverride:h})=>{var j;const b=r.useRef(null),{isInModal:x}=r.useContext(d.default),k=null===(j=p.current)||void 0===j?void 0:j.closest("[role='dialog']"),q=x&&k?k:document.body;b.current||i||(b.current=document.createElement("div"),q.appendChild(b.current));const _=h||u.default.Children.only(t).ref,C=r.useRef(null),O=_||C;let P;return P=_?t:u.default.cloneElement(t,{ref:O}),l.default({isOpen:v,reference:p,floating:O,placement:n,middleware:f,animationFrame:y,strategy:g}),r.useEffect((()=>()=>{!i&&b.current&&(q.removeChild(b.current),b.current=null)}),[i,q]),m||(P=e.jsx(o.StyledPopoverContent,{isOpen:v,children:P})),m&&(P=e.jsx(o.StyledPopoverContent,{isOpen:v,children:e.jsx(o.StyledBackdrop,{"data-role":"popup-backdrop",children:P})})),i?P:c.default.createPortal(e.jsx(a.default,{children:P}),b.current)};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { MarginProps } from "styled-system";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
export interface AdvancedColor {
|
|
6
6
|
label: string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ButtonContextProps {
|
|
3
|
+
isInsideTypicalButton?: boolean;
|
|
4
|
+
isInsideDestructiveButton?: boolean;
|
|
5
|
+
isInsidePrimaryButton?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: React.Context<ButtonContextProps>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("invariant"),r=require("../icon/icon.component.js"),n=require("./button.style.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/tooltip-provider/index.js"),a=require("../button-bar/__internal__/button-bar.context.js"),s=require("../split-button/__internal__/split-button.context.js"),c=require("../batch-selection/__internal__/batch-selection.context.js"),u=require("./__internal__/button.context.js");function d(e){return e&&e.__esModule?e:{default:e}}var b=d(t),p=d(i);function f(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{},r=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),r.forEach((function(t){f(e,t,i[t])}))}return e}function j(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(t)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))})),e}function h({iconType:t,iconPosition:i,size:o,subtext:a,children:s,disabled:c,buttonType:d,iconTooltipMessage:b,iconTooltipPosition:p,tooltipTarget:f,destructive:h}){const g={"aria-hidden":!0,disabled:c,color:"primary"===d?"--colorsActionMajorYang100":d.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},x=void 0!==s&&!1!==s;return e.jsxs(e.Fragment,{children:[t&&"before"===i&&x&&e.jsx(r.default,y({type:t},g)),x&&e.jsxs("span",{children:[e.jsx(n.StyledButtonMainText,{"data-element":"main-text",children:e.jsx(u.default.Provider,{value:{isInsideTypicalButton:!h,isInsideDestructiveButton:h,isInsidePrimaryButton:"primary"===d},children:s})}),"large"===o&&e.jsx(n.StyledButtonSubtext,{"data-element":"subtext","data-role":"subtext",children:a})]}),t&&!x&&e.jsx(l.TooltipProvider,{disabled:c,focusable:!1,target:f,children:e.jsx(r.default,j(y({type:t},g),{tooltipMessage:b,tooltipPosition:p}))}),t&&"after"===i&&s&&e.jsx(r.default,y({type:t},g))]})}const g=b.default.forwardRef(((i,r)=>{var{"aria-describedby":l,"aria-label":u,"aria-labelledby":d,buttonType:b="secondary",children:f,destructive:g=!1,disabled:x=!1,isWhite:v=!1,fullWidth:O=!1,href:P,iconPosition:_="before",iconTooltipMessage:m,iconTooltipPosition:T,iconType:w,m:S=0,noWrap:k,onClick:q,px:M,rel:W,size:C="medium",subtext:B="",target:D}=i,z=function(e,t){if(null==e)return{};var i,r,n=function(e,t){if(null==e)return{};var i,r,n={},o=Object.keys(e);for(r=0;r<o.length;r++)i=o[r],t.indexOf(i)>=0||(n[i]=e[i]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)i=o[r],t.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(n[i]=e[i])}return n}(i,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:E,size:I,iconPosition:A,fullWidth:Y}=t.useContext(a.default),{batchSelectionDisabled:F}=t.useContext(c.default),K=E||b,N=I||C,R=A||_,G=Y||O,H=x||F;p.default(void 0!==f||!!w,"Either prop `iconType` must be defined or this node must have children."),B&&p.default("large"===N,"subtext prop has no effect unless the button is large.");const[J,L]=t.useState(null),{inSplitButton:Q,onChildButtonClick:U}=t.useContext(s.default);let V;switch(N){case"small":V=2;break;case"large":V=4;break;default:V=3}const X=t.useCallback((e=>{L(e),r&&("object"==typeof r&&(r.current=e),"function"==typeof r&&r(e))}),[r]),Z=void 0!==f&&!1!==f;return e.jsx(n.default,j(y({"aria-label":!Z&&w?u||w:u,"aria-labelledby":d,"aria-describedby":l,as:!H&&P?"a":"button",onKeyDown:P?e=>{" "===e.key&&(e.preventDefault(),null==J||J.click())}:void 0,onClick:e=>{var t;null==J||J.focus({preventScroll:!0}),Q?null==U||null===(t=U(q))||void 0===t||t(e):q&&q(e)},draggable:!1,buttonType:K,disabled:H,destructive:g,isWhite:v,type:P?void 0:"button",iconType:w,size:N,px:null!=M?M:V,m:S,noWrap:k,iconOnly:!Z&&!!w,iconPosition:R,target:D,rel:W,fullWidth:G},o.default("button",z),z,P&&{href:P}),{ref:X,children:h({iconType:w,iconPosition:R,size:N,subtext:B,children:f,disabled:H,buttonType:K,iconTooltipMessage:m,iconTooltipPosition:T,destructive:g,tooltipTarget:J})}))}));g.displayName="Button",exports.default=g;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from "react";
|
|
2
2
|
import { DialogSizes } from "./dialog.config";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
6
6
|
export interface ContentPaddingInterface {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.component.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.component.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../../__internal__/modal/modal.component.js"),i=require("../../__internal__/focus-trap/focus-trap.component.js"),s=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../../__internal__/utils/logger/index.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function h(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let y=!1,j=!1;const m=t.forwardRef(((f,m)=>{var{className:O,"data-component":_="dialog","data-element":v="dialog","data-role":C,children:x,open:P,height:w,size:S="medium",title:q,disableEscKey:D,subtitle:k,disableAutoFocus:F=!1,focusFirstElement:I,focusableSelectors:R,onCancel:E,showCloseIcon:M=!0,bespokeFocusTrap:T,disableClose:B,help:H,highlightVariant:A="default",role:z="dialog",contentPadding:K,greyBackground:L=!1,focusableContainers:N,topModalOverride:V,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":W,"aria-describedby":Y,"aria-label":G,pagesStyling:J,headerChildren:Q,disableContentPadding:X,contentRef:Z,fullscreen:ee=!1}=f,te=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const re=p.default(),le=t.useRef(null),ae=t.useRef(null),oe=t.useRef(null),{current:ne}=t.useRef(d.default()),{current:ie}=t.useRef(d.default()),se=b.default(le);!y&&B&&(y=!0,u.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!j&&J&&(j=!0,u.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(m,(()=>({focus(){var e;null===(e=le.current)||void 0===e||e.focus()}})),[]);const de=M&&E&&e.jsx(o.default,h(g({"aria-label":re.dialog.ariaLabels.close(),disabled:B,onClick:E},c.default("close",g({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ce=w;w&&w.match(/px$/)&&(ce=w.replace("px",""));const ue={"aria-describedby":k&&"string"==typeof k?ie:Y,"aria-label":G,"aria-labelledby":q&&"string"==typeof q?ne:W};return e.jsx(n.default,h(g({className:O?`${O} carbon-dialog`:"carbon-dialog",disableClose:B,disableEscKey:D,onCancel:E,open:P,restoreFocusOnClose:$,topModalOverride:V},c.default("dialog",te),te),{children:e.jsx(i.default,{additionalWrapperRefs:N,autoFocus:!F,bespokeTrap:T,focusableSelectors:R,focusFirstElement:I,isOpen:P,wrapperRef:le,children:e.jsx(r.DialogPositioner,{fullscreen:ee,children:e.jsxs(r.StyledDialog,h(g(h(g({"aria-modal":!("dialog"!==z||!se)||void 0},ue),{backgroundColor:L?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":_,"data-element":v,"data-role":C,dialogHeight:ce,fullscreen:ee,highlightVariant:A,pagesStyling:J,ref:le,role:z,size:S,tabIndex:-1}),K),{children:[q||Q?ee?e.jsxs(s.default,{hasContent:!!q,hasCloseButton:M,ref:ae,children:["string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",title:q,titleId:ne,subheader:k,subtitleId:ie,divider:!1,help:H}):q,Q]}):e.jsx(r.StyledDialogTitle,{hasSubtitle:!!k,ref:oe,showCloseIcon:M,children:"string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",divider:!1,help:H,subheader:k,subtitleId:ie,title:q,titleId:ne}):q}):null,de,e.jsx(r.StyledDialogContent,h(g({},K),{"data-role":"dialog-content",disableContentPadding:X,fullscreen:ee,hasHeader:void 0!==q,tabIndex:-1,ref:Z,children:x}))]}))})})}))}));exports.Dialog=m,exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./__internal__/form-summary.component.js"),o=require("./form.style.js"),i=require("./form.config.js"),l=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./__internal__/form-summary.component.js"),o=require("./form.style.js"),i=require("./form.config.js"),l=require("../../__internal__/modal/modal.context.js");function u(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){u(t,e,r[e])}))}return t}function s(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const c=u=>{var{children:c,saveButton:f,leftSideButtons:d,rightSideButtons:m,errorCount:y,warningCount:b,onSubmit:g,buttonAlignment:p="right",footerChildren:h,stickyFooter:j,stickyFooterVariant:O="light",fieldSpacing:S=3,noValidate:x=!0,height:F,fullWidthButtons:P=!1,footerPadding:w={}}=u,_=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(u,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const v=e.useRef(null),k=e.useRef(null),{isInModal:B}=e.useContext(l.default),C=!!(h||f||d||m||y||b);return t.jsxs(o.StyledForm,s(a({ref:v,className:j?"sticky":"",stickyFooter:j,onSubmit:g,"data-component":"form",noValidate:x,height:F,isInModal:B},_,r.default("form",_)),{children:[t.jsx(o.StyledFormContent,{"data-element":"form-content","data-role":"form-content",stickyFooter:j,tabIndex:-1,isInModal:B,fieldSpacing:i.formSpacing[S],children:c}),C&&t.jsx(o.StyledFormFooter,s(a(s(a({"data-element":"form-footer","data-role":"form-footer",ref:k,hasFooterChildren:!!h,stickyFooter:j},j&&{stickyFooterVariant:O}),{buttonAlignment:p,fullWidthButtons:P}),w),{children:h||t.jsxs(t.Fragment,{children:[d&&t.jsx(o.StyledLeftButtons,{"data-role":"form-left-buttons",buttonAlignment:p,children:d}),t.jsx(n.default,{fullWidth:P,errorCount:y,warningCount:b,children:f}),m&&t.jsx(o.StyledRightButtons,{"data-role":"form-right-buttons",buttonAlignment:p,children:m})]})}))]}))};c.displayName="Form",exports.Form=c,exports.default=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./loader.component.js");exports.default=e.Loader;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { LoaderProps } from "../loader.component";
|
|
3
|
+
declare const RingLoader: ({ inverse, size, variant, hasMotion, isTracked, animationTime, loaderLabel, showLabel, isSuccess, isError, isInsideTypicalButton, isInsideDestructiveButton, isInsidePrimaryButton, }: LoaderProps & {
|
|
4
|
+
isInsideTypicalButton?: boolean;
|
|
5
|
+
isInsideDestructiveButton?: boolean;
|
|
6
|
+
isInsidePrimaryButton?: boolean;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
export default RingLoader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var i=require("../loader.style.js"),r=require("../../../../hooks/__internal__/useLocale/useLocale.js");const a=e=>e||.8;exports.default=({inverse:s,size:t,variant:n,hasMotion:l,isTracked:o,animationTime:d,loaderLabel:c,showLabel:u,isSuccess:v,isError:m,isInsideTypicalButton:y,isInsideDestructiveButton:p,isInsidePrimaryButton:x})=>{const B=r.default(),j=n&&["stacked","inline"].includes(n)?n:"stacked",I=t&&["extra-small","small","large"].includes(t)?t:"medium";return e.jsxs(i.StyledRingLoaderWrapper,{loaderVariant:n,"data-role":"ring-loader-container",children:[e.jsxs(i.StyledRingCircleSvg,{inverse:s,role:"presentation",size:I,variant:j,hasMotion:l,isTracked:o,animationTime:a(d),viewBox:"0 0 24 24",isInsideTypicalButton:y,isInsideDestructiveButton:p,isInsidePrimaryButton:x,isSuccess:v,isError:m,children:[e.jsx("circle",{"data-role":"outer-arc"}),e.jsx("circle",{"data-role":"inner-arc"})]}),u&&e.jsx(i.StyledLoaderLabel,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:j,loaderType:"ring",size:I,isInsideTypicalButton:y,isInsideDestructiveButton:p,isInsidePrimaryButton:x,children:c||(null==B?void 0:B.loader.loading())})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var a=require("../loader.style.js"),r=require("../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({size:i,variant:l,inverse:n,loaderLabel:t,showLabel:s,animationTime:o,hasMotion:d})=>{const u=r.default(),c="typical"===l||"ai"===l?l:"typical",v="small"===i||"large"===i?i:"medium";return e.jsxs(e.Fragment,{children:[e.jsx(a.OuterBar,{"data-role":"outer-bar",size:v,variant:c,inverse:!!n,children:e.jsx(a.InnerBar,{"data-role":"inner-bar",size:v,variant:c,inverse:!!n,animationTime:(e=>e||2)(o),hasMotion:d})}),s&&e.jsx(a.StyledLoaderLabel,{inverse:n,"data-role":"loader-label",variant:"span",loaderVariant:l,loaderType:"standalone",size:i,children:t||(null==u?void 0:u.loader.loading())})]})};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface StarProps {
|
|
2
|
+
starContainerClassName: "star-1" | "star-2" | "star-3";
|
|
3
|
+
gradientId: "gradient1" | "gradient2" | "gradient3";
|
|
4
|
+
}
|
|
5
|
+
declare const Star: {
|
|
6
|
+
({ starContainerClassName, gradientId, }: StarProps): JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export default Star;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./star.style.js");const a=({starContainerClassName:a,gradientId:r})=>e.jsx(t.StyledLoaderStarContainer,{"data-component":"star",role:"presentation",className:a,children:e.jsxs(t.StyledStarSVG,{className:"ai-star-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 217 216",children:[e.jsx("path",{className:"ai-star-path",fill:"#000",fillRule:"evenodd",d:"M108.502 215.994c-.166.006-.334.006-.502.006-7.218 0-11.975-3.217-15.497-8.335-4.396-5.656-7.56-13.591-10.338-21.896l-.597-1.807-.667-2.063-.91-2.87-1.225-3.904c-1.831-5.82-3.65-11.42-5.751-16.135-1.456-2.661-3.075-5.078-4.921-7.146-.356-.391-.72-.777-1.094-1.156-4.054-4.038-9.808-7.093-16.262-9.726-14.49-4.937-33.33-8.698-43.486-17.634C2.766 119.712 0 114.918 0 108l.003-.413c.108-6.697 2.852-11.372 7.25-14.916 10.155-8.935 28.995-12.696 43.485-17.633C57.192 72.405 62.946 69.35 67 65.312c.373-.38.738-.765 1.094-1.156 1.846-2.068 3.465-4.485 4.922-7.145 2.567-5.764 4.713-12.849 6.976-20.04l.91-2.87.666-2.063.338-1.028c2.84-8.586 6.063-16.843 10.598-22.675C95.954 3.32 100.592.13 107.57.004L108 0c.168 0 .336 0 .502.006L109 0l.405.003c6.999.119 11.645 3.316 15.102 8.347 5.071 6.529 8.5 16.09 11.592 25.75l.335 1.054 2.362 7.501c1.645 5.178 3.304 10.125 5.19 14.358 1.456 2.66 3.074 5.075 4.92 7.142.356.392.72.778 1.094 1.157 4.054 4.038 9.808 7.093 16.262 9.726 14.49 4.937 33.33 8.698 43.486 17.634C214.234 96.288 217 101.082 217 108c0 6.918-2.766 11.712-7.252 15.328-10.156 8.936-28.996 12.697-43.486 17.634-6.454 2.633-12.208 5.688-16.262 9.726-.373.38-.738.765-1.094 1.157-1.846 2.067-3.464 4.482-4.92 7.142-1.886 4.233-3.545 9.18-5.19 14.358l-2.362 7.5-.335 1.054c-3.091 9.66-6.521 19.222-11.592 25.751-3.524 5.127-8.282 8.35-15.507 8.35l-.498-.006Z"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:r,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[e.jsx(t.GradientStopTop,{offset:"0%"}),e.jsx(t.GradientStopBottom,{offset:"100%"})]})})]})});a.displayName="Star",exports.default=a;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const StyledStarSVG: import("styled-components").StyledComponent<"svg", any, {}, never>;
|
|
2
|
+
export declare const GradientStopTop: import("styled-components").StyledComponent<"stop", any, {}, never>;
|
|
3
|
+
export declare const GradientStopBottom: import("styled-components").StyledComponent<"stop", any, {}, never>;
|
|
4
|
+
export declare const StyledLoaderStarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var a=require("styled-components");function t(a){return a&&a.__esModule?a:{default:a}}var o=t(a);const e=a.keyframes(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),s=a.keyframes(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#0092db;}90%{stop-color:#8f49fe;}100%{stop-color:#8f49fe;}"]),i=a.keyframes(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#13a038;}90%{stop-color:#0092db;}100%{stop-color:#0092db;}"]),r="3s",n=o.default.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"sc-1b60e449-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--sizing200);opacity:0;width:var(--sizing200);"],e,r),p=o.default.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],s,r),l=o.default.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],i,r),d=o.default.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"sc-1b60e449-3"})(["bottom:0;height:var(--sizing200);left:0;position:absolute;width:var(--sizing200);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],n,p,l,n,p,l,n,p,l);exports.GradientStopBottom=l,exports.GradientStopTop=p,exports.StyledLoaderStarContainer=d,exports.StyledStarSVG=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var a=require("./star.component.js"),r=require("../loader.style.js"),t=require("../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({loaderLabel:s,showLabel:l})=>{const d=t.default();return e.jsxs(r.StyledStarLoaderWrapper,{children:[e.jsxs(r.StyledStars,{children:[e.jsx(a.default,{starContainerClassName:"star-1",gradientId:"gradient1"}),e.jsx(a.default,{starContainerClassName:"star-2",gradientId:"gradient2"}),e.jsx(a.default,{starContainerClassName:"star-3",gradientId:"gradient3"})]}),l&&e.jsx(r.StyledLoaderLabel,{"data-role":"loader-label",variant:"span",loaderType:"star",children:s||(null==d?void 0:d.loader.loading())})]})};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MarginProps } from "styled-system";
|
|
3
|
+
import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
|
|
4
|
+
type LOADER_VARIANTS = "typical" | "ai" | "stacked" | "inline";
|
|
5
|
+
type LOADER_SIZES = "extra-small" | "small" | "medium" | "large";
|
|
6
|
+
type LOADER_TYPES = "standalone" | "ring" | "star";
|
|
7
|
+
type CommonLoaderProps = {
|
|
8
|
+
/** Specify a label for the loader*/
|
|
9
|
+
loaderLabel?: string;
|
|
10
|
+
/** Specify if the label should be visible or not */
|
|
11
|
+
showLabel?: boolean;
|
|
12
|
+
/** If set to `false` all motion will be suspended */
|
|
13
|
+
hasMotion?: boolean;
|
|
14
|
+
/** If set to `true` the animation type will become tracked, this is used specifically for when wait times are predictable */
|
|
15
|
+
isTracked?: boolean;
|
|
16
|
+
/** Specify a custom animation time for the loader */
|
|
17
|
+
animationTime?: number;
|
|
18
|
+
/** Toggle the inverse color scheme */
|
|
19
|
+
inverse?: boolean;
|
|
20
|
+
/** The loader type can be specified in order to change the loader */
|
|
21
|
+
loaderType?: LOADER_TYPES;
|
|
22
|
+
/** The size prop allows a specific size to be set ranging from `extra-small` to `large` */
|
|
23
|
+
size?: LOADER_SIZES;
|
|
24
|
+
/** Toggle between the different Loader variants */
|
|
25
|
+
variant?: LOADER_VARIANTS;
|
|
26
|
+
/** Enable the success state for the ring loader when it is tracked */
|
|
27
|
+
isSuccess?: boolean;
|
|
28
|
+
/** Enable the error state for the ring loader when it is tracked */
|
|
29
|
+
isError?: boolean;
|
|
30
|
+
};
|
|
31
|
+
export type LoaderProps = MarginProps & TagProps & CommonLoaderProps;
|
|
32
|
+
export declare const Loader: ({ animationTime, hasMotion, isTracked, loaderLabel, showLabel, loaderType, size, variant, inverse, isSuccess, isError, ...rest }: LoaderProps) => React.JSX.Element;
|
|
33
|
+
export default Loader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../hooks/__internal__/useLocale/useLocale.js"),i=require("../../../hooks/useMediaQuery/useMediaQuery.js");require("../../../style/utils/filter-styled-system-padding-props.js");var s=require("../../../style/utils/filter-styled-system-margin-props.js"),o=require("./loader.style.js"),a=require("./internal/standalone-loader.component.js"),l=require("./internal/ring-loader.component.js"),u=require("./internal/stars-loader.component.js"),c=require("../../button/__internal__/button.context.js");function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const b=b=>{var{animationTime:p,hasMotion:y=!0,isTracked:f=!1,loaderLabel:j,showLabel:O=!0,loaderType:m="standalone",size:v,variant:g,inverse:h=!1,isSuccess:w=!1,isError:P=!1}=b,L=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(b,["animationTime","hasMotion","isTracked","loaderLabel","showLabel","loaderType","size","variant","inverse","isSuccess","isError"]);const _=n.default(),q=i.default("screen and (prefers-reduced-motion: no-preference)"),{isInsideTypicalButton:S=!1,isInsideDestructiveButton:T=!1,isInsidePrimaryButton:x=!1}=r.useContext(c.default),k=(()=>{switch(m){case"star":return u.default({loaderLabel:j,showLabel:O});case"ring":return l.default({inverse:h,size:v,variant:g,hasMotion:y,isTracked:f,animationTime:p,loaderLabel:j,showLabel:O,isInsideTypicalButton:S,isInsideDestructiveButton:T,isInsidePrimaryButton:x,isSuccess:w,isError:P});default:return a.default({size:v,variant:g,inverse:h,loaderLabel:j,showLabel:O,animationTime:p,hasMotion:y})}})();return e.jsx(o.StyledLoader,(I=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){d(e,r,t[r])}))}return e}({role:"status"},t.default("loader",L),s.default(L),!O&&{"aria-label":j||_.loader.loading()}),B=null!=(B={children:q?k:e.jsx(o.StyledLabel,{inverse:h,isInsideButton:S||T||x,children:j||_.loader.loading()})})?B:{},Object.getOwnPropertyDescriptors?Object.defineProperties(I,Object.getOwnPropertyDescriptors(B)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(B)).forEach((function(e){Object.defineProperty(I,e,Object.getOwnPropertyDescriptor(B,e))})),I));var I,B};exports.Loader=b,exports.default=b;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export declare const StyledLoaderPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
}, "theme">;
|
|
5
|
+
export declare const OuterBar: import("styled-components").StyledComponent<"div", any, {
|
|
6
|
+
size: string;
|
|
7
|
+
variant: string;
|
|
8
|
+
inverse: boolean;
|
|
9
|
+
}, never>;
|
|
10
|
+
export declare const InnerBar: import("styled-components").StyledComponent<"div", any, {
|
|
11
|
+
size: string;
|
|
12
|
+
variant: string;
|
|
13
|
+
inverse: boolean;
|
|
14
|
+
animationTime?: number;
|
|
15
|
+
hasMotion?: boolean;
|
|
16
|
+
}, never>;
|
|
17
|
+
interface RingSvgProps {
|
|
18
|
+
inverse?: boolean;
|
|
19
|
+
size: string;
|
|
20
|
+
variant?: string;
|
|
21
|
+
hasMotion?: boolean;
|
|
22
|
+
isTracked?: boolean;
|
|
23
|
+
isGradientVariant?: boolean;
|
|
24
|
+
animationTime?: number;
|
|
25
|
+
isInsideTypicalButton?: boolean;
|
|
26
|
+
isInsideDestructiveButton?: boolean;
|
|
27
|
+
isSuccess?: boolean;
|
|
28
|
+
isError?: boolean;
|
|
29
|
+
isInsidePrimaryButton?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export declare const StyledRingCircleSvg: import("styled-components").StyledComponent<"svg", any, RingSvgProps, never>;
|
|
32
|
+
export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
33
|
+
type LabelProps = {
|
|
34
|
+
size?: string;
|
|
35
|
+
loaderVariant?: string;
|
|
36
|
+
inverse?: boolean;
|
|
37
|
+
loaderType: string;
|
|
38
|
+
isInsideTypicalButton?: boolean;
|
|
39
|
+
isInsideDestructiveButton?: boolean;
|
|
40
|
+
isInsidePrimaryButton?: boolean;
|
|
41
|
+
hasMotion?: boolean;
|
|
42
|
+
};
|
|
43
|
+
export declare const StyledStarLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
44
|
+
export declare const StyledLoaderLabel: import("styled-components").StyledComponent<{
|
|
45
|
+
({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, className, ...rest }: import("../../typography").TypographyProps): import("react").JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
}, any, LabelProps, never>;
|
|
48
|
+
type RingLoaderWrapperProps = {
|
|
49
|
+
loaderVariant?: string;
|
|
50
|
+
};
|
|
51
|
+
export declare const StyledRingLoaderWrapper: import("styled-components").StyledComponent<"div", any, RingLoaderWrapperProps, never>;
|
|
52
|
+
type StyledLabelProps = {
|
|
53
|
+
inverse?: boolean;
|
|
54
|
+
isInsideButton?: boolean;
|
|
55
|
+
};
|
|
56
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, StyledLabelProps, never>;
|
|
57
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),r=require("../../../style/themes/apply-base-theme.js"),i=require("../../typography/typography.component.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("react");var n=a(e);const o={"extra-small":20,small:32,medium:64,large:80},s={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},d={small:"4px",medium:"8px",large:"16px"},l={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},c=(e,t)=>{const r=t?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:r,innerBarBackground:t?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:r,innerBarBackground:t?"#FFFFFF":"#000000"}},u=e.css(["display:flex;justify-content:center;text-align:center;"]),p=n.default.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-45aff3a2-0"})(["display:inline-block;min-width:var(--sizing800);"]),m=n.default.div.attrs(r.default).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-45aff3a2-1"})([""," text-align:center;white-space:nowrap;"],t.margin),f=n.default.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-45aff3a2-2"})(["",""],(({size:t,variant:r,inverse:i})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],d[t],c(r,i).outerBarBackground))),g=n.default.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-45aff3a2-3"})(["",""],(({size:t,variant:r,inverse:i,animationTime:a,hasMotion:n})=>e.css(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],c(r,i).innerBarBackground,d[t],n&&`animation-duration: ${a}s, ${a}s;`,n?"infinite, infinite":"none, none"))),y=n.default.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-45aff3a2-4"})(["",""],(({inverse:t,size:r,hasMotion:i,isTracked:a,animationTime:n,isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:c,isSuccess:u,isError:p})=>{const m=({isInsideTypicalButton:e,isInsideDestructiveButton:t,isInsidePrimaryButton:r,inverse:i,isTracked:a,isSuccess:n,isError:o})=>{if(e||t)return r?i?{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#000"}:{outerStroke:"rgba(255, 255, 255, 0.08)",innerStroke:"#FFF"}:i?{outerStroke:"rgba(255, 255, 255, 0.08)",innerStroke:"#FFF"}:{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#000"};if(i)return{outerStroke:"rgba(255,255,255,0.08)",innerStroke:"#FFF"};if(a){if(n)return{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#00811F"};if(o)return{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#DB004E"}}return{outerStroke:"rgba(0,0,0,0.08)",innerStroke:"#000000"}},f=`${o[r]}px`,g=s[r];return e.css(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],f,f,g,m({isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:c,inverse:t,isTracked:a,isSuccess:u,isError:p}).outerStroke,g,m({isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:c,inverse:t,isTracked:a,isSuccess:u,isError:p}).innerStroke,a?"trackedAnimation":"untrackedAnimation",i&&`animation-duration: ${n}s;`,i?"infinite":"none")})),x="40px",h=n.default.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-45aff3a2-5"})(["position:relative;width:",";height:",";"],x,x),k={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},B=({loaderType:e,inverse:t,isInsideTypicalButton:r,isInsideDestructiveButton:i,isInsidePrimaryButton:a})=>"standalone"===e?t?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)":"ring"===e?r?a?t?"#000":"#FFF":t?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)":i?a?"#FFF":"rgba(0, 0, 0, 0.90)":t?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.65)",v=n.default.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-45aff3a2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),S=n.default(i.Typography).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-45aff3a2-7"})([""," line-height:150%;",""],u,(({size:t="medium",inverse:r,loaderType:i,loaderVariant:a,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s})=>"star"===i?e.css(["font-size:16px;font-weight:400;color:",";margin-left:12px;width:min-content;"],B({loaderType:i,inverse:r,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s})):"standalone"===i?e.css(["font-size:",";font-weight:500;color:",";width:100%;margin-top:",";"],"large"===t?"16px":"14px",B({loaderType:i,inverse:r,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s}),k[i][t]):e.css(["font-size:",";font-weight:500;color:",";width:",";",";"],"large"===t?"16px":"extra-small"===t?"13px":"14px",B({loaderType:i,inverse:r,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s}),"inline"===a?"auto":"100%","inline"===a?`margin-left: ${l[t]}`:`margin-top: ${k[i][t]}`))),I=n.default.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-45aff3a2-8"})(["",""],(({loaderVariant:t})=>e.css(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===t?"row":"column","inline"===t?"auto":"100%"))),b=n.default.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-45aff3a2-9"})(["",""],(({inverse:t,isInsideButton:r})=>e.css(["",";"],!r&&"color: "+(t?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)"))));exports.InnerBar=g,exports.OuterBar=f,exports.StyledLabel=b,exports.StyledLoader=m,exports.StyledLoaderLabel=S,exports.StyledLoaderPlaceholder=p,exports.StyledRingCircleSvg=y,exports.StyledRingLoaderWrapper=I,exports.StyledStarLoaderWrapper=v,exports.StyledStars=h;
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ModalProps as InternalModalProps } from "../../__internal__/modal";
|
|
3
|
+
/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
|
|
4
|
+
declare const Modal: (props: InternalModalProps) => React.JSX.Element;
|
|
5
|
+
/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
|
|
6
|
+
type ModalProps = InternalModalProps;
|
|
7
|
+
export default Modal;
|
|
8
|
+
export type { ModalProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/logger/index.js"),t=require("../../__internal__/modal/modal.component.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let o=!1;exports.default=a=>(o||(o=!0,r.default.deprecate("Carbon `Modal` is deprecated. Please use `Dialog` instead.")),e.jsx(t.default,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({},a)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),i=require("../icon/icon.component.js"),l=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),d=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),c=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),i=require("../icon/icon.component.js"),l=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),d=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),c=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("../../__internal__/modal/modal.context.js"),b=require("../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js"),m=require("../../__internal__/utils/helpers/tags/tags.js"),v=require("../../__internal__/focus-trap/focus-trap-utils.js"),x=require("../flat-table/__internal__/flat-table.context.js"),j=require("../global-header/__internal__/global-header.context.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=({tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,id:s,"aria-expanded":u,"aria-haspopup":d})=>e.jsx(a.PopoverContainerOpenIcon,{tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,"aria-haspopup":d,"aria-expanded":u,id:s,children:e.jsx(i.default,{type:"settings"})}),g=({"data-element":t,tabIndex:r,onClick:n,ref:o,"aria-label":l,closeButtonDataProps:s})=>e.jsx(a.PopoverContainerCloseIcon,_(h({tabIndex:r,onClick:n,ref:o,"aria-label":l},m.default("close",h({"data-element":t},s))),{children:e.jsx(i.default,{type:"close"})})),C=t.forwardRef(((i,y)=>{var{children:C,title:P,borderRadius:k,position:q="right",offset:w=6,open:S,onOpen:A,onClose:I,renderOpenComponent:B=O,renderCloseComponent:E=g,shouldCoverButton:R=!1,ariaDescribedBy:D,openButtonAriaLabel:L,closeButtonAriaLabel:F="close",containerAriaLabel:M,closeButtonDataProps:H,disableAnimation:W=!1,hasFullWidth:T=!1}=i,$=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","title","borderRadius","position","offset","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const G=void 0!==S,[Q,z]=t.useState(!1),K=t.useRef(null),N=t.useRef(null),U=t.useRef(null),J=t.useRef(s.default()),V=t.useRef(null),X=P?`PopoverContainer_${J.current}`:void 0,Y=G?S:Q,Z=!o.default("screen and (prefers-reduced-motion: no-preference)"),ee=function(e,r,o){return t.useMemo((()=>[n.offset(e?({rects:e})=>({mainAxis:-e.reference.height}):o),n.flip({fallbackStrategy:"initialPlacement"}),...r?[n.shift()]:[]]),[e,r,o])}(R,"center"===q,w),{isInFlatTable:te}=t.useContext(x.default),re=t.useCallback((e=>{var t;G||z(!1),null==I||I(e),Y&&(null===(t=N.current)||void 0===t||t.focus())}),[G,Y,I]),ne=t.useCallback((e=>{!c.default.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&Y&&c.default.isEscKey(e)&&re(e)}),[re,Y]);t.useEffect((()=>(document.addEventListener("keydown",ne),()=>{document.removeEventListener("keydown",ne)})),[ne]),t.useEffect((()=>{var e;!R&&Y&&(null===(e=V.current)||void 0===e||e.focus({preventScroll:!0}))}),[Y,R,V]),b.default(R?void 0:V,R?void 0:N,re);const oe=t.useCallback((e=>{const t=Array.from(document.querySelectorAll(v.defaultFocusableSelectors)||[]).filter((e=>e===N.current||-1!==Number(e.tabIndex))),r=t.indexOf(N.current);t[r+1].focus(),re(e)}),[]),ae=(e,t)=>{var r;"next"===e&&oe?oe(t):"prev"===e&&(null===(r=N.current)||void 0===r||r.focus())},ie={tabIndex:0,"aria-expanded":Y,"aria-haspopup":"dialog",isOpen:Y,"data-element":"popover-container-open-component",onClick:e=>{G||z(!Y),Y?null==I||I(e):null==A||A(e)},ref:N,"aria-label":L||P,id:Y?void 0:X,"data-popover-container-button":"true"},le={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{re(e)},ref:K,"aria-label":F,closeButtonDataProps:H},se=d.default((e=>{G||z(!1),Y&&(null==I||I(e))}),"mousedown"),[ue,de]=t.useState(!1),{isWithinGlobalHeader:ce}=j.useGlobalHeader();t.useImperativeHandle(y,(()=>({focusButton(){var e;null===(e=N.current)||void 0===e||e.focus()}})),[]);const pe=()=>e.jsxs(a.PopoverContainerContentStyle,_(h({"data-element":"popover-container-content",role:"dialog","aria-labelledby":X,"aria-label":M,"aria-describedby":D,p:"16px 24px",$borderRadius:k,$popoverOffset:w,ref:V,tabIndex:-1,disableAnimation:W||Z,zIndex:ce?1e4:2e3},u.default($)),{children:[e.jsxs(a.PopoverContainerHeaderStyle,{children:[P&&e.jsx(a.PopoverContainerTitleStyle,{id:X,"data-element":"popover-container-title",children:P}),E(le)]}),C]}));return e.jsxs(a.PopoverContainerWrapperStyle,_(h({onMouseDown:se,hasFullWidth:T},m.default("popover-container",$)),{children:[e.jsx("div",{ref:U,children:B(ie)}),e.jsx(r.CSSTransition,{nodeRef:V,timeout:{exit:W?0:300},in:Y,unmountOnExit:!0,onEntered:R?()=>de(!0):void 0,onExiting:R?()=>de(!1):void 0,children:e.jsx(l.default,{reference:U,placement:"center"===q?"bottom":"right"===q?"bottom-start":"bottom-end",popoverStrategy:W||Z?"fixed":"absolute",middleware:ee,childRefOverride:V,disableBackgroundUI:te,children:R?e.jsx(f.default.Provider,{value:{isAnimationComplete:ue},children:e.jsx(p.default,{wrapperRef:V,isOpen:Y,children:pe()})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{"data-element":"tab-guard-top",tabIndex:0,onFocus:e=>ae("prev",e)}),pe(),e.jsx("div",{"data-element":"tab-guard-bottom",tabIndex:0,onFocus:e=>ae("next",e)})]})})})]}))}));exports.PopoverContainer=C,exports.default=C,exports.renderClose=g,exports.renderOpen=O;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from "react";
|
|
2
2
|
import { PaddingProps, WidthProps } from "styled-system";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<ModalProps, "topModalOverride" | "restoreFocusOnClose"> {
|
|
6
6
|
/** Prop to specify the aria-describedby property of the component */
|