@carbon/react 1.17.0-rc.2 → 1.18.0-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/es/components/Accordion/AccordionItem.js +2 -2
- package/es/components/Accordion/index.js +2 -0
- package/es/components/AccordionItem/index.js +2 -0
- package/es/components/Breadcrumb/Breadcrumb.js +1 -2
- package/es/components/Breadcrumb/BreadcrumbItem.js +1 -2
- package/es/components/Button/Button.Skeleton.js +1 -2
- package/es/components/Button/Button.js +1 -2
- package/es/components/ButtonSet/ButtonSet.js +1 -2
- package/es/components/Checkbox/Checkbox.d.ts +4 -0
- package/es/components/Checkbox/Checkbox.js +29 -6
- package/es/components/CodeSnippet/CodeSnippet.js +4 -3
- package/es/components/ComboBox/ComboBox.js +6 -6
- package/es/components/ComposedModal/ComposedModal.js +2 -3
- package/es/components/ComposedModal/ModalFooter.js +1 -0
- package/es/components/ContainedList/ContainedList.js +10 -3
- package/es/components/ContentSwitcher/ContentSwitcher.js +3 -3
- package/es/components/CopyButton/CopyButton.js +1 -2
- package/es/components/DangerButton/DangerButton.js +2 -3
- package/es/components/DataTable/Table.js +1 -2
- package/es/components/DataTable/TableActionList.js +1 -2
- package/es/components/DataTable/TableBatchAction.js +2 -2
- package/es/components/DataTable/TableBatchActions.js +2 -2
- package/es/components/DataTable/TableBody.js +1 -2
- package/es/components/DataTable/TableCell.js +1 -2
- package/es/components/DataTable/TableContainer.js +1 -2
- package/es/components/DataTable/TableExpandHeader.js +1 -2
- package/es/components/DataTable/TableExpandRow.js +1 -2
- package/es/components/DataTable/TableExpandedRow.js +1 -2
- package/es/components/DataTable/TableHead.js +1 -2
- package/es/components/DataTable/TableHeader.js +1 -2
- package/es/components/DataTable/TableRow.js +1 -2
- package/es/components/DataTable/TableSelectAll.js +1 -2
- package/es/components/DataTable/TableSelectRow.js +1 -2
- package/es/components/DataTable/TableToolbar.js +2 -3
- package/es/components/DataTable/TableToolbarAction.js +2 -3
- package/es/components/DataTable/TableToolbarContent.js +1 -2
- package/es/components/DataTable/TableToolbarMenu.js +1 -2
- package/es/components/DataTable/TableToolbarSearch.js +2 -2
- package/es/components/DataTable/index.js +24 -26
- package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -3
- package/es/components/DataTable/tools/denormalize.js +1 -3
- package/es/components/DataTable/tools/instanceId.js +1 -3
- package/es/components/DataTable/tools/normalize.js +1 -3
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +1 -2
- package/es/components/DatePicker/DatePicker.Skeleton.js +1 -2
- package/es/components/DatePicker/DatePicker.js +80 -32
- package/es/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
- package/es/components/DatePickerInput/DatePickerInput.js +19 -12
- package/es/components/Dropdown/Dropdown.Skeleton.js +2 -2
- package/es/components/Dropdown/Dropdown.js +3 -3
- package/es/components/ErrorBoundary/ErrorBoundary.js +1 -1
- package/es/components/ExpandableSearch/ExpandableSearch.js +1 -0
- package/es/components/FileUploader/FileUploader.js +3 -3
- package/es/components/FileUploader/FileUploaderButton.js +2 -2
- package/es/components/FileUploader/FileUploaderDropContainer.js +2 -2
- package/es/components/FileUploader/FileUploaderItem.js +2 -2
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +1 -2
- package/es/components/FluidComboBox/FluidComboBox.js +1 -2
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +67 -0
- package/es/components/FluidDatePicker/FluidDatePicker.js +2 -2
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +1 -2
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +1 -2
- package/es/components/FluidDropdown/FluidDropdown.js +2 -2
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +1 -2
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +1 -2
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +1 -2
- package/es/components/FluidSelect/FluidSelect.js +2 -2
- package/es/components/FluidTextArea/FluidTextArea.js +1 -0
- package/es/components/FluidTextInput/FluidTextInput.js +1 -0
- package/es/components/Form/Form.js +1 -2
- package/es/components/FormGroup/FormGroup.js +1 -2
- package/es/components/Icon/Icon.Skeleton.js +1 -2
- package/es/components/IconButton/index.js +3 -1
- package/es/components/IdPrefix/index.js +29 -0
- package/es/components/InlineCheckbox/InlineCheckbox.js +1 -2
- package/es/components/Link/Link.js +1 -2
- package/es/components/ListBox/ListBox.js +2 -2
- package/es/components/ListBox/ListBoxMenu.js +1 -2
- package/es/components/ListBox/ListBoxMenuIcon.js +1 -2
- package/es/components/ListBox/ListBoxMenuItem.js +1 -2
- package/es/components/ListBox/ListBoxSelection.js +13 -6
- package/es/components/ListBox/index.js +1 -0
- package/es/components/ListBox/next/ListBoxSelection.js +3 -3
- package/es/components/ListBox/next/ListBoxTrigger.js +1 -2
- package/es/components/ListItem/ListItem.js +1 -2
- package/es/components/Menu/Menu.js +4 -5
- package/es/components/Menu/MenuOption.js +2 -2
- package/es/components/Modal/Modal.js +3 -3
- package/es/components/ModalWrapper/ModalWrapper.js +2 -1
- package/es/components/ModalWrapper/index.js +2 -5
- package/es/components/MultiSelect/FilterableMultiSelect.js +8 -8
- package/es/components/MultiSelect/MultiSelect.js +34 -11
- package/es/components/Notification/Notification.js +5 -4
- package/es/components/NumberInput/NumberInput.js +3 -3
- package/es/components/OrderedList/OrderedList.js +1 -2
- package/es/components/OverflowMenu/OverflowMenu.js +12 -2
- package/es/components/OverflowMenu/index.js +1 -2
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +3 -3
- package/es/components/OverflowMenuItem/index.js +2 -5
- package/es/components/OverflowMenuV2/index.js +2 -2
- package/es/components/Pagination/Pagination.js +10 -8
- package/es/components/Pagination/experimental/PageSelector.js +1 -0
- package/es/components/Pagination/experimental/Pagination.js +2 -0
- package/es/components/Pagination/index.js +1 -0
- package/es/components/PaginationNav/PaginationNav.js +2 -2
- package/es/components/PrimaryButton/PrimaryButton.js +2 -3
- package/es/components/ProgressIndicator/ProgressIndicator.js +5 -5
- package/es/components/RadioButton/RadioButton.js +2 -3
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +15 -7
- package/es/components/RadioTile/RadioTile.js +2 -2
- package/es/components/Search/Search.Skeleton.js +1 -2
- package/es/components/Search/Search.js +5 -6
- package/es/components/Search/index.js +1 -0
- package/es/components/SecondaryButton/SecondaryButton.js +2 -3
- package/es/components/Select/Select.Skeleton.js +1 -2
- package/es/components/Select/Select.js +30 -4
- package/es/components/SelectItem/SelectItem.js +1 -2
- package/es/components/SelectItemGroup/SelectItemGroup.js +1 -2
- package/es/components/SkeletonIcon/SkeletonIcon.js +1 -2
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +3 -3
- package/es/components/SkeletonText/SkeletonText.js +2 -3
- package/es/components/Slider/Slider.Skeleton.js +1 -2
- package/es/components/Slider/Slider.js +21 -13
- package/es/components/Slider/index.js +2 -2
- package/es/components/StructuredList/StructuredList.Skeleton.js +1 -2
- package/es/components/StructuredList/StructuredList.js +89 -54
- package/es/components/Switch/Switch.js +1 -2
- package/es/components/Tab/Tab.js +1 -1
- package/es/components/Tab/index.js +4 -5
- package/es/components/TabContent/TabContent.js +1 -2
- package/es/components/Tabs/Tabs.js +4 -3
- package/es/components/Tabs/index.js +1 -0
- package/es/components/Tag/Tag.js +1 -2
- package/es/components/TextArea/TextArea.Skeleton.js +1 -2
- package/es/components/TextArea/TextArea.js +2 -2
- package/es/components/TextInput/ControlledPasswordInput.js +1 -2
- package/es/components/TextInput/PasswordInput.js +3 -3
- package/es/components/TextInput/TextInput.Skeleton.js +1 -2
- package/es/components/TextInput/TextInput.js +3 -3
- package/es/components/TextInput/index.js +1 -0
- package/es/components/Tile/Tile.js +2 -2
- package/es/components/TileGroup/TileGroup.js +1 -1
- package/es/components/TimePicker/TimePicker.js +148 -144
- package/es/components/TimePickerSelect/TimePickerSelect.js +1 -1
- package/es/components/TimePickerSelect/index.js +3 -4
- package/es/components/TimePickerSelect/next/TimePickerSelect.js +1 -2
- package/es/components/Toggle/Toggle.Skeleton.js +1 -1
- package/es/components/Toggle/Toggle.js +13 -3
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +1 -1
- package/es/components/Toggletip/index.js +2 -2
- package/es/components/Tooltip/{next/DefinitionTooltip.js → DefinitionTooltip.js} +7 -7
- package/es/components/Tooltip/{next/Tooltip.js → Tooltip.js} +8 -8
- package/es/components/TreeView/TreeNode.js +2 -2
- package/es/components/TreeView/TreeView.js +2 -2
- package/es/components/UIShell/Content.js +1 -2
- package/es/components/UIShell/Header.js +2 -3
- package/es/components/UIShell/HeaderContainer.js +1 -2
- package/es/components/UIShell/HeaderGlobalAction.js +3 -3
- package/es/components/UIShell/HeaderMenu.js +4 -5
- package/es/components/UIShell/HeaderMenuButton.js +1 -1
- package/es/components/UIShell/HeaderMenuItem.js +2 -3
- package/es/components/UIShell/HeaderName.js +1 -1
- package/es/components/UIShell/HeaderNavigation.js +1 -1
- package/es/components/UIShell/HeaderPanel.js +2 -3
- package/es/components/UIShell/HeaderSideNavItems.js +1 -2
- package/es/components/UIShell/Link.js +1 -2
- package/es/components/UIShell/SideNav.js +2 -3
- package/es/components/UIShell/SideNavDetails.js +1 -2
- package/es/components/UIShell/SideNavHeader.js +1 -2
- package/es/components/UIShell/SideNavItems.js +1 -2
- package/es/components/UIShell/SideNavLink.js +2 -3
- package/es/components/UIShell/SideNavMenu.js +2 -2
- package/es/components/UIShell/SideNavMenuItem.js +1 -2
- package/es/components/UIShell/SideNavSwitcher.js +1 -2
- package/es/components/UIShell/Switcher.js +2 -3
- package/es/components/UIShell/SwitcherDivider.js +1 -2
- package/es/components/UIShell/SwitcherItem.js +2 -3
- package/es/components/UnorderedList/UnorderedList.js +1 -2
- package/es/index.js +86 -81
- package/es/internal/ClickListener.js +1 -1
- package/es/internal/FloatingMenu.js +1 -1
- package/es/internal/OptimizedResize.js +1 -3
- package/es/internal/Selection.js +1 -1
- package/es/internal/useId.js +5 -2
- package/es/internal/useIdPrefix.js +15 -0
- package/es/internal/useIsomorphicEffect.js +1 -2
- package/es/internal/useSavedCallback.js +1 -1
- package/es/tools/mergeRefs.js +1 -3
- package/es/tools/wrapComponent.js +1 -3
- package/lib/components/Accordion/AccordionItem.js +2 -2
- package/lib/components/Accordion/index.js +4 -0
- package/lib/components/AccordionItem/index.js +2 -0
- package/lib/components/Breadcrumb/Breadcrumb.js +1 -2
- package/lib/components/Breadcrumb/BreadcrumbItem.js +1 -2
- package/lib/components/Button/Button.Skeleton.js +1 -2
- package/lib/components/Button/Button.js +1 -2
- package/lib/components/ButtonSet/ButtonSet.js +1 -2
- package/lib/components/Checkbox/Checkbox.d.ts +4 -0
- package/lib/components/Checkbox/Checkbox.js +29 -6
- package/lib/components/CodeSnippet/CodeSnippet.js +4 -3
- package/lib/components/ComboBox/ComboBox.js +6 -6
- package/lib/components/ComposedModal/ComposedModal.js +1 -2
- package/lib/components/ComposedModal/ModalFooter.js +1 -0
- package/lib/components/ContainedList/ContainedList.js +10 -3
- package/lib/components/ContentSwitcher/ContentSwitcher.js +2 -2
- package/lib/components/CopyButton/CopyButton.js +1 -2
- package/lib/components/DangerButton/DangerButton.js +2 -3
- package/lib/components/DataTable/DataTable.js +5 -5
- package/lib/components/DataTable/Table.js +1 -2
- package/lib/components/DataTable/TableActionList.js +1 -2
- package/lib/components/DataTable/TableBatchAction.js +2 -2
- package/lib/components/DataTable/TableBatchActions.js +2 -2
- package/lib/components/DataTable/TableBody.js +1 -2
- package/lib/components/DataTable/TableCell.js +1 -2
- package/lib/components/DataTable/TableContainer.js +1 -2
- package/lib/components/DataTable/TableExpandHeader.js +1 -2
- package/lib/components/DataTable/TableExpandRow.js +1 -2
- package/lib/components/DataTable/TableExpandedRow.js +1 -2
- package/lib/components/DataTable/TableHead.js +1 -2
- package/lib/components/DataTable/TableHeader.js +1 -2
- package/lib/components/DataTable/TableRow.js +1 -2
- package/lib/components/DataTable/TableSelectAll.js +1 -2
- package/lib/components/DataTable/TableSelectRow.js +1 -2
- package/lib/components/DataTable/TableToolbar.js +1 -2
- package/lib/components/DataTable/TableToolbarAction.js +3 -4
- package/lib/components/DataTable/TableToolbarContent.js +1 -2
- package/lib/components/DataTable/TableToolbarMenu.js +1 -2
- package/lib/components/DataTable/TableToolbarSearch.js +2 -2
- package/lib/components/DataTable/index.js +23 -24
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +1 -3
- package/lib/components/DataTable/tools/denormalize.js +1 -3
- package/lib/components/DataTable/tools/instanceId.js +1 -3
- package/lib/components/DataTable/tools/normalize.js +1 -3
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +1 -2
- package/lib/components/DatePicker/DatePicker.Skeleton.js +1 -2
- package/lib/components/DatePicker/DatePicker.js +80 -32
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
- package/lib/components/DatePickerInput/DatePickerInput.js +18 -11
- package/lib/components/Dropdown/Dropdown.Skeleton.js +2 -2
- package/lib/components/Dropdown/Dropdown.js +3 -3
- package/lib/components/ExpandableSearch/ExpandableSearch.js +1 -0
- package/lib/components/FileUploader/FileUploader.js +2 -2
- package/lib/components/FileUploader/FileUploaderButton.js +2 -2
- package/lib/components/FileUploader/FileUploaderDropContainer.js +2 -2
- package/lib/components/FileUploader/FileUploaderItem.js +2 -2
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +1 -2
- package/lib/components/FluidComboBox/FluidComboBox.js +1 -2
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +77 -0
- package/lib/components/FluidDatePicker/FluidDatePicker.js +2 -2
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +1 -2
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +1 -2
- package/lib/components/FluidDropdown/FluidDropdown.js +2 -2
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +1 -2
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +1 -2
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +1 -2
- package/lib/components/FluidSelect/FluidSelect.js +2 -2
- package/lib/components/FluidTextArea/FluidTextArea.js +1 -0
- package/lib/components/FluidTextInput/FluidTextInput.js +1 -0
- package/lib/components/Form/Form.js +1 -2
- package/lib/components/FormGroup/FormGroup.js +1 -2
- package/lib/components/Icon/Icon.Skeleton.js +1 -2
- package/lib/components/IconButton/index.js +3 -1
- package/lib/components/IdPrefix/index.js +38 -0
- package/lib/components/InlineCheckbox/InlineCheckbox.js +1 -2
- package/lib/components/Link/Link.js +1 -2
- package/lib/components/ListBox/ListBox.js +2 -2
- package/lib/components/ListBox/ListBoxMenu.js +1 -2
- package/lib/components/ListBox/ListBoxMenuIcon.js +1 -2
- package/lib/components/ListBox/ListBoxMenuItem.js +1 -2
- package/lib/components/ListBox/ListBoxSelection.js +13 -6
- package/lib/components/ListBox/index.js +1 -0
- package/lib/components/ListBox/next/ListBoxSelection.js +2 -2
- package/lib/components/ListBox/next/ListBoxTrigger.js +1 -2
- package/lib/components/ListItem/ListItem.js +1 -2
- package/lib/components/Menu/Menu.js +3 -4
- package/lib/components/Menu/MenuOption.js +2 -2
- package/lib/components/Modal/Modal.js +2 -2
- package/lib/components/ModalWrapper/ModalWrapper.js +1 -0
- package/lib/components/ModalWrapper/index.js +3 -3
- package/lib/components/MultiSelect/FilterableMultiSelect.js +7 -7
- package/lib/components/MultiSelect/MultiSelect.js +33 -10
- package/lib/components/Notification/Notification.js +3 -2
- package/lib/components/NumberInput/NumberInput.js +3 -3
- package/lib/components/OrderedList/OrderedList.js +1 -2
- package/lib/components/OverflowMenu/OverflowMenu.js +12 -2
- package/lib/components/OverflowMenu/index.js +1 -22
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +2 -2
- package/lib/components/OverflowMenuItem/index.js +3 -3
- package/lib/components/OverflowMenuV2/index.js +2 -2
- package/lib/components/Pagination/Pagination.js +9 -7
- package/lib/components/Pagination/experimental/PageSelector.js +1 -0
- package/lib/components/Pagination/experimental/Pagination.js +2 -0
- package/lib/components/Pagination/index.js +1 -0
- package/lib/components/PaginationNav/PaginationNav.js +2 -2
- package/lib/components/PrimaryButton/PrimaryButton.js +2 -3
- package/lib/components/ProgressIndicator/ProgressIndicator.js +5 -5
- package/lib/components/RadioButton/RadioButton.js +2 -3
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +15 -7
- package/lib/components/RadioTile/RadioTile.js +2 -2
- package/lib/components/Search/Search.Skeleton.js +1 -2
- package/lib/components/Search/Search.js +3 -4
- package/lib/components/Search/index.js +2 -0
- package/lib/components/SecondaryButton/SecondaryButton.js +2 -3
- package/lib/components/Select/Select.Skeleton.js +1 -2
- package/lib/components/Select/Select.js +30 -4
- package/lib/components/SelectItem/SelectItem.js +1 -2
- package/lib/components/SelectItemGroup/SelectItemGroup.js +1 -2
- package/lib/components/SkeletonIcon/SkeletonIcon.js +1 -2
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +3 -3
- package/lib/components/SkeletonText/SkeletonText.js +2 -3
- package/lib/components/Slider/Slider.Skeleton.js +1 -2
- package/lib/components/Slider/Slider.js +20 -12
- package/lib/components/Slider/index.js +3 -22
- package/lib/components/StructuredList/StructuredList.Skeleton.js +1 -2
- package/lib/components/StructuredList/StructuredList.js +87 -52
- package/lib/components/Switch/Switch.js +1 -2
- package/lib/components/Tab/index.js +3 -4
- package/lib/components/TabContent/TabContent.js +1 -2
- package/lib/components/Tabs/Tabs.js +4 -3
- package/lib/components/Tabs/index.js +2 -0
- package/lib/components/Tag/Tag.js +1 -2
- package/lib/components/TextArea/TextArea.Skeleton.js +1 -2
- package/lib/components/TextArea/TextArea.js +2 -2
- package/lib/components/TextInput/ControlledPasswordInput.js +1 -2
- package/lib/components/TextInput/PasswordInput.js +3 -3
- package/lib/components/TextInput/TextInput.Skeleton.js +1 -2
- package/lib/components/TextInput/TextInput.js +3 -3
- package/lib/components/TextInput/index.js +2 -0
- package/lib/components/Tile/Tile.js +2 -2
- package/lib/components/TimePicker/TimePicker.js +144 -140
- package/lib/components/TimePickerSelect/index.js +4 -5
- package/lib/components/TimePickerSelect/next/TimePickerSelect.js +1 -2
- package/lib/components/Toggle/Toggle.js +13 -3
- package/lib/components/Toggletip/index.js +2 -2
- package/lib/components/Tooltip/{next/DefinitionTooltip.js → DefinitionTooltip.js} +7 -7
- package/lib/components/Tooltip/{next/Tooltip.js → Tooltip.js} +8 -8
- package/lib/components/TreeView/TreeNode.js +2 -2
- package/lib/components/TreeView/TreeView.js +2 -2
- package/lib/components/UIShell/Content.js +1 -2
- package/lib/components/UIShell/Header.js +1 -2
- package/lib/components/UIShell/HeaderContainer.js +1 -2
- package/lib/components/UIShell/HeaderGlobalAction.js +2 -2
- package/lib/components/UIShell/HeaderMenu.js +3 -4
- package/lib/components/UIShell/HeaderMenuItem.js +1 -2
- package/lib/components/UIShell/HeaderPanel.js +1 -2
- package/lib/components/UIShell/HeaderSideNavItems.js +1 -2
- package/lib/components/UIShell/Link.js +1 -2
- package/lib/components/UIShell/SideNav.js +1 -2
- package/lib/components/UIShell/SideNavDetails.js +1 -2
- package/lib/components/UIShell/SideNavHeader.js +1 -2
- package/lib/components/UIShell/SideNavItems.js +1 -2
- package/lib/components/UIShell/SideNavLink.js +1 -2
- package/lib/components/UIShell/SideNavMenu.js +2 -2
- package/lib/components/UIShell/SideNavMenuItem.js +1 -2
- package/lib/components/UIShell/SideNavSwitcher.js +1 -2
- package/lib/components/UIShell/Switcher.js +1 -2
- package/lib/components/UIShell/SwitcherDivider.js +1 -2
- package/lib/components/UIShell/SwitcherItem.js +1 -2
- package/lib/components/UnorderedList/UnorderedList.js +1 -2
- package/lib/index.js +208 -200
- package/lib/internal/OptimizedResize.js +1 -3
- package/lib/internal/useId.js +5 -2
- package/lib/internal/useIdPrefix.js +24 -0
- package/lib/internal/useIsomorphicEffect.js +1 -2
- package/lib/tools/mergeRefs.js +1 -3
- package/lib/tools/wrapComponent.js +1 -3
- package/package.json +10 -10
- package/es/components/StructuredList/index.js +0 -43
- package/es/components/StructuredList/next/StructuredList.js +0 -342
- package/es/components/TimePicker/index.js +0 -15
- package/es/components/TimePicker/next/TimePicker.js +0 -218
- package/es/internal/ComponentToggle.js +0 -42
- package/lib/components/StructuredList/index.js +0 -52
- package/lib/components/StructuredList/next/StructuredList.js +0 -357
- package/lib/components/TimePicker/index.js +0 -39
- package/lib/components/TimePicker/next/TimePicker.js +0 -228
- package/lib/internal/ComponentToggle.js +0 -50
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2022
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import PropTypes from 'prop-types';
|
|
10
|
-
import React__default from 'react';
|
|
11
|
-
import cx from 'classnames';
|
|
12
|
-
import { usePrefix } from '../../../internal/usePrefix.js';
|
|
13
|
-
import deprecate from '../../../prop-types/deprecate.js';
|
|
14
|
-
|
|
15
|
-
var _excluded = ["children", "className", "disabled", "hideLabel", "id", "invalidText", "invalid", "labelText", "light", "maxLength", "onChange", "onClick", "onBlur", "pattern", "placeholder", "size", "type", "value"];
|
|
16
|
-
var TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_ref, ref) {
|
|
17
|
-
var _cx2, _cx3;
|
|
18
|
-
|
|
19
|
-
var children = _ref.children,
|
|
20
|
-
className = _ref.className,
|
|
21
|
-
_ref$disabled = _ref.disabled,
|
|
22
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
23
|
-
hideLabel = _ref.hideLabel,
|
|
24
|
-
id = _ref.id,
|
|
25
|
-
_ref$invalidText = _ref.invalidText,
|
|
26
|
-
invalidText = _ref$invalidText === void 0 ? 'Invalid time format.' : _ref$invalidText,
|
|
27
|
-
_ref$invalid = _ref.invalid,
|
|
28
|
-
invalid = _ref$invalid === void 0 ? false : _ref$invalid,
|
|
29
|
-
labelText = _ref.labelText,
|
|
30
|
-
_ref$light = _ref.light,
|
|
31
|
-
light = _ref$light === void 0 ? false : _ref$light,
|
|
32
|
-
_ref$maxLength = _ref.maxLength,
|
|
33
|
-
maxLength = _ref$maxLength === void 0 ? 5 : _ref$maxLength,
|
|
34
|
-
_ref$onChange = _ref.onChange,
|
|
35
|
-
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
36
|
-
_ref$onClick = _ref.onClick,
|
|
37
|
-
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
38
|
-
_ref$onBlur = _ref.onBlur,
|
|
39
|
-
onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
|
|
40
|
-
_ref$pattern = _ref.pattern,
|
|
41
|
-
pattern = _ref$pattern === void 0 ? '(1[012]|[1-9]):[0-5][0-9](\\s)?' : _ref$pattern,
|
|
42
|
-
_ref$placeholder = _ref.placeholder,
|
|
43
|
-
placeholder = _ref$placeholder === void 0 ? 'hh:mm' : _ref$placeholder,
|
|
44
|
-
_ref$size = _ref.size,
|
|
45
|
-
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
46
|
-
_ref$type = _ref.type,
|
|
47
|
-
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
48
|
-
value = _ref.value,
|
|
49
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
50
|
-
|
|
51
|
-
var prefix = usePrefix();
|
|
52
|
-
|
|
53
|
-
var _React$useState = React__default.useState(value),
|
|
54
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
55
|
-
isValue = _React$useState2[0],
|
|
56
|
-
setValue = _React$useState2[1];
|
|
57
|
-
|
|
58
|
-
var _React$useState3 = React__default.useState(value),
|
|
59
|
-
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
60
|
-
prevValue = _React$useState4[0],
|
|
61
|
-
setPrevValue = _React$useState4[1];
|
|
62
|
-
|
|
63
|
-
if (value !== prevValue) {
|
|
64
|
-
setValue(value);
|
|
65
|
-
setPrevValue(value);
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
function handleOnClick(evt) {
|
|
69
|
-
if (!disabled) {
|
|
70
|
-
setValue(isValue);
|
|
71
|
-
onClick(evt);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
function handleOnChange(evt) {
|
|
76
|
-
if (!disabled) {
|
|
77
|
-
setValue(isValue);
|
|
78
|
-
onChange(evt);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
function handleOnBlur(evt) {
|
|
83
|
-
if (!disabled) {
|
|
84
|
-
setValue(isValue);
|
|
85
|
-
onBlur(evt);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
var timePickerInputClasses = cx("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [className], _defineProperty({}, "".concat(prefix, "--text-input--light"), light));
|
|
90
|
-
var timePickerClasses = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--time-picker"), true), _defineProperty(_cx2, "".concat(prefix, "--time-picker--light"), light), _defineProperty(_cx2, "".concat(prefix, "--time-picker--invalid"), invalid), _defineProperty(_cx2, "".concat(prefix, "--time-picker--").concat(size), size), _defineProperty(_cx2, className, className), _cx2));
|
|
91
|
-
var labelClasses = cx("".concat(prefix, "--label"), (_cx3 = {}, _defineProperty(_cx3, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_cx3, "".concat(prefix, "--label--disabled"), disabled), _cx3));
|
|
92
|
-
var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
|
|
93
|
-
htmlFor: id,
|
|
94
|
-
className: labelClasses
|
|
95
|
-
}, labelText) : null;
|
|
96
|
-
var error = invalid ? /*#__PURE__*/React__default.createElement("div", {
|
|
97
|
-
className: "".concat(prefix, "--form-requirement")
|
|
98
|
-
}, invalidText) : null;
|
|
99
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
100
|
-
className: cx("".concat(prefix, "--form-item"), className)
|
|
101
|
-
}, label, /*#__PURE__*/React__default.createElement("div", {
|
|
102
|
-
className: timePickerClasses
|
|
103
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
104
|
-
className: "".concat(prefix, "--time-picker__input")
|
|
105
|
-
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
106
|
-
className: timePickerInputClasses,
|
|
107
|
-
"data-invalid": invalid ? invalid : undefined,
|
|
108
|
-
disabled: disabled,
|
|
109
|
-
id: id,
|
|
110
|
-
maxLength: maxLength,
|
|
111
|
-
onClick: handleOnClick,
|
|
112
|
-
onChange: handleOnChange,
|
|
113
|
-
onBlur: handleOnBlur,
|
|
114
|
-
placeholder: placeholder,
|
|
115
|
-
pattern: pattern,
|
|
116
|
-
ref: ref,
|
|
117
|
-
type: type,
|
|
118
|
-
value: value
|
|
119
|
-
}, rest))), children), error);
|
|
120
|
-
});
|
|
121
|
-
TimePicker.propTypes = {
|
|
122
|
-
/**
|
|
123
|
-
* Pass in the children that will be rendered next to the form control
|
|
124
|
-
*/
|
|
125
|
-
children: PropTypes.node,
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* Specify an optional className to be applied to the container node
|
|
129
|
-
*/
|
|
130
|
-
className: PropTypes.string,
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* Specify whether the `<input>` should be disabled
|
|
134
|
-
*/
|
|
135
|
-
disabled: PropTypes.bool,
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* Specify whether you want the underlying label to be visually hidden
|
|
139
|
-
*/
|
|
140
|
-
hideLabel: PropTypes.bool,
|
|
141
|
-
|
|
142
|
-
/**
|
|
143
|
-
* Specify a custom `id` for the `<input>`
|
|
144
|
-
*/
|
|
145
|
-
id: PropTypes.string.isRequired,
|
|
146
|
-
|
|
147
|
-
/**
|
|
148
|
-
* Specify whether the control is currently invalid
|
|
149
|
-
*/
|
|
150
|
-
invalid: PropTypes.bool,
|
|
151
|
-
|
|
152
|
-
/**
|
|
153
|
-
* Provide the text that is displayed when the control is in an invalid state
|
|
154
|
-
*/
|
|
155
|
-
invalidText: PropTypes.node,
|
|
156
|
-
|
|
157
|
-
/**
|
|
158
|
-
* Provide the text that will be read by a screen reader when visiting this
|
|
159
|
-
* control
|
|
160
|
-
*/
|
|
161
|
-
labelText: PropTypes.node,
|
|
162
|
-
|
|
163
|
-
/**
|
|
164
|
-
* The `light` prop for `TimePicker` has been deprecated. It will be removed in v12. Use the `Layer` component instead.
|
|
165
|
-
*/
|
|
166
|
-
light: deprecate(PropTypes.bool, 'The `light` prop for `TimePicker` is no longer needed and has been deprecated. It will be removed in the next major release. Use the `Layer` component instead.'),
|
|
167
|
-
|
|
168
|
-
/**
|
|
169
|
-
* Specify the maximum length of the time string in `<input>`
|
|
170
|
-
*/
|
|
171
|
-
maxLength: PropTypes.number,
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* Optionally provide an `onBlur` handler that is called whenever the
|
|
175
|
-
* `<input>` loses focus
|
|
176
|
-
*/
|
|
177
|
-
onBlur: PropTypes.func,
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* Optionally provide an `onChange` handler that is called whenever `<input>`
|
|
181
|
-
* is updated
|
|
182
|
-
*/
|
|
183
|
-
onChange: PropTypes.func,
|
|
184
|
-
|
|
185
|
-
/**
|
|
186
|
-
* Optionally provide an `onClick` handler that is called whenever the
|
|
187
|
-
* `<input>` is clicked
|
|
188
|
-
*/
|
|
189
|
-
onClick: PropTypes.func,
|
|
190
|
-
|
|
191
|
-
/**
|
|
192
|
-
* Specify the regular expression working as the pattern of the time string in `<input>`
|
|
193
|
-
*/
|
|
194
|
-
pattern: PropTypes.string,
|
|
195
|
-
|
|
196
|
-
/**
|
|
197
|
-
* Specify the placeholder attribute for the `<input>`
|
|
198
|
-
*/
|
|
199
|
-
placeholder: PropTypes.string,
|
|
200
|
-
|
|
201
|
-
/**
|
|
202
|
-
* Specify the size of the Time Picker.
|
|
203
|
-
*/
|
|
204
|
-
size: PropTypes.oneOf(['sm', 'md', 'lg']),
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Specify the type of the `<input>`
|
|
208
|
-
*/
|
|
209
|
-
type: PropTypes.string,
|
|
210
|
-
|
|
211
|
-
/**
|
|
212
|
-
* Specify the value of the `<input>`
|
|
213
|
-
*/
|
|
214
|
-
value: PropTypes.string
|
|
215
|
-
};
|
|
216
|
-
var TimePickerNext = TimePicker;
|
|
217
|
-
|
|
218
|
-
export { TimePickerNext as default };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2022
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import React__default from 'react';
|
|
10
|
-
import { useFeatureFlag } from '../components/FeatureFlags/index.js';
|
|
11
|
-
|
|
12
|
-
function createComponentToggle(spec) {
|
|
13
|
-
var name = spec.name,
|
|
14
|
-
_spec$flag = spec.flag,
|
|
15
|
-
flag = _spec$flag === void 0 ? 'enable-v11-release' : _spec$flag,
|
|
16
|
-
next = spec.next,
|
|
17
|
-
classic = spec.classic;
|
|
18
|
-
|
|
19
|
-
function ComponentToggle(props, ref) {
|
|
20
|
-
var enabled = useFeatureFlag(flag);
|
|
21
|
-
|
|
22
|
-
if (enabled) {
|
|
23
|
-
if (next) {
|
|
24
|
-
return /*#__PURE__*/React__default.createElement(next, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
25
|
-
ref: ref
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
return null;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return /*#__PURE__*/React__default.createElement(classic, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
33
|
-
ref: ref
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
var wrappedComponent = /*#__PURE__*/React__default.forwardRef(ComponentToggle);
|
|
38
|
-
wrappedComponent.displayName = "FeatureToggle(".concat(name, ")");
|
|
39
|
-
return wrappedComponent;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
export { createComponentToggle };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2022
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
|
-
var StructuredList = require('./next/StructuredList.js');
|
|
13
|
-
var StructuredList$1 = require('./StructuredList.js');
|
|
14
|
-
var ComponentToggle = require('../../internal/ComponentToggle.js');
|
|
15
|
-
|
|
16
|
-
var StructuredListWrapper = ComponentToggle.createComponentToggle({
|
|
17
|
-
name: 'StructuredListWrapper',
|
|
18
|
-
next: StructuredList.StructuredListWrapper,
|
|
19
|
-
classic: StructuredList$1.StructuredListWrapper
|
|
20
|
-
});
|
|
21
|
-
var StructuredListHead = ComponentToggle.createComponentToggle({
|
|
22
|
-
name: 'StructuredListHead',
|
|
23
|
-
next: StructuredList.StructuredListHead,
|
|
24
|
-
classic: StructuredList$1.StructuredListHead
|
|
25
|
-
});
|
|
26
|
-
var StructuredListInput = ComponentToggle.createComponentToggle({
|
|
27
|
-
name: 'StructuredListInput',
|
|
28
|
-
next: StructuredList.StructuredListInput,
|
|
29
|
-
classic: StructuredList$1.StructuredListInput
|
|
30
|
-
});
|
|
31
|
-
var StructuredListBody = ComponentToggle.createComponentToggle({
|
|
32
|
-
name: 'StructuredListBody',
|
|
33
|
-
next: StructuredList.StructuredListBody,
|
|
34
|
-
classic: StructuredList$1.StructuredListBody
|
|
35
|
-
});
|
|
36
|
-
var StructuredListRow = ComponentToggle.createComponentToggle({
|
|
37
|
-
name: 'StructuredListRow',
|
|
38
|
-
next: StructuredList.StructuredListRow,
|
|
39
|
-
classic: StructuredList$1.StructuredListRow
|
|
40
|
-
});
|
|
41
|
-
var StructuredListCell = ComponentToggle.createComponentToggle({
|
|
42
|
-
name: 'StructuredListCell',
|
|
43
|
-
next: StructuredList.StructuredListCell,
|
|
44
|
-
classic: StructuredList$1.StructuredListCell
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
exports.StructuredListBody = StructuredListBody;
|
|
48
|
-
exports.StructuredListCell = StructuredListCell;
|
|
49
|
-
exports.StructuredListHead = StructuredListHead;
|
|
50
|
-
exports.StructuredListInput = StructuredListInput;
|
|
51
|
-
exports.StructuredListRow = StructuredListRow;
|
|
52
|
-
exports.StructuredListWrapper = StructuredListWrapper;
|
|
@@ -1,357 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2022
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
|
-
var React = require('react');
|
|
14
|
-
var PropTypes = require('prop-types');
|
|
15
|
-
var cx = require('classnames');
|
|
16
|
-
var useId = require('../../../internal/useId.js');
|
|
17
|
-
var deprecate = require('../../../prop-types/deprecate.js');
|
|
18
|
-
var usePrefix = require('../../../internal/usePrefix.js');
|
|
19
|
-
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
|
|
26
|
-
var _excluded = ["children", "selection", "className", "ariaLabel", "isCondensed", "isFlush"],
|
|
27
|
-
_excluded2 = ["children", "className"],
|
|
28
|
-
_excluded3 = ["children", "className"],
|
|
29
|
-
_excluded4 = ["onKeyDown", "children", "className", "head"],
|
|
30
|
-
_excluded5 = ["className", "name", "title", "id"],
|
|
31
|
-
_excluded6 = ["children", "className", "head", "noWrap"];
|
|
32
|
-
var GridSelectedRowStateContext = /*#__PURE__*/React__default["default"].createContext(null);
|
|
33
|
-
var GridSelectedRowDispatchContext = /*#__PURE__*/React__default["default"].createContext(null);
|
|
34
|
-
function StructuredListWrapper(props) {
|
|
35
|
-
var _classNames;
|
|
36
|
-
|
|
37
|
-
var children = props.children,
|
|
38
|
-
selection = props.selection,
|
|
39
|
-
className = props.className,
|
|
40
|
-
ariaLabel = props.ariaLabel,
|
|
41
|
-
isCondensed = props.isCondensed,
|
|
42
|
-
isFlush = props.isFlush,
|
|
43
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
44
|
-
|
|
45
|
-
var prefix = usePrefix.usePrefix();
|
|
46
|
-
var classes = cx__default["default"]("".concat(prefix, "--structured-list"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--selection"), selection), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--condensed"), isCondensed), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--flush"), isFlush), _classNames));
|
|
47
|
-
|
|
48
|
-
var _React$useState = React__default["default"].useState(null),
|
|
49
|
-
_React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
|
|
50
|
-
selectedRow = _React$useState2[0],
|
|
51
|
-
setSelectedRow = _React$useState2[1];
|
|
52
|
-
|
|
53
|
-
return /*#__PURE__*/React__default["default"].createElement(GridSelectedRowStateContext.Provider, {
|
|
54
|
-
value: selectedRow
|
|
55
|
-
}, /*#__PURE__*/React__default["default"].createElement(GridSelectedRowDispatchContext.Provider, {
|
|
56
|
-
value: setSelectedRow
|
|
57
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
|
|
58
|
-
role: "table",
|
|
59
|
-
className: classes
|
|
60
|
-
}, other, {
|
|
61
|
-
"aria-label": ariaLabel
|
|
62
|
-
}), children)));
|
|
63
|
-
}
|
|
64
|
-
StructuredListWrapper.propTypes = {
|
|
65
|
-
/**
|
|
66
|
-
* Specify a label to be read by screen readers on the container node
|
|
67
|
-
*/
|
|
68
|
-
ariaLabel: PropTypes__default["default"].string,
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Provide the contents of your StructuredListWrapper
|
|
72
|
-
*/
|
|
73
|
-
children: PropTypes__default["default"].node,
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* Specify an optional className to be applied to the container node
|
|
77
|
-
*/
|
|
78
|
-
className: PropTypes__default["default"].string,
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Specify if structured list is condensed, default is false
|
|
82
|
-
*/
|
|
83
|
-
isCondensed: PropTypes__default["default"].bool,
|
|
84
|
-
|
|
85
|
-
/**
|
|
86
|
-
* Specify if structured list is flush, default is false
|
|
87
|
-
*/
|
|
88
|
-
isFlush: PropTypes__default["default"].bool,
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* Specify whether your StructuredListWrapper should have selections
|
|
92
|
-
*/
|
|
93
|
-
selection: PropTypes__default["default"].bool
|
|
94
|
-
};
|
|
95
|
-
StructuredListWrapper.defaultProps = {
|
|
96
|
-
selection: false,
|
|
97
|
-
isCondensed: false,
|
|
98
|
-
isFlush: false,
|
|
99
|
-
ariaLabel: 'Structured list section'
|
|
100
|
-
};
|
|
101
|
-
function StructuredListHead(props) {
|
|
102
|
-
var children = props.children,
|
|
103
|
-
className = props.className,
|
|
104
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
|
|
105
|
-
|
|
106
|
-
var prefix = usePrefix.usePrefix();
|
|
107
|
-
var classes = cx__default["default"]("".concat(prefix, "--structured-list-thead"), className);
|
|
108
|
-
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
|
|
109
|
-
role: "rowgroup",
|
|
110
|
-
className: classes
|
|
111
|
-
}, other), children);
|
|
112
|
-
}
|
|
113
|
-
StructuredListHead.propTypes = {
|
|
114
|
-
/**
|
|
115
|
-
* Provide the contents of your StructuredListHead
|
|
116
|
-
*/
|
|
117
|
-
children: PropTypes__default["default"].node,
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* Specify an optional className to be applied to the node
|
|
121
|
-
*/
|
|
122
|
-
className: PropTypes__default["default"].string
|
|
123
|
-
};
|
|
124
|
-
function StructuredListBody(props) {
|
|
125
|
-
var children = props.children,
|
|
126
|
-
className = props.className,
|
|
127
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
|
|
128
|
-
|
|
129
|
-
var prefix = usePrefix.usePrefix();
|
|
130
|
-
var classes = cx__default["default"]("".concat(prefix, "--structured-list-tbody"), className);
|
|
131
|
-
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
|
|
132
|
-
className: classes,
|
|
133
|
-
role: "rowgroup"
|
|
134
|
-
}, other), children);
|
|
135
|
-
}
|
|
136
|
-
StructuredListBody.propTypes = {
|
|
137
|
-
/**
|
|
138
|
-
* Provide the contents of your StructuredListBody
|
|
139
|
-
*/
|
|
140
|
-
children: PropTypes__default["default"].node,
|
|
141
|
-
|
|
142
|
-
/**
|
|
143
|
-
* Specify an optional className to be applied to the container node
|
|
144
|
-
*/
|
|
145
|
-
className: PropTypes__default["default"].string,
|
|
146
|
-
head: PropTypes__default["default"].bool,
|
|
147
|
-
|
|
148
|
-
/**
|
|
149
|
-
* Provide a handler that is invoked on the key down event for the control
|
|
150
|
-
*/
|
|
151
|
-
onKeyDown: PropTypes__default["default"].func
|
|
152
|
-
};
|
|
153
|
-
StructuredListBody.defaultProps = {
|
|
154
|
-
onKeyDown: function onKeyDown() {}
|
|
155
|
-
};
|
|
156
|
-
var GridRowContext = /*#__PURE__*/React__default["default"].createContext(null);
|
|
157
|
-
function StructuredListRow(props) {
|
|
158
|
-
var _classNames2;
|
|
159
|
-
|
|
160
|
-
var onKeyDown = props.onKeyDown,
|
|
161
|
-
children = props.children,
|
|
162
|
-
className = props.className,
|
|
163
|
-
head = props.head,
|
|
164
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
|
|
165
|
-
|
|
166
|
-
var _useState = React.useState(false),
|
|
167
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
168
|
-
hasFocusWithin = _useState2[0],
|
|
169
|
-
setHasFocusWithin = _useState2[1];
|
|
170
|
-
|
|
171
|
-
var id = useId.useId('grid-input');
|
|
172
|
-
var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
|
|
173
|
-
var prefix = usePrefix.usePrefix();
|
|
174
|
-
var value = {
|
|
175
|
-
id: id
|
|
176
|
-
};
|
|
177
|
-
var classes = cx__default["default"]("".concat(prefix, "--structured-list-row"), className, (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--header-row"), head), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--focused-within"), hasFocusWithin), _classNames2));
|
|
178
|
-
return head ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
|
|
179
|
-
role: "row"
|
|
180
|
-
}, other, {
|
|
181
|
-
className: classes
|
|
182
|
-
}), children) :
|
|
183
|
-
/*#__PURE__*/
|
|
184
|
-
// eslint-disable-next-line jsx-a11y/interactive-supports-focus
|
|
185
|
-
React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
|
|
186
|
-
role: "row",
|
|
187
|
-
className: classes,
|
|
188
|
-
onClick: function onClick() {
|
|
189
|
-
return setSelectedRow(id);
|
|
190
|
-
},
|
|
191
|
-
onFocus: function onFocus() {
|
|
192
|
-
setHasFocusWithin(true);
|
|
193
|
-
},
|
|
194
|
-
onBlur: function onBlur() {
|
|
195
|
-
setHasFocusWithin(false);
|
|
196
|
-
},
|
|
197
|
-
onKeyDown: onKeyDown
|
|
198
|
-
}), /*#__PURE__*/React__default["default"].createElement(GridRowContext.Provider, {
|
|
199
|
-
value: value
|
|
200
|
-
}, children));
|
|
201
|
-
}
|
|
202
|
-
StructuredListRow.propTypes = {
|
|
203
|
-
/**
|
|
204
|
-
* Provide the contents of your StructuredListRow
|
|
205
|
-
*/
|
|
206
|
-
children: PropTypes__default["default"].node,
|
|
207
|
-
|
|
208
|
-
/**
|
|
209
|
-
* Specify an optional className to be applied to the container node
|
|
210
|
-
*/
|
|
211
|
-
className: PropTypes__default["default"].string,
|
|
212
|
-
|
|
213
|
-
/**
|
|
214
|
-
* Specify whether your StructuredListRow should be used as a header row
|
|
215
|
-
*/
|
|
216
|
-
head: PropTypes__default["default"].bool,
|
|
217
|
-
|
|
218
|
-
/**
|
|
219
|
-
* Specify whether a `<label>` should be used
|
|
220
|
-
*/
|
|
221
|
-
label: deprecate["default"](PropTypes__default["default"].bool, "\nThe `label` prop is no longer needed and will be removed in the next major version of Carbon."),
|
|
222
|
-
|
|
223
|
-
/**
|
|
224
|
-
* Provide a handler that is invoked on the key down event for the control,
|
|
225
|
-
*/
|
|
226
|
-
onKeyDown: PropTypes__default["default"].func
|
|
227
|
-
};
|
|
228
|
-
StructuredListRow.defaultProps = {
|
|
229
|
-
head: false,
|
|
230
|
-
onKeyDown: function onKeyDown() {}
|
|
231
|
-
};
|
|
232
|
-
function StructuredListInput(props) {
|
|
233
|
-
var _row$id;
|
|
234
|
-
|
|
235
|
-
var defaultId = useId.useId('structureListInput');
|
|
236
|
-
|
|
237
|
-
var className = props.className,
|
|
238
|
-
_props$name = props.name,
|
|
239
|
-
name = _props$name === void 0 ? "structured-list-input-".concat(defaultId) : _props$name,
|
|
240
|
-
title = props.title,
|
|
241
|
-
id = props.id,
|
|
242
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded5);
|
|
243
|
-
|
|
244
|
-
var prefix = usePrefix.usePrefix();
|
|
245
|
-
var classes = cx__default["default"]("".concat(prefix, "--structured-list-input"), "".concat(prefix, "--visually-hidden"), className);
|
|
246
|
-
var row = React__default["default"].useContext(GridRowContext);
|
|
247
|
-
var selectedRow = React__default["default"].useContext(GridSelectedRowStateContext);
|
|
248
|
-
var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
|
|
249
|
-
return /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
|
|
250
|
-
type: "radio",
|
|
251
|
-
tabIndex: 0,
|
|
252
|
-
checked: row && row.id === selectedRow,
|
|
253
|
-
value: (_row$id = row === null || row === void 0 ? void 0 : row.id) !== null && _row$id !== void 0 ? _row$id : '',
|
|
254
|
-
onChange: function onChange(event) {
|
|
255
|
-
setSelectedRow(event.target.value);
|
|
256
|
-
},
|
|
257
|
-
id: id !== null && id !== void 0 ? id : defaultId,
|
|
258
|
-
className: classes,
|
|
259
|
-
name: name,
|
|
260
|
-
title: title
|
|
261
|
-
}));
|
|
262
|
-
}
|
|
263
|
-
StructuredListInput.propTypes = {
|
|
264
|
-
/**
|
|
265
|
-
* Specify an optional className to be applied to the input
|
|
266
|
-
*/
|
|
267
|
-
className: PropTypes__default["default"].string,
|
|
268
|
-
|
|
269
|
-
/**
|
|
270
|
-
* Specify whether the underlying input should be checked by default
|
|
271
|
-
*/
|
|
272
|
-
defaultChecked: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `defaultChecked` is no longer needed and will be removed in the next major version of Carbon."),
|
|
273
|
-
|
|
274
|
-
/**
|
|
275
|
-
* Specify a custom `id` for the input
|
|
276
|
-
*/
|
|
277
|
-
id: PropTypes__default["default"].string,
|
|
278
|
-
|
|
279
|
-
/**
|
|
280
|
-
* Provide a `name` for the input
|
|
281
|
-
*/
|
|
282
|
-
name: PropTypes__default["default"].string,
|
|
283
|
-
|
|
284
|
-
/**
|
|
285
|
-
* Provide an optional hook that is called each time the input is updated
|
|
286
|
-
*/
|
|
287
|
-
onChange: deprecate["default"](PropTypes__default["default"].func, "\nThe prop `onChange` will be removed in the next major version of Carbon."),
|
|
288
|
-
|
|
289
|
-
/**
|
|
290
|
-
* Provide a `title` for the input
|
|
291
|
-
*/
|
|
292
|
-
title: PropTypes__default["default"].string,
|
|
293
|
-
|
|
294
|
-
/**
|
|
295
|
-
* Specify the value of the input
|
|
296
|
-
*/
|
|
297
|
-
value: deprecate["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, "\nThe prop `value` will be removed in the next major version of Carbon.")
|
|
298
|
-
};
|
|
299
|
-
StructuredListInput.defaultProps = {
|
|
300
|
-
title: 'title'
|
|
301
|
-
};
|
|
302
|
-
function StructuredListCell(props) {
|
|
303
|
-
var _classNames3;
|
|
304
|
-
|
|
305
|
-
var children = props.children,
|
|
306
|
-
className = props.className,
|
|
307
|
-
head = props.head,
|
|
308
|
-
noWrap = props.noWrap,
|
|
309
|
-
other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded6);
|
|
310
|
-
|
|
311
|
-
var prefix = usePrefix.usePrefix();
|
|
312
|
-
var classes = cx__default["default"](className, (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-th"), head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-td"), !head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-content--nowrap"), noWrap), _classNames3));
|
|
313
|
-
|
|
314
|
-
if (head) {
|
|
315
|
-
return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
|
|
316
|
-
className: classes,
|
|
317
|
-
role: "columnheader"
|
|
318
|
-
}, other), children);
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
|
|
322
|
-
className: classes,
|
|
323
|
-
role: "cell"
|
|
324
|
-
}, other), children);
|
|
325
|
-
}
|
|
326
|
-
StructuredListCell.propTypes = {
|
|
327
|
-
/**
|
|
328
|
-
* Provide the contents of your StructuredListCell
|
|
329
|
-
*/
|
|
330
|
-
children: PropTypes__default["default"].node,
|
|
331
|
-
|
|
332
|
-
/**
|
|
333
|
-
* Specify an optional className to be applied to the container node
|
|
334
|
-
*/
|
|
335
|
-
className: PropTypes__default["default"].string,
|
|
336
|
-
|
|
337
|
-
/**
|
|
338
|
-
* Specify whether your StructuredListCell should be used as a header cell
|
|
339
|
-
*/
|
|
340
|
-
head: PropTypes__default["default"].bool,
|
|
341
|
-
|
|
342
|
-
/**
|
|
343
|
-
* Specify whether your StructuredListCell should have text wrapping
|
|
344
|
-
*/
|
|
345
|
-
noWrap: PropTypes__default["default"].bool
|
|
346
|
-
};
|
|
347
|
-
StructuredListCell.defaultProps = {
|
|
348
|
-
head: false,
|
|
349
|
-
noWrap: false
|
|
350
|
-
};
|
|
351
|
-
|
|
352
|
-
exports.StructuredListBody = StructuredListBody;
|
|
353
|
-
exports.StructuredListCell = StructuredListCell;
|
|
354
|
-
exports.StructuredListHead = StructuredListHead;
|
|
355
|
-
exports.StructuredListInput = StructuredListInput;
|
|
356
|
-
exports.StructuredListRow = StructuredListRow;
|
|
357
|
-
exports.StructuredListWrapper = StructuredListWrapper;
|