@carbon/react 1.87.0-rc.0 → 1.87.1-rc.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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +739 -739
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
- package/es/components/Button/Button.js +1 -1
- package/es/components/Button/index.js +5 -1
- package/es/components/ButtonSet/index.js +4 -1
- package/es/components/Checkbox/index.js +4 -1
- package/es/components/ComboBox/ComboBox.js +1 -1
- package/es/components/ComboBox/index.js +4 -1
- package/es/components/ComposedModal/ComposedModal.js +18 -8
- package/es/components/ContainedList/ContainedListItem/index.js +4 -1
- package/es/components/ContainedList/index.js +2 -2
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/Copy/index.js +4 -1
- package/es/components/CopyButton/index.js +4 -1
- package/es/components/DataTable/Table.js +1 -1
- package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
- package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
- package/es/components/DataTable/state/sorting.d.ts +15 -0
- package/es/components/DataTable/state/sorting.js +1 -2
- package/es/components/DataTable/tools/denormalize.d.ts +22 -0
- package/es/components/DataTable/tools/denormalize.js +1 -2
- package/es/components/DataTable/tools/normalize.d.ts +9 -0
- package/es/components/DataTable/tools/normalize.js +1 -2
- package/es/components/DatePicker/DatePicker.js +18 -11
- package/es/components/DatePicker/index.js +4 -1
- package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
- package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
- package/es/components/DatePickerInput/DatePickerInput.js +6 -0
- package/es/components/DatePickerInput/index.js +4 -1
- package/es/components/Dialog/index.js +2 -2
- package/es/components/Dropdown/Dropdown.js +2 -2
- package/es/components/Dropdown/index.js +4 -1
- package/es/components/FeatureFlags/index.js +2 -2
- package/es/components/FluidSelect/index.js +4 -1
- package/es/components/FluidTextInput/index.js +4 -1
- package/es/components/IconIndicator/index.js +1 -1
- package/es/components/InlineCheckbox/index.js +4 -1
- package/es/components/InlineLoading/index.js +4 -1
- package/es/components/LayoutDirection/LayoutDirection.js +1 -2
- package/es/components/Link/index.js +4 -1
- package/es/components/ListBox/ListBox.js +1 -1
- package/es/components/Loading/index.js +4 -1
- package/es/components/Menu/Menu.d.ts +3 -1
- package/es/components/Menu/Menu.js +3 -1
- package/es/components/Menu/MenuItem.js +1 -1
- package/es/components/Modal/Modal.js +16 -5
- package/es/components/Modal/index.js +4 -1
- package/es/components/MultiSelect/FilterableMultiSelect.js +3 -3
- package/es/components/MultiSelect/MultiSelect.js +2 -2
- package/es/components/MultiSelect/filter.js +0 -4
- package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
- package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
- package/es/components/Notification/Notification.js +2 -2
- package/es/components/NumberInput/NumberInput.js +1 -1
- package/es/components/OverflowMenu/next/index.js +1 -1
- package/es/components/OverflowMenuItem/index.js +4 -1
- package/es/components/OverflowMenuV2/index.d.ts +1 -0
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
- package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
- package/es/components/Pagination/experimental/index.d.ts +3 -0
- package/es/components/Popover/index.js +21 -4
- package/es/components/RadioButton/index.js +4 -1
- package/es/components/RadioTile/index.js +4 -1
- package/es/components/Search/Search.js +1 -1
- package/es/components/Search/index.js +4 -1
- package/es/components/Select/index.js +4 -1
- package/es/components/SelectItem/index.js +4 -1
- package/es/components/ShapeIndicator/index.js +1 -1
- package/es/components/SkeletonText/index.js +4 -1
- package/es/components/Slider/Slider.js +1 -1
- package/es/components/Switch/IconSwitch.d.ts +3 -0
- package/es/components/Switch/IconSwitch.js +1 -2
- package/es/components/TabContent/TabContent.js +2 -22
- package/es/components/Tabs/Tabs.js +5 -5
- package/es/components/Tag/DismissibleTag.js +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/index.js +4 -1
- package/es/components/TextInput/index.js +4 -1
- package/es/components/TextInput/util.d.ts +9 -0
- package/es/components/Toggletip/index.js +2 -2
- package/es/components/UIShell/HeaderMenu.js +2 -2
- package/es/components/UIShell/SideNav.js +1 -1
- package/es/components/UIShell/_utils.d.ts +7 -0
- package/es/feature-flags.d.ts +1 -0
- package/es/internal/FloatingMenu.js +1 -1
- package/es/internal/deprecateFieldOnObject.js +1 -1
- package/es/internal/useId.d.ts +21 -0
- package/es/internal/useId.js +27 -1
- package/es/internal/useOverflowItems.js +0 -6
- package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
- package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
- package/es/prop-types/deprecateComponent.d.ts +1 -0
- package/es/prop-types/deprecateComponent.js +1 -4
- package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
- package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
- package/es/tools/mergeRefs.d.ts +12 -0
- package/es/tools/mergeRefs.js +1 -2
- package/icons/index.js +1 -3
- package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
- package/lib/components/AILabel/index.js +35 -43
- package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
- package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
- package/lib/components/AISkeleton/AISkeletonText.js +8 -14
- package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
- package/lib/components/Accordion/Accordion.js +11 -17
- package/lib/components/Accordion/AccordionItem.js +19 -25
- package/lib/components/Accordion/AccordionProvider.js +1 -7
- package/lib/components/AspectRatio/AspectRatio.js +7 -13
- package/lib/components/BadgeIndicator/index.js +7 -13
- package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
- package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
- package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
- package/lib/components/Button/Button.Skeleton.js +8 -14
- package/lib/components/Button/Button.js +31 -36
- package/lib/components/Button/ButtonBase.js +6 -11
- package/lib/components/Button/index.js +3 -3
- package/lib/components/ButtonSet/ButtonSet.js +6 -12
- package/lib/components/ButtonSet/index.js +2 -2
- package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
- package/lib/components/ChatButton/ChatButton.js +12 -18
- package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
- package/lib/components/Checkbox/Checkbox.js +33 -39
- package/lib/components/Checkbox/index.js +3 -3
- package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
- package/lib/components/ClassPrefix/index.js +3 -10
- package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
- package/lib/components/CodeSnippet/CodeSnippet.js +39 -46
- package/lib/components/ComboBox/ComboBox.js +57 -64
- package/lib/components/ComboBox/index.js +2 -2
- package/lib/components/ComboButton/index.js +20 -28
- package/lib/components/ComposedModal/ComposedModal.js +61 -57
- package/lib/components/ComposedModal/ModalFooter.js +37 -45
- package/lib/components/ComposedModal/ModalHeader.js +23 -31
- package/lib/components/ContainedList/ContainedList.js +18 -24
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
- package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
- package/lib/components/ContainedList/index.js +5 -5
- package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
- package/lib/components/ContextMenu/useContextMenu.js +1 -1
- package/lib/components/Copy/Copy.js +12 -18
- package/lib/components/Copy/index.js +2 -2
- package/lib/components/CopyButton/CopyButton.js +12 -18
- package/lib/components/CopyButton/index.js +2 -2
- package/lib/components/DangerButton/DangerButton.js +2 -6
- package/lib/components/DataTable/DataTable.js +48 -55
- package/lib/components/DataTable/Table.js +18 -24
- package/lib/components/DataTable/TableActionList.js +2 -2
- package/lib/components/DataTable/TableBatchAction.js +4 -9
- package/lib/components/DataTable/TableBatchActions.js +19 -25
- package/lib/components/DataTable/TableBody.js +5 -10
- package/lib/components/DataTable/TableCell.js +8 -14
- package/lib/components/DataTable/TableContainer.js +14 -20
- package/lib/components/DataTable/TableContext.js +0 -2
- package/lib/components/DataTable/TableDecoratorRow.js +5 -11
- package/lib/components/DataTable/TableExpandHeader.js +16 -22
- package/lib/components/DataTable/TableExpandRow.js +20 -26
- package/lib/components/DataTable/TableExpandedRow.js +8 -14
- package/lib/components/DataTable/TableHead.js +2 -2
- package/lib/components/DataTable/TableHeader.js +26 -32
- package/lib/components/DataTable/TableRow.js +8 -14
- package/lib/components/DataTable/TableSelectAll.js +13 -19
- package/lib/components/DataTable/TableSelectRow.js +15 -21
- package/lib/components/DataTable/TableSlugRow.js +7 -13
- package/lib/components/DataTable/TableToolbar.js +7 -13
- package/lib/components/DataTable/TableToolbarAction.js +5 -10
- package/lib/components/DataTable/TableToolbarContent.js +2 -2
- package/lib/components/DataTable/TableToolbarMenu.js +9 -15
- package/lib/components/DataTable/TableToolbarSearch.js +22 -28
- package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
- package/lib/components/DataTable/state/sortStates.js +0 -2
- package/lib/components/DataTable/state/sorting.d.ts +15 -0
- package/lib/components/DataTable/state/sorting.js +0 -2
- package/lib/components/DataTable/tools/cells.js +0 -2
- package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
- package/lib/components/DataTable/tools/denormalize.js +1 -2
- package/lib/components/DataTable/tools/filter.js +0 -2
- package/lib/components/DataTable/tools/normalize.d.ts +9 -0
- package/lib/components/DataTable/tools/normalize.js +1 -2
- package/lib/components/DataTable/tools/sorting.js +0 -2
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
- package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
- package/lib/components/DatePicker/DatePicker.js +65 -66
- package/lib/components/DatePicker/index.js +3 -3
- package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
- package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
- package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
- package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
- package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
- package/lib/components/DatePickerInput/index.js +2 -2
- package/lib/components/Dialog/index.js +72 -80
- package/lib/components/Dropdown/Dropdown.Skeleton.js +8 -14
- package/lib/components/Dropdown/Dropdown.js +49 -55
- package/lib/components/Dropdown/index.js +3 -3
- package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
- package/lib/components/FeatureFlags/index.js +10 -17
- package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
- package/lib/components/FileUploader/FileUploader.js +30 -36
- package/lib/components/FileUploader/FileUploaderButton.js +19 -25
- package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
- package/lib/components/FileUploader/FileUploaderItem.js +23 -29
- package/lib/components/FileUploader/Filename.js +13 -18
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
- package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
- package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
- package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
- package/lib/components/FluidForm/FluidForm.js +6 -12
- package/lib/components/FluidForm/FormContext.js +0 -2
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
- package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
- package/lib/components/FluidNumberInput/FluidNumberInput.js +30 -36
- package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
- package/lib/components/FluidSearch/FluidSearch.js +19 -25
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
- package/lib/components/FluidSelect/FluidSelect.js +17 -23
- package/lib/components/FluidSelect/index.js +3 -3
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
- package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
- package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
- package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
- package/lib/components/FluidTextInput/index.js +3 -3
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
- package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
- package/lib/components/Form/Form.js +5 -11
- package/lib/components/FormGroup/FormGroup.js +13 -19
- package/lib/components/FormItem/FormItem.js +5 -11
- package/lib/components/FormLabel/FormLabel.js +6 -12
- package/lib/components/Grid/CSSGrid.js +20 -28
- package/lib/components/Grid/Column.js +31 -37
- package/lib/components/Grid/ColumnHang.js +5 -13
- package/lib/components/Grid/FlexGrid.js +10 -18
- package/lib/components/Grid/Grid.js +9 -16
- package/lib/components/Grid/GridContext.js +7 -14
- package/lib/components/Grid/Row.js +8 -14
- package/lib/components/Heading/index.js +14 -21
- package/lib/components/Icon/Icon.Skeleton.js +4 -10
- package/lib/components/IconButton/index.js +25 -33
- package/lib/components/IconIndicator/index.js +9 -15
- package/lib/components/IdPrefix/index.js +3 -10
- package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
- package/lib/components/InlineCheckbox/index.js +2 -2
- package/lib/components/InlineLoading/InlineLoading.js +17 -23
- package/lib/components/InlineLoading/index.js +2 -2
- package/lib/components/Layer/LayerContext.js +1 -7
- package/lib/components/Layer/LayerLevel.js +0 -2
- package/lib/components/Layer/index.js +11 -19
- package/lib/components/Layout/index.js +22 -30
- package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
- package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
- package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
- package/lib/components/Link/Link.js +15 -21
- package/lib/components/Link/index.js +2 -2
- package/lib/components/ListBox/ListBox.js +17 -23
- package/lib/components/ListBox/ListBoxField.js +7 -12
- package/lib/components/ListBox/ListBoxMenu.js +7 -12
- package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
- package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
- package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
- package/lib/components/ListBox/ListBoxSelection.js +14 -20
- package/lib/components/ListBox/index.js +7 -7
- package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
- package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
- package/lib/components/ListItem/ListItem.js +5 -11
- package/lib/components/Loading/Loading.js +14 -20
- package/lib/components/Loading/index.js +2 -2
- package/lib/components/Menu/Menu.d.ts +3 -1
- package/lib/components/Menu/Menu.js +18 -24
- package/lib/components/Menu/MenuContext.js +0 -2
- package/lib/components/Menu/MenuItem.js +44 -52
- package/lib/components/MenuButton/index.js +16 -24
- package/lib/components/Modal/Modal.js +91 -86
- package/lib/components/Modal/index.js +2 -2
- package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
- package/lib/components/MultiSelect/FilterableMultiSelect.js +57 -67
- package/lib/components/MultiSelect/MultiSelect.js +61 -70
- package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
- package/lib/components/MultiSelect/filter.js +0 -6
- package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
- package/lib/components/MultiSelect/tools/itemToString.js +1 -7
- package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
- package/lib/components/MultiSelect/tools/sorting.js +0 -2
- package/lib/components/Notification/Notification.js +118 -126
- package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
- package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
- package/lib/components/NumberInput/NumberInput.js +66 -74
- package/lib/components/OrderedList/OrderedList.js +8 -14
- package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
- package/lib/components/OverflowMenu/index.js +3 -7
- package/lib/components/OverflowMenu/next/index.js +18 -26
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
- package/lib/components/OverflowMenuItem/index.js +2 -2
- package/lib/components/OverflowMenuV2/index.d.ts +1 -0
- package/lib/components/OverflowMenuV2/index.js +2 -8
- package/lib/components/PageHeader/PageHeader.js +70 -78
- package/lib/components/PageHeader/index.js +0 -2
- package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
- package/lib/components/Pagination/Pagination.js +44 -51
- package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
- package/lib/components/Pagination/experimental/PageSelector.js +9 -15
- package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
- package/lib/components/Pagination/experimental/Pagination.js +34 -40
- package/lib/components/Pagination/experimental/index.d.ts +3 -0
- package/lib/components/PaginationNav/PaginationNav.js +54 -60
- package/lib/components/Popover/index.js +56 -47
- package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
- package/lib/components/ProgressBar/ProgressBar.js +25 -31
- package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
- package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
- package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
- package/lib/components/RadioButton/RadioButton.js +26 -32
- package/lib/components/RadioButton/index.js +2 -2
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
- package/lib/components/RadioTile/RadioTile.js +25 -31
- package/lib/components/RadioTile/index.js +2 -2
- package/lib/components/Search/Search.Skeleton.js +7 -13
- package/lib/components/Search/Search.js +33 -39
- package/lib/components/Search/index.js +3 -3
- package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
- package/lib/components/Select/Select.Skeleton.js +8 -14
- package/lib/components/Select/Select.js +42 -48
- package/lib/components/Select/index.js +3 -3
- package/lib/components/SelectItem/SelectItem.js +8 -14
- package/lib/components/SelectItem/index.js +2 -2
- package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
- package/lib/components/ShapeIndicator/index.js +12 -18
- package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
- package/lib/components/SkeletonText/SkeletonText.js +11 -17
- package/lib/components/SkeletonText/index.js +2 -2
- package/lib/components/Slider/Slider.Skeleton.js +29 -35
- package/lib/components/Slider/Slider.js +84 -90
- package/lib/components/Slider/SliderHandles.js +18 -24
- package/lib/components/Slider/index.js +3 -3
- package/lib/components/Stack/HStack.js +1 -7
- package/lib/components/Stack/Stack.js +7 -15
- package/lib/components/Stack/VStack.js +1 -7
- package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
- package/lib/components/StructuredList/StructuredList.js +60 -68
- package/lib/components/Switch/IconSwitch.d.ts +3 -0
- package/lib/components/Switch/IconSwitch.js +18 -25
- package/lib/components/Switch/Switch.js +14 -20
- package/lib/components/TabContent/TabContent.js +7 -33
- package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
- package/lib/components/Tabs/Tabs.js +121 -129
- package/lib/components/Tabs/usePressable.js +0 -2
- package/lib/components/Tag/DismissibleTag.js +24 -30
- package/lib/components/Tag/OperationalTag.js +16 -22
- package/lib/components/Tag/SelectableTag.js +19 -25
- package/lib/components/Tag/Tag.Skeleton.js +5 -11
- package/lib/components/Tag/Tag.js +28 -34
- package/lib/components/Tag/isEllipsisActive.js +0 -2
- package/lib/components/Text/Text.js +6 -13
- package/lib/components/Text/TextDirection.js +4 -11
- package/lib/components/Text/TextDirectionContext.js +0 -2
- package/lib/components/Text/createTextComponent.js +1 -7
- package/lib/components/Text/index.js +0 -2
- package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
- package/lib/components/TextArea/TextArea.js +49 -55
- package/lib/components/TextArea/index.js +3 -3
- package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
- package/lib/components/TextInput/PasswordInput.js +48 -54
- package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
- package/lib/components/TextInput/TextInput.js +47 -53
- package/lib/components/TextInput/index.js +3 -3
- package/lib/components/TextInput/util.d.ts +9 -0
- package/lib/components/TextInput/util.js +0 -2
- package/lib/components/Theme/index.js +16 -24
- package/lib/components/Tile/Tile.js +92 -100
- package/lib/components/TileGroup/TileGroup.js +15 -22
- package/lib/components/TimePicker/TimePicker.js +39 -45
- package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
- package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
- package/lib/components/Toggle/Toggle.js +28 -34
- package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
- package/lib/components/Toggletip/index.js +32 -40
- package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
- package/lib/components/Tooltip/Tooltip.js +19 -27
- package/lib/components/TreeView/TreeContext.js +0 -2
- package/lib/components/TreeView/TreeNode.js +41 -47
- package/lib/components/TreeView/TreeView.js +17 -23
- package/lib/components/UIShell/Content.js +6 -12
- package/lib/components/UIShell/Header.js +4 -10
- package/lib/components/UIShell/HeaderContainer.js +4 -9
- package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
- package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
- package/lib/components/UIShell/HeaderMenu.js +17 -23
- package/lib/components/UIShell/HeaderMenuButton.js +9 -15
- package/lib/components/UIShell/HeaderMenuItem.js +11 -17
- package/lib/components/UIShell/HeaderName.js +8 -14
- package/lib/components/UIShell/HeaderNavigation.js +6 -12
- package/lib/components/UIShell/HeaderPanel.js +11 -17
- package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
- package/lib/components/UIShell/Link.js +6 -11
- package/lib/components/UIShell/SideNav.js +23 -29
- package/lib/components/UIShell/SideNavDetails.js +7 -13
- package/lib/components/UIShell/SideNavDivider.js +5 -11
- package/lib/components/UIShell/SideNavFooter.js +12 -18
- package/lib/components/UIShell/SideNavHeader.js +8 -14
- package/lib/components/UIShell/SideNavIcon.js +6 -12
- package/lib/components/UIShell/SideNavItem.js +6 -12
- package/lib/components/UIShell/SideNavItems.js +9 -15
- package/lib/components/UIShell/SideNavLink.js +13 -19
- package/lib/components/UIShell/SideNavLinkText.js +5 -11
- package/lib/components/UIShell/SideNavMenu.js +20 -26
- package/lib/components/UIShell/SideNavMenuItem.js +13 -19
- package/lib/components/UIShell/SideNavSwitcher.js +13 -19
- package/lib/components/UIShell/SkipToContent.js +7 -13
- package/lib/components/UIShell/Switcher.js +9 -15
- package/lib/components/UIShell/SwitcherDivider.js +4 -10
- package/lib/components/UIShell/SwitcherItem.js +15 -21
- package/lib/components/UIShell/_utils.d.ts +7 -0
- package/lib/components/UIShell/_utils.js +0 -2
- package/lib/components/UnorderedList/UnorderedList.js +7 -13
- package/lib/feature-flags.d.ts +1 -0
- package/lib/feature-flags.js +3 -4
- package/lib/index.js +180 -182
- package/lib/internal/FloatingMenu.js +10 -18
- package/lib/internal/OptimizedResize.js +2 -8
- package/lib/internal/Selection.js +1 -7
- package/lib/internal/clamp.js +0 -2
- package/lib/internal/createClassWrapper.js +1 -7
- package/lib/internal/deprecateFieldOnObject.js +1 -3
- package/lib/internal/environment.js +0 -2
- package/lib/internal/getAnnouncement.js +0 -2
- package/lib/internal/keyboard/keys.js +0 -2
- package/lib/internal/keyboard/match.js +0 -2
- package/lib/internal/keyboard/navigation.js +0 -2
- package/lib/internal/noopFn.js +0 -2
- package/lib/internal/useAttachedMenu.js +0 -2
- package/lib/internal/useControllableState.js +0 -2
- package/lib/internal/useDelayedState.js +0 -2
- package/lib/internal/useEvent.js +0 -2
- package/lib/internal/useId.d.ts +21 -0
- package/lib/internal/useId.js +27 -7
- package/lib/internal/useIdPrefix.js +2 -8
- package/lib/internal/useIsomorphicEffect.js +1 -1
- package/lib/internal/useMatchMedia.js +0 -2
- package/lib/internal/useMergedRefs.js +0 -2
- package/lib/internal/useNoInteractiveChildren.js +0 -2
- package/lib/internal/useNormalizedInputProps.js +2 -8
- package/lib/internal/useOutsideClick.js +0 -2
- package/lib/internal/useOverflowItems.js +1 -7
- package/lib/internal/usePrefix.js +2 -8
- package/lib/internal/usePreviousValue.js +0 -2
- package/lib/internal/useResizeObserver.js +0 -2
- package/lib/internal/useSavedCallback.js +0 -2
- package/lib/internal/utils.js +0 -2
- package/lib/internal/warning.js +0 -2
- package/lib/internal/wrapFocus.js +0 -2
- package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
- package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
- package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
- package/lib/prop-types/AriaPropTypes.js +2 -8
- package/lib/prop-types/deprecate.js +0 -2
- package/lib/prop-types/deprecateComponent.d.ts +1 -0
- package/lib/prop-types/deprecateComponent.js +2 -5
- package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
- package/lib/prop-types/deprecateValuesWithin.js +1 -1
- package/lib/prop-types/isRequiredOneOf.js +0 -2
- package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
- package/lib/tools/events.js +0 -2
- package/lib/tools/mapPopoverAlign.js +0 -2
- package/lib/tools/mergeRefs.d.ts +12 -0
- package/lib/tools/mergeRefs.js +1 -2
- package/lib/tools/setupGetInstanceId.js +0 -2
- package/lib/tools/toggleClass.js +0 -2
- package/lib/tools/wrapComponent.js +4 -10
- package/package.json +11 -11
- /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
|
@@ -15,25 +15,19 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
17
17
|
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
|
|
24
18
|
const FluidComboBoxSkeleton = ({
|
|
25
19
|
className,
|
|
26
20
|
...rest
|
|
27
21
|
}) => {
|
|
28
22
|
const prefix = usePrefix.usePrefix();
|
|
29
|
-
const wrapperClasses =
|
|
30
|
-
return /*#__PURE__*/
|
|
23
|
+
const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
|
|
24
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
31
25
|
className: wrapperClasses
|
|
32
|
-
}, rest), /*#__PURE__*/
|
|
26
|
+
}, rest), /*#__PURE__*/React.createElement("div", {
|
|
33
27
|
className: `${prefix}--skeleton ${prefix}--list-box`
|
|
34
|
-
}, /*#__PURE__*/
|
|
28
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
35
29
|
className: `${prefix}--list-box__label`
|
|
36
|
-
}), /*#__PURE__*/
|
|
30
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
37
31
|
className: `${prefix}--list-box__field`
|
|
38
32
|
})));
|
|
39
33
|
};
|
|
@@ -41,7 +35,7 @@ FluidComboBoxSkeleton.propTypes = {
|
|
|
41
35
|
/**
|
|
42
36
|
* Specify an optional className to add.
|
|
43
37
|
*/
|
|
44
|
-
className:
|
|
38
|
+
className: PropTypes.string
|
|
45
39
|
};
|
|
46
40
|
|
|
47
|
-
exports
|
|
41
|
+
exports.default = FluidComboBoxSkeleton;
|
|
@@ -17,26 +17,20 @@ var ComboBox = require('../ComboBox/ComboBox.js');
|
|
|
17
17
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
18
18
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
|
|
26
|
-
const FluidComboBox = /*#__PURE__*/React__default["default"].forwardRef(function FluidComboBox({
|
|
20
|
+
const FluidComboBox = /*#__PURE__*/React.forwardRef(function FluidComboBox({
|
|
27
21
|
className,
|
|
28
22
|
isCondensed,
|
|
29
23
|
...other
|
|
30
24
|
}, ref) {
|
|
31
25
|
const prefix = usePrefix.usePrefix();
|
|
32
|
-
const classNames =
|
|
26
|
+
const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
|
|
33
27
|
[`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
|
|
34
28
|
});
|
|
35
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
|
|
36
30
|
value: {
|
|
37
31
|
isFluid: true
|
|
38
32
|
}
|
|
39
|
-
}, /*#__PURE__*/
|
|
33
|
+
}, /*#__PURE__*/React.createElement(ComboBox.default, _rollupPluginBabelHelpers.extends({
|
|
40
34
|
ref: ref,
|
|
41
35
|
className: classNames
|
|
42
36
|
}, other)));
|
|
@@ -45,88 +39,88 @@ FluidComboBox.propTypes = {
|
|
|
45
39
|
/**
|
|
46
40
|
* Specify an optional className to be applied to the outer FluidForm wrapper
|
|
47
41
|
*/
|
|
48
|
-
className:
|
|
42
|
+
className: PropTypes.string,
|
|
49
43
|
/**
|
|
50
44
|
* Specify the direction of the dropdown. Can be either top or bottom.
|
|
51
45
|
*/
|
|
52
|
-
direction:
|
|
46
|
+
direction: PropTypes.oneOf(['top', 'bottom']),
|
|
53
47
|
/**
|
|
54
48
|
* Specify whether the `<input>` should be disabled
|
|
55
49
|
*/
|
|
56
|
-
disabled:
|
|
50
|
+
disabled: PropTypes.bool,
|
|
57
51
|
/**
|
|
58
52
|
* Specify a custom `id` for the `<input>`
|
|
59
53
|
*/
|
|
60
|
-
id:
|
|
54
|
+
id: PropTypes.string.isRequired,
|
|
61
55
|
/**
|
|
62
56
|
* Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
|
|
63
57
|
* from their collection that are pre-selected
|
|
64
58
|
*/
|
|
65
|
-
initialSelectedItem:
|
|
59
|
+
initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
|
|
66
60
|
/**
|
|
67
61
|
* Specify if the currently selected value is invalid.
|
|
68
62
|
*/
|
|
69
|
-
invalid:
|
|
63
|
+
invalid: PropTypes.bool,
|
|
70
64
|
/**
|
|
71
65
|
* Provide the text that is displayed when the control is in an invalid state
|
|
72
66
|
*/
|
|
73
|
-
invalidText:
|
|
67
|
+
invalidText: PropTypes.node,
|
|
74
68
|
/**
|
|
75
69
|
* Specify if the `FluidComboBox` should render its menu items in condensed mode
|
|
76
70
|
*/
|
|
77
|
-
isCondensed:
|
|
71
|
+
isCondensed: PropTypes.bool,
|
|
78
72
|
/**
|
|
79
73
|
* Function to render items as custom components instead of strings.
|
|
80
74
|
* Defaults to null and is overridden by a getter
|
|
81
75
|
*/
|
|
82
|
-
itemToElement:
|
|
76
|
+
itemToElement: PropTypes.func,
|
|
83
77
|
/**
|
|
84
78
|
* Helper function passed to downshift that allows the library to render a
|
|
85
79
|
* given item to a string label. By default, it extracts the `label` field
|
|
86
80
|
* from a given item to serve as the item label in the list.
|
|
87
81
|
*/
|
|
88
|
-
itemToString:
|
|
82
|
+
itemToString: PropTypes.func,
|
|
89
83
|
/**
|
|
90
84
|
* We try to stay as generic as possible here to allow individuals to pass
|
|
91
85
|
* in a collection of whatever kind of data structure they prefer
|
|
92
86
|
*/
|
|
93
|
-
items:
|
|
87
|
+
items: PropTypes.array.isRequired,
|
|
94
88
|
/**
|
|
95
89
|
* Generic `label` that will be used as the textual representation of what
|
|
96
90
|
* this field is for
|
|
97
91
|
*/
|
|
98
|
-
label:
|
|
92
|
+
label: PropTypes.node.isRequired,
|
|
99
93
|
/**
|
|
100
94
|
* `onChange` is a utility for this controlled component to communicate to a
|
|
101
95
|
* consuming component what kind of internal state changes are occurring.
|
|
102
96
|
*/
|
|
103
|
-
onChange:
|
|
97
|
+
onChange: PropTypes.func.isRequired,
|
|
104
98
|
/**
|
|
105
99
|
* An optional callback to render the currently selected item as a react element instead of only
|
|
106
100
|
* as a string.
|
|
107
101
|
*/
|
|
108
|
-
renderSelectedItem:
|
|
102
|
+
renderSelectedItem: PropTypes.func,
|
|
109
103
|
/**
|
|
110
104
|
* In the case you want to control the dropdown selection entirely.
|
|
111
105
|
*/
|
|
112
|
-
selectedItem:
|
|
106
|
+
selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
|
|
113
107
|
/**
|
|
114
108
|
* Provide the title text that will be read by a screen reader when
|
|
115
109
|
* visiting this control
|
|
116
110
|
*/
|
|
117
|
-
titleText:
|
|
111
|
+
titleText: PropTypes.node,
|
|
118
112
|
/**
|
|
119
113
|
* Callback function for translating ListBoxMenuIcon SVG title
|
|
120
114
|
*/
|
|
121
|
-
translateWithId:
|
|
115
|
+
translateWithId: PropTypes.func,
|
|
122
116
|
/**
|
|
123
117
|
* Specify whether the control is currently in warning state
|
|
124
118
|
*/
|
|
125
|
-
warn:
|
|
119
|
+
warn: PropTypes.bool,
|
|
126
120
|
/**
|
|
127
121
|
* Provide the text that is displayed when the control is in warning state
|
|
128
122
|
*/
|
|
129
|
-
warnText:
|
|
123
|
+
warnText: PropTypes.node
|
|
130
124
|
};
|
|
131
125
|
|
|
132
|
-
exports
|
|
126
|
+
exports.default = FluidComboBox;
|
|
@@ -17,44 +17,38 @@ var usePrefix = require('../../internal/usePrefix.js');
|
|
|
17
17
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
18
18
|
var iconsReact = require('@carbon/icons-react');
|
|
19
19
|
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
|
|
26
20
|
const FluidDatePickerSkeleton = ({
|
|
27
21
|
className,
|
|
28
22
|
datePickerType = 'single',
|
|
29
23
|
...other
|
|
30
24
|
}) => {
|
|
31
25
|
const prefix = usePrefix.usePrefix();
|
|
32
|
-
const classNames =
|
|
26
|
+
const classNames = cx(className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
|
|
33
27
|
[`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === 'range'
|
|
34
28
|
});
|
|
35
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
|
|
36
30
|
value: {
|
|
37
31
|
isFluid: true
|
|
38
32
|
}
|
|
39
|
-
}, /*#__PURE__*/
|
|
33
|
+
}, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
40
34
|
className: classNames
|
|
41
|
-
}, other), /*#__PURE__*/
|
|
35
|
+
}, other), /*#__PURE__*/React.createElement("div", {
|
|
42
36
|
className: `${prefix}--date-picker--fluid__skeleton--container`
|
|
43
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
44
38
|
className: `${prefix}--label ${prefix}--skeleton`
|
|
45
|
-
}), /*#__PURE__*/
|
|
39
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
46
40
|
className: `${prefix}--skeleton ${prefix}--text-input`
|
|
47
|
-
}), datePickerType !== 'simple' && /*#__PURE__*/
|
|
41
|
+
}), datePickerType !== 'simple' && /*#__PURE__*/React.createElement(iconsReact.Calendar, {
|
|
48
42
|
className: `${prefix}--date-picker__icon`,
|
|
49
43
|
role: "img",
|
|
50
44
|
"aria-hidden": "true"
|
|
51
|
-
})), datePickerType === 'range' && /*#__PURE__*/
|
|
45
|
+
})), datePickerType === 'range' && /*#__PURE__*/React.createElement("div", {
|
|
52
46
|
className: `${prefix}--date-picker--fluid__skeleton--container`
|
|
53
|
-
}, /*#__PURE__*/
|
|
47
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
54
48
|
className: `${prefix}--label ${prefix}--skeleton`
|
|
55
|
-
}), /*#__PURE__*/
|
|
49
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
56
50
|
className: `${prefix}--skeleton ${prefix}--text-input`
|
|
57
|
-
}), /*#__PURE__*/
|
|
51
|
+
}), /*#__PURE__*/React.createElement(iconsReact.Calendar, {
|
|
58
52
|
className: `${prefix}--date-picker__icon`,
|
|
59
53
|
role: "img",
|
|
60
54
|
"aria-hidden": "true"
|
|
@@ -64,11 +58,11 @@ FluidDatePickerSkeleton.propTypes = {
|
|
|
64
58
|
/**
|
|
65
59
|
* Specify an optional className to be applied to the outer FluidForm wrapper
|
|
66
60
|
*/
|
|
67
|
-
className:
|
|
61
|
+
className: PropTypes.string,
|
|
68
62
|
/**
|
|
69
63
|
* Specify which variant of the DatePicker the skeleton should mimic
|
|
70
64
|
*/
|
|
71
|
-
datePickerType:
|
|
65
|
+
datePickerType: PropTypes.oneOf(['simple', 'single', 'range'])
|
|
72
66
|
};
|
|
73
67
|
|
|
74
|
-
exports
|
|
68
|
+
exports.default = FluidDatePickerSkeleton;
|
|
@@ -18,13 +18,7 @@ var usePrefix = require('../../internal/usePrefix.js');
|
|
|
18
18
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
19
19
|
var React = require('react');
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
|
-
|
|
27
|
-
const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidDatePicker({
|
|
21
|
+
const FluidDatePicker = /*#__PURE__*/React.forwardRef(function FluidDatePicker({
|
|
28
22
|
className,
|
|
29
23
|
children,
|
|
30
24
|
invalid,
|
|
@@ -35,17 +29,17 @@ const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
|
|
|
35
29
|
...other
|
|
36
30
|
}, ref) {
|
|
37
31
|
const prefix = usePrefix.usePrefix();
|
|
38
|
-
const classNames =
|
|
32
|
+
const classNames = cx(className, {
|
|
39
33
|
[`${prefix}--date-picker--fluid`]: true,
|
|
40
34
|
[`${prefix}--date-picker--fluid--invalid`]: invalid,
|
|
41
35
|
[`${prefix}--date-picker--fluid--readonly`]: readOnly,
|
|
42
36
|
[`${prefix}--date-picker--fluid--warn`]: warn
|
|
43
37
|
});
|
|
44
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
|
|
45
39
|
value: {
|
|
46
40
|
isFluid: true
|
|
47
41
|
}
|
|
48
|
-
}, /*#__PURE__*/
|
|
42
|
+
}, /*#__PURE__*/React.createElement(DatePicker.default, _rollupPluginBabelHelpers.extends({
|
|
49
43
|
invalid: invalid,
|
|
50
44
|
invalidText: invalidText,
|
|
51
45
|
readOnly: readOnly,
|
|
@@ -59,31 +53,31 @@ FluidDatePicker.propTypes = {
|
|
|
59
53
|
/**
|
|
60
54
|
* The child node(s)
|
|
61
55
|
*/
|
|
62
|
-
children:
|
|
56
|
+
children: PropTypes.node,
|
|
63
57
|
/**
|
|
64
58
|
* Specify an optional className to be applied to the outer FluidForm wrapper
|
|
65
59
|
*/
|
|
66
|
-
className:
|
|
60
|
+
className: PropTypes.string,
|
|
67
61
|
/**
|
|
68
62
|
* Specify whether or not the control is invalid
|
|
69
63
|
*/
|
|
70
|
-
invalid:
|
|
64
|
+
invalid: PropTypes.bool,
|
|
71
65
|
/**
|
|
72
66
|
* Provide the text that is displayed when the control is in error state
|
|
73
67
|
*/
|
|
74
|
-
invalidText:
|
|
68
|
+
invalidText: PropTypes.node,
|
|
75
69
|
/**
|
|
76
70
|
* Whether the input should be read-only
|
|
77
71
|
*/
|
|
78
|
-
readOnly:
|
|
72
|
+
readOnly: PropTypes.bool,
|
|
79
73
|
/**
|
|
80
74
|
* Specify whether the control is currently in warning state
|
|
81
75
|
*/
|
|
82
|
-
warn:
|
|
76
|
+
warn: PropTypes.bool,
|
|
83
77
|
/**
|
|
84
78
|
* Provide the text that is displayed when the control is in warning state
|
|
85
79
|
*/
|
|
86
|
-
warnText:
|
|
80
|
+
warnText: PropTypes.node
|
|
87
81
|
};
|
|
88
82
|
|
|
89
|
-
exports
|
|
83
|
+
exports.default = FluidDatePicker;
|
|
@@ -14,20 +14,16 @@ var React = require('react');
|
|
|
14
14
|
var DatePickerInput = require('../DatePickerInput/DatePickerInput.js');
|
|
15
15
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
16
16
|
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
-
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
-
|
|
21
17
|
const frFn = React.forwardRef;
|
|
22
18
|
const FluidDatePickerInput = frFn((props, ref) => {
|
|
23
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
|
|
24
20
|
value: {
|
|
25
21
|
isFluid: true
|
|
26
22
|
}
|
|
27
|
-
}, /*#__PURE__*/
|
|
23
|
+
}, /*#__PURE__*/React.createElement(DatePickerInput.default, _rollupPluginBabelHelpers.extends({
|
|
28
24
|
ref: ref
|
|
29
25
|
}, props)));
|
|
30
26
|
});
|
|
31
|
-
FluidDatePickerInput.propTypes = DatePickerInput
|
|
27
|
+
FluidDatePickerInput.propTypes = DatePickerInput.default.propTypes;
|
|
32
28
|
|
|
33
|
-
exports
|
|
29
|
+
exports.default = FluidDatePickerInput;
|
|
@@ -15,25 +15,19 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
17
17
|
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
|
|
24
18
|
const FluidDropdownSkeleton = ({
|
|
25
19
|
className,
|
|
26
20
|
...rest
|
|
27
21
|
}) => {
|
|
28
22
|
const prefix = usePrefix.usePrefix();
|
|
29
|
-
const wrapperClasses =
|
|
30
|
-
return /*#__PURE__*/
|
|
23
|
+
const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
|
|
24
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
31
25
|
className: wrapperClasses
|
|
32
|
-
}, rest), /*#__PURE__*/
|
|
26
|
+
}, rest), /*#__PURE__*/React.createElement("div", {
|
|
33
27
|
className: `${prefix}--skeleton ${prefix}--list-box`
|
|
34
|
-
}, /*#__PURE__*/
|
|
28
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
35
29
|
className: `${prefix}--list-box__label`
|
|
36
|
-
}), /*#__PURE__*/
|
|
30
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
37
31
|
className: `${prefix}--list-box__field`
|
|
38
32
|
})));
|
|
39
33
|
};
|
|
@@ -41,7 +35,7 @@ FluidDropdownSkeleton.propTypes = {
|
|
|
41
35
|
/**
|
|
42
36
|
* Specify an optional className to add.
|
|
43
37
|
*/
|
|
44
|
-
className:
|
|
38
|
+
className: PropTypes.string
|
|
45
39
|
};
|
|
46
40
|
|
|
47
|
-
exports
|
|
41
|
+
exports.default = FluidDropdownSkeleton;
|
|
@@ -18,26 +18,20 @@ require('../Dropdown/Dropdown.Skeleton.js');
|
|
|
18
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
19
19
|
var FormContext = require('../FluidForm/FormContext.js');
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
26
|
-
|
|
27
|
-
const FluidDropdown = /*#__PURE__*/React__default["default"].forwardRef(function FluidDropdown({
|
|
21
|
+
const FluidDropdown = /*#__PURE__*/React.forwardRef(function FluidDropdown({
|
|
28
22
|
className,
|
|
29
23
|
isCondensed,
|
|
30
24
|
...other
|
|
31
25
|
}, ref) {
|
|
32
26
|
const prefix = usePrefix.usePrefix();
|
|
33
|
-
const classNames =
|
|
27
|
+
const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
|
|
34
28
|
[`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
|
|
35
29
|
});
|
|
36
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
|
|
37
31
|
value: {
|
|
38
32
|
isFluid: true
|
|
39
33
|
}
|
|
40
|
-
}, /*#__PURE__*/
|
|
34
|
+
}, /*#__PURE__*/React.createElement(Dropdown.default, _rollupPluginBabelHelpers.extends({
|
|
41
35
|
ref: ref,
|
|
42
36
|
className: classNames
|
|
43
37
|
}, other)));
|
|
@@ -46,88 +40,88 @@ FluidDropdown.propTypes = {
|
|
|
46
40
|
/**
|
|
47
41
|
* Specify an optional className to be applied to the outer FluidForm wrapper
|
|
48
42
|
*/
|
|
49
|
-
className:
|
|
43
|
+
className: PropTypes.string,
|
|
50
44
|
/**
|
|
51
45
|
* Specify the direction of the dropdown. Can be either top or bottom.
|
|
52
46
|
*/
|
|
53
|
-
direction:
|
|
47
|
+
direction: PropTypes.oneOf(['top', 'bottom']),
|
|
54
48
|
/**
|
|
55
49
|
* Specify whether the `<input>` should be disabled
|
|
56
50
|
*/
|
|
57
|
-
disabled:
|
|
51
|
+
disabled: PropTypes.bool,
|
|
58
52
|
/**
|
|
59
53
|
* Specify a custom `id` for the `<input>`
|
|
60
54
|
*/
|
|
61
|
-
id:
|
|
55
|
+
id: PropTypes.string.isRequired,
|
|
62
56
|
/**
|
|
63
57
|
* Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
|
|
64
58
|
* from their collection that are pre-selected
|
|
65
59
|
*/
|
|
66
|
-
initialSelectedItem:
|
|
60
|
+
initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
|
|
67
61
|
/**
|
|
68
62
|
* Specify if the currently selected value is invalid.
|
|
69
63
|
*/
|
|
70
|
-
invalid:
|
|
64
|
+
invalid: PropTypes.bool,
|
|
71
65
|
/**
|
|
72
66
|
* Provide the text that is displayed when the control is in an invalid state
|
|
73
67
|
*/
|
|
74
|
-
invalidText:
|
|
68
|
+
invalidText: PropTypes.node,
|
|
75
69
|
/**
|
|
76
70
|
* Specify if the `FluidDropdown` should render its menu items in condensed mode
|
|
77
71
|
*/
|
|
78
|
-
isCondensed:
|
|
72
|
+
isCondensed: PropTypes.bool,
|
|
79
73
|
/**
|
|
80
74
|
* Function to render items as custom components instead of strings.
|
|
81
75
|
* Defaults to null and is overridden by a getter
|
|
82
76
|
*/
|
|
83
|
-
itemToElement:
|
|
77
|
+
itemToElement: PropTypes.func,
|
|
84
78
|
/**
|
|
85
79
|
* Helper function passed to downshift that allows the library to render a
|
|
86
80
|
* given item to a string label. By default, it extracts the `label` field
|
|
87
81
|
* from a given item to serve as the item label in the list.
|
|
88
82
|
*/
|
|
89
|
-
itemToString:
|
|
83
|
+
itemToString: PropTypes.func,
|
|
90
84
|
/**
|
|
91
85
|
* We try to stay as generic as possible here to allow individuals to pass
|
|
92
86
|
* in a collection of whatever kind of data structure they prefer
|
|
93
87
|
*/
|
|
94
|
-
items:
|
|
88
|
+
items: PropTypes.array.isRequired,
|
|
95
89
|
/**
|
|
96
90
|
* Generic `label` that will be used as the textual representation of what
|
|
97
91
|
* this field is for
|
|
98
92
|
*/
|
|
99
|
-
label:
|
|
93
|
+
label: PropTypes.node.isRequired,
|
|
100
94
|
/**
|
|
101
95
|
* `onChange` is a utility for this controlled component to communicate to a
|
|
102
96
|
* consuming component what kind of internal state changes are occurring.
|
|
103
97
|
*/
|
|
104
|
-
onChange:
|
|
98
|
+
onChange: PropTypes.func,
|
|
105
99
|
/**
|
|
106
100
|
* An optional callback to render the currently selected item as a react element instead of only
|
|
107
101
|
* as a string.
|
|
108
102
|
*/
|
|
109
|
-
renderSelectedItem:
|
|
103
|
+
renderSelectedItem: PropTypes.func,
|
|
110
104
|
/**
|
|
111
105
|
* In the case you want to control the dropdown selection entirely.
|
|
112
106
|
*/
|
|
113
|
-
selectedItem:
|
|
107
|
+
selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
|
|
114
108
|
/**
|
|
115
109
|
* Provide the title text that will be read by a screen reader when
|
|
116
110
|
* visiting this control
|
|
117
111
|
*/
|
|
118
|
-
titleText:
|
|
112
|
+
titleText: PropTypes.node,
|
|
119
113
|
/**
|
|
120
114
|
* Callback function for translating ListBoxMenuIcon SVG title
|
|
121
115
|
*/
|
|
122
|
-
translateWithId:
|
|
116
|
+
translateWithId: PropTypes.func,
|
|
123
117
|
/**
|
|
124
118
|
* Specify whether the control is currently in warning state
|
|
125
119
|
*/
|
|
126
|
-
warn:
|
|
120
|
+
warn: PropTypes.bool,
|
|
127
121
|
/**
|
|
128
122
|
* Provide the text that is displayed when the control is in warning state
|
|
129
123
|
*/
|
|
130
|
-
warnText:
|
|
124
|
+
warnText: PropTypes.node
|
|
131
125
|
};
|
|
132
126
|
|
|
133
|
-
exports
|
|
127
|
+
exports.default = FluidDropdown;
|
|
@@ -17,24 +17,18 @@ var Form = require('../Form/Form.js');
|
|
|
17
17
|
var FormContext = require('./FormContext.js');
|
|
18
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
19
19
|
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
|
|
26
20
|
const FluidForm = ({
|
|
27
21
|
className,
|
|
28
22
|
children,
|
|
29
23
|
...other
|
|
30
24
|
}) => {
|
|
31
25
|
const prefix = usePrefix.usePrefix();
|
|
32
|
-
const classNames =
|
|
33
|
-
return /*#__PURE__*/
|
|
26
|
+
const classNames = cx(`${prefix}--form--fluid`, className);
|
|
27
|
+
return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
|
|
34
28
|
value: {
|
|
35
29
|
isFluid: true
|
|
36
30
|
}
|
|
37
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/React.createElement(Form.default, _rollupPluginBabelHelpers.extends({
|
|
38
32
|
className: classNames
|
|
39
33
|
}, other), children));
|
|
40
34
|
};
|
|
@@ -42,11 +36,11 @@ FluidForm.propTypes = {
|
|
|
42
36
|
/**
|
|
43
37
|
* Provide children to be rendered inside of the <form> element
|
|
44
38
|
*/
|
|
45
|
-
children:
|
|
39
|
+
children: PropTypes.node,
|
|
46
40
|
/**
|
|
47
41
|
* Provide a custom className to be applied on the containing <form> node
|
|
48
42
|
*/
|
|
49
|
-
className:
|
|
43
|
+
className: PropTypes.string
|
|
50
44
|
};
|
|
51
45
|
|
|
52
|
-
exports
|
|
46
|
+
exports.default = FluidForm;
|
|
@@ -15,25 +15,19 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
17
17
|
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
|
|
24
18
|
const FluidMultiSelectSkeleton = ({
|
|
25
19
|
className,
|
|
26
20
|
...rest
|
|
27
21
|
}) => {
|
|
28
22
|
const prefix = usePrefix.usePrefix();
|
|
29
|
-
const wrapperClasses =
|
|
30
|
-
return /*#__PURE__*/
|
|
23
|
+
const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
|
|
24
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
31
25
|
className: wrapperClasses
|
|
32
|
-
}, rest), /*#__PURE__*/
|
|
26
|
+
}, rest), /*#__PURE__*/React.createElement("div", {
|
|
33
27
|
className: `${prefix}--skeleton ${prefix}--list-box`
|
|
34
|
-
}, /*#__PURE__*/
|
|
28
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
35
29
|
className: `${prefix}--list-box__label`
|
|
36
|
-
}), /*#__PURE__*/
|
|
30
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
37
31
|
className: `${prefix}--list-box__field`
|
|
38
32
|
})));
|
|
39
33
|
};
|
|
@@ -41,7 +35,7 @@ FluidMultiSelectSkeleton.propTypes = {
|
|
|
41
35
|
/**
|
|
42
36
|
* Specify an optional className to add.
|
|
43
37
|
*/
|
|
44
|
-
className:
|
|
38
|
+
className: PropTypes.string
|
|
45
39
|
};
|
|
46
40
|
|
|
47
|
-
exports
|
|
41
|
+
exports.default = FluidMultiSelectSkeleton;
|