@neo4j-ndl/react 2.16.26 → 3.0.0-alpha-4904fb7
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/lib/cjs/_common/CodeBlockWrapper.js +10 -8
- package/lib/cjs/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/cjs/_common/ConditionalWrap.js +1 -1
- package/lib/cjs/_common/ConditionalWrap.js.map +1 -1
- package/lib/cjs/_common/coditionalWrap.js +1 -1
- package/lib/cjs/_common/coditionalWrap.js.map +1 -1
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js +6 -20
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/cjs/_common/messages.js +1 -2
- package/lib/cjs/_common/messages.js.map +1 -1
- package/lib/cjs/{helpers → _common}/types.js +1 -2
- package/lib/cjs/_common/types.js.map +1 -0
- package/lib/cjs/accordion/Accordion.js +24 -24
- package/lib/cjs/accordion/Accordion.js.map +1 -1
- package/lib/cjs/avatar/Avatar.js +7 -17
- package/lib/cjs/avatar/Avatar.js.map +1 -1
- package/lib/cjs/banner/Banner.js +30 -25
- package/lib/cjs/banner/Banner.js.map +1 -1
- package/lib/cjs/breadcrumbs/Breadcrumbs.js +60 -90
- package/lib/cjs/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/lib/cjs/button/Button.js +17 -33
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/IconButton.js +13 -21
- package/lib/cjs/button/IconButton.js.map +1 -1
- package/lib/cjs/button/IconButtonArray.js +43 -22
- package/lib/cjs/button/IconButtonArray.js.map +1 -1
- package/lib/cjs/callout/Callout.js +2 -14
- package/lib/cjs/callout/Callout.js.map +1 -1
- package/lib/cjs/charts/Axis.js +216 -0
- package/lib/cjs/charts/Axis.js.map +1 -0
- package/lib/cjs/charts/CartesianGrid.js +73 -0
- package/lib/cjs/charts/CartesianGrid.js.map +1 -0
- package/lib/cjs/charts/Chart.js +538 -0
- package/lib/cjs/charts/Chart.js.map +1 -0
- package/lib/cjs/charts/ChartTooltip.js +56 -0
- package/lib/cjs/charts/ChartTooltip.js.map +1 -0
- package/lib/cjs/charts/Charts.js +99 -0
- package/lib/cjs/charts/Charts.js.map +1 -0
- package/lib/cjs/charts/Dot.js +31 -0
- package/lib/cjs/charts/Dot.js.map +1 -0
- package/lib/cjs/charts/Legend.js +180 -0
- package/lib/cjs/charts/Legend.js.map +1 -0
- package/lib/cjs/charts/Line.js +101 -0
- package/lib/cjs/charts/Line.js.map +1 -0
- package/lib/cjs/{code-block → charts}/index.js +1 -1
- package/lib/cjs/charts/index.js.map +1 -0
- package/lib/cjs/{table/TableContext.js → charts/utils.js} +18 -14
- package/lib/cjs/charts/utils.js.map +1 -0
- package/lib/cjs/checkbox/Checkbox.js +2 -14
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/clipboard-copier/ClipboardButton.js +16 -20
- package/lib/cjs/clipboard-copier/ClipboardButton.js.map +1 -1
- package/lib/cjs/code/Code.js +179 -0
- package/lib/cjs/code/Code.js.map +1 -0
- package/lib/cjs/{cypher-code-block → code}/index.js +1 -1
- package/lib/cjs/code/index.js.map +1 -0
- package/lib/cjs/code/languages.js +49 -0
- package/lib/cjs/code/languages.js.map +1 -0
- package/lib/cjs/context-menu/ContextMenu.js +202 -319
- package/lib/cjs/context-menu/ContextMenu.js.map +1 -1
- package/lib/cjs/data-grid/Components.js +73 -44
- package/lib/cjs/data-grid/Components.js.map +1 -1
- package/lib/cjs/data-grid/DataGrid.js +6 -6
- package/lib/cjs/data-grid/DataGrid.js.map +1 -1
- package/lib/cjs/data-grid/illustrations/NoData.js +27 -0
- package/lib/cjs/data-grid/illustrations/NoData.js.map +1 -0
- package/lib/cjs/date-picker/DatePicker.js +33 -10
- package/lib/cjs/date-picker/DatePicker.js.map +1 -1
- package/lib/cjs/dialog/Dialog.js +21 -35
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/divider/Divider.js +2 -14
- package/lib/cjs/divider/Divider.js.map +1 -1
- package/lib/cjs/drawer/Drawer.js +10 -8
- package/lib/cjs/drawer/Drawer.js.map +1 -1
- package/lib/cjs/dropdown/Dropdown.js +18 -34
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js +6 -2
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/cjs/dropdown-button/DropdownButton.js +2 -21
- package/lib/cjs/dropdown-button/DropdownButton.js.map +1 -1
- package/lib/{types/context-menu/SafeArea.d.ts → cjs/dropdown-button/avatar-test.stories.tsx.js} +10 -18
- package/lib/cjs/dropdown-button/avatar-test.stories.tsx.js.map +1 -0
- package/lib/cjs/dropzone/Dropzone.js +4 -15
- package/lib/cjs/dropzone/Dropzone.js.map +1 -1
- package/lib/cjs/graph-label/GraphLabel.js +33 -34
- package/lib/cjs/graph-label/GraphLabel.js.map +1 -1
- package/lib/cjs/helpers/index.js +0 -1
- package/lib/cjs/helpers/index.js.map +1 -1
- package/lib/cjs/hooks/index.js +5 -3
- package/lib/cjs/hooks/index.js.map +1 -1
- package/lib/cjs/icons/generated/heroIcons.js +917 -596
- package/lib/cjs/icons/generated/heroIcons.js.map +1 -1
- package/lib/cjs/index.js +3 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/inline-edit/InlineEdit.js +12 -7
- package/lib/cjs/inline-edit/InlineEdit.js.map +1 -1
- package/lib/cjs/label/Label.js +4 -16
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/layout/Box.js +4 -16
- package/lib/cjs/layout/Box.js.map +1 -1
- package/lib/cjs/layout/Flex.js +4 -16
- package/lib/cjs/layout/Flex.js.map +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js +2 -13
- package/lib/cjs/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/cjs/modal/Modal.js +2 -2
- package/lib/cjs/modal/Modal.js.map +1 -1
- package/lib/cjs/popover/Popover.js +89 -207
- package/lib/cjs/popover/Popover.js.map +1 -1
- package/lib/cjs/popover/use-popover.js +86 -0
- package/lib/cjs/popover/use-popover.js.map +1 -0
- package/lib/cjs/progress-bar/ProgressBar.js +2 -14
- package/lib/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/lib/cjs/radio/Radio.js +2 -1
- package/lib/cjs/radio/Radio.js.map +1 -1
- package/lib/cjs/segmented-control/SegmentedControl.js +6 -19
- package/lib/cjs/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/cjs/side-navigation/SideNavigation.js +52 -59
- package/lib/cjs/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/slider/Slider.js +5 -6
- package/lib/cjs/slider/Slider.js.map +1 -1
- package/lib/cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/cjs/switch/Switch.js +13 -1
- package/lib/cjs/switch/Switch.js.map +1 -1
- package/lib/cjs/tabs/Tabs.js +11 -27
- package/lib/cjs/tabs/Tabs.js.map +1 -1
- package/lib/cjs/tag/Tag.js +5 -18
- package/lib/cjs/tag/Tag.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +14 -24
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/cjs/text-link/TextLink.js +4 -17
- package/lib/cjs/text-link/TextLink.js.map +1 -1
- package/lib/cjs/textarea/Textarea.js +6 -20
- package/lib/cjs/textarea/Textarea.js.map +1 -1
- package/lib/cjs/toast/Toast.js +2 -3
- package/lib/cjs/toast/Toast.js.map +1 -1
- package/lib/cjs/tooltip/Tooltip.js +125 -0
- package/lib/cjs/tooltip/Tooltip.js.map +1 -0
- package/lib/cjs/{tip → tooltip}/index.js +15 -16
- package/lib/cjs/tooltip/index.js.map +1 -0
- package/lib/cjs/tooltip/use-tooltip.js +78 -0
- package/lib/cjs/tooltip/use-tooltip.js.map +1 -0
- package/lib/cjs/tree-view/TreeView.js +4 -16
- package/lib/cjs/tree-view/TreeView.js.map +1 -1
- package/lib/cjs/tree-view/TreeViewTextItem.js +11 -7
- package/lib/cjs/tree-view/TreeViewTextItem.js.map +1 -1
- package/lib/cjs/typography/Typography.js +4 -4
- package/lib/cjs/typography/Typography.js.map +1 -1
- package/lib/cjs/widget/Widget.js +3 -15
- package/lib/cjs/widget/Widget.js.map +1 -1
- package/lib/cjs/wizard/Wizard.js +106 -80
- package/lib/cjs/wizard/Wizard.js.map +1 -1
- package/lib/esm/_common/CodeBlockWrapper.js +10 -8
- package/lib/esm/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/esm/_common/ConditionalWrap.js +1 -1
- package/lib/esm/_common/ConditionalWrap.js.map +1 -1
- package/lib/esm/_common/coditionalWrap.js +1 -1
- package/lib/esm/_common/coditionalWrap.js.map +1 -1
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js +7 -21
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/esm/_common/messages.js +0 -1
- package/lib/esm/_common/messages.js.map +1 -1
- package/lib/esm/{helpers → _common}/types.js +0 -1
- package/lib/esm/_common/types.js.map +1 -0
- package/lib/esm/accordion/Accordion.js +25 -25
- package/lib/esm/accordion/Accordion.js.map +1 -1
- package/lib/esm/avatar/Avatar.js +7 -17
- package/lib/esm/avatar/Avatar.js.map +1 -1
- package/lib/esm/banner/Banner.js +30 -25
- package/lib/esm/banner/Banner.js.map +1 -1
- package/lib/esm/breadcrumbs/Breadcrumbs.js +39 -92
- package/lib/esm/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/lib/esm/button/Button.js +11 -27
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/button/IconButton.js +13 -21
- package/lib/esm/button/IconButton.js.map +1 -1
- package/lib/esm/button/IconButtonArray.js +43 -22
- package/lib/esm/button/IconButtonArray.js.map +1 -1
- package/lib/esm/callout/Callout.js +2 -14
- package/lib/esm/callout/Callout.js.map +1 -1
- package/lib/esm/charts/Axis.js +187 -0
- package/lib/esm/charts/Axis.js.map +1 -0
- package/lib/esm/charts/CartesianGrid.js +66 -0
- package/lib/esm/charts/CartesianGrid.js.map +1 -0
- package/lib/esm/charts/Chart.js +517 -0
- package/lib/esm/charts/Chart.js.map +1 -0
- package/lib/esm/charts/ChartTooltip.js +50 -0
- package/lib/esm/charts/ChartTooltip.js.map +1 -0
- package/lib/esm/charts/Charts.js +96 -0
- package/lib/esm/charts/Charts.js.map +1 -0
- package/lib/esm/charts/Dot.js +28 -0
- package/lib/esm/charts/Dot.js.map +1 -0
- package/lib/esm/charts/Legend.js +174 -0
- package/lib/esm/charts/Legend.js.map +1 -0
- package/lib/esm/charts/Line.js +75 -0
- package/lib/esm/charts/Line.js.map +1 -0
- package/lib/esm/charts/index.js +22 -0
- package/lib/esm/charts/index.js.map +1 -0
- package/lib/esm/{table/TableContext.js → charts/utils.js} +16 -11
- package/lib/esm/charts/utils.js.map +1 -0
- package/lib/esm/checkbox/Checkbox.js +2 -14
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/clipboard-copier/ClipboardButton.js +16 -20
- package/lib/esm/clipboard-copier/ClipboardButton.js.map +1 -1
- package/lib/esm/code/Code.js +150 -0
- package/lib/esm/code/Code.js.map +1 -0
- package/lib/{types/text-input-preview/index.d.ts → esm/code/index.js} +2 -1
- package/lib/esm/code/index.js.map +1 -0
- package/lib/esm/code/languages.js +46 -0
- package/lib/esm/code/languages.js.map +1 -0
- package/lib/esm/context-menu/ContextMenu.js +198 -295
- package/lib/esm/context-menu/ContextMenu.js.map +1 -1
- package/lib/esm/data-grid/Components.js +69 -43
- package/lib/esm/data-grid/Components.js.map +1 -1
- package/lib/esm/data-grid/DataGrid.js +6 -6
- package/lib/esm/data-grid/DataGrid.js.map +1 -1
- package/lib/esm/data-grid/illustrations/NoData.js +25 -0
- package/lib/esm/data-grid/illustrations/NoData.js.map +1 -0
- package/lib/esm/date-picker/DatePicker.js +33 -10
- package/lib/esm/date-picker/DatePicker.js.map +1 -1
- package/lib/esm/dialog/Dialog.js +21 -35
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/divider/Divider.js +2 -14
- package/lib/esm/divider/Divider.js.map +1 -1
- package/lib/esm/drawer/Drawer.js +11 -9
- package/lib/esm/drawer/Drawer.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +18 -34
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js +6 -2
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/esm/dropdown-button/DropdownButton.js +2 -21
- package/lib/esm/dropdown-button/DropdownButton.js.map +1 -1
- package/lib/esm/dropdown-button/avatar-test.stories.tsx.js +27 -0
- package/lib/esm/dropdown-button/avatar-test.stories.tsx.js.map +1 -0
- package/lib/esm/dropzone/Dropzone.js +4 -15
- package/lib/esm/dropzone/Dropzone.js.map +1 -1
- package/lib/esm/graph-label/GraphLabel.js +33 -34
- package/lib/esm/graph-label/GraphLabel.js.map +1 -1
- package/lib/esm/helpers/index.js +0 -1
- package/lib/esm/helpers/index.js.map +1 -1
- package/lib/esm/hooks/index.js +1 -1
- package/lib/esm/hooks/index.js.map +1 -1
- package/lib/esm/icons/generated/heroIcons.js +904 -584
- package/lib/esm/icons/generated/heroIcons.js.map +1 -1
- package/lib/esm/index.js +3 -5
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/inline-edit/InlineEdit.js +12 -7
- package/lib/esm/inline-edit/InlineEdit.js.map +1 -1
- package/lib/esm/label/Label.js +4 -16
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/layout/Box.js +6 -18
- package/lib/esm/layout/Box.js.map +1 -1
- package/lib/esm/layout/Flex.js +5 -17
- package/lib/esm/layout/Flex.js.map +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js +2 -13
- package/lib/esm/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/esm/modal/Modal.js +2 -2
- package/lib/esm/modal/Modal.js.map +1 -1
- package/lib/esm/popover/Popover.js +64 -204
- package/lib/esm/popover/Popover.js.map +1 -1
- package/lib/esm/popover/use-popover.js +83 -0
- package/lib/esm/popover/use-popover.js.map +1 -0
- package/lib/esm/progress-bar/ProgressBar.js +2 -14
- package/lib/esm/progress-bar/ProgressBar.js.map +1 -1
- package/lib/esm/radio/Radio.js +2 -1
- package/lib/esm/radio/Radio.js.map +1 -1
- package/lib/esm/segmented-control/SegmentedControl.js +7 -20
- package/lib/esm/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/esm/side-navigation/SideNavigation.js +52 -59
- package/lib/esm/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/slider/Slider.js +5 -6
- package/lib/esm/slider/Slider.js.map +1 -1
- package/lib/esm/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/esm/switch/Switch.js +13 -1
- package/lib/esm/switch/Switch.js.map +1 -1
- package/lib/esm/tabs/Tabs.js +12 -28
- package/lib/esm/tabs/Tabs.js.map +1 -1
- package/lib/esm/tag/Tag.js +5 -18
- package/lib/esm/tag/Tag.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +14 -24
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/esm/text-link/TextLink.js +4 -17
- package/lib/esm/text-link/TextLink.js.map +1 -1
- package/lib/esm/textarea/Textarea.js +6 -20
- package/lib/esm/textarea/Textarea.js.map +1 -1
- package/lib/esm/toast/Toast.js +2 -3
- package/lib/esm/toast/Toast.js.map +1 -1
- package/lib/esm/tooltip/Tooltip.js +119 -0
- package/lib/esm/tooltip/Tooltip.js.map +1 -0
- package/lib/esm/{tip → tooltip}/index.js +0 -1
- package/lib/esm/tooltip/index.js.map +1 -0
- package/lib/esm/tooltip/use-tooltip.js +73 -0
- package/lib/esm/tooltip/use-tooltip.js.map +1 -0
- package/lib/esm/tree-view/TreeView.js +4 -16
- package/lib/esm/tree-view/TreeView.js.map +1 -1
- package/lib/esm/tree-view/TreeViewTextItem.js +11 -7
- package/lib/esm/tree-view/TreeViewTextItem.js.map +1 -1
- package/lib/esm/typography/Typography.js +5 -5
- package/lib/esm/typography/Typography.js.map +1 -1
- package/lib/esm/widget/Widget.js +3 -15
- package/lib/esm/widget/Widget.js.map +1 -1
- package/lib/esm/wizard/Wizard.js +83 -76
- package/lib/esm/wizard/Wizard.js.map +1 -1
- package/lib/types/_common/CodeBlockWrapper.d.ts +10 -6
- package/lib/types/_common/ConditionalWrap.d.ts +2 -2
- package/lib/types/_common/coditionalWrap.d.ts +2 -2
- package/lib/types/_common/input/RadioAndCheckboxWrapper.d.ts +15 -4
- package/lib/types/_common/input/types.d.ts +7 -9
- package/lib/types/_common/messages.d.ts +0 -1
- package/lib/types/_common/types.d.ts +40 -0
- package/lib/types/accordion/Accordion.d.ts +15 -9
- package/lib/types/avatar/Avatar.d.ts +14 -7
- package/lib/types/banner/Banner.d.ts +39 -19
- package/lib/types/breadcrumbs/Breadcrumbs.d.ts +18 -21
- package/lib/types/button/Button.d.ts +35 -13
- package/lib/types/button/IconButton.d.ts +31 -12
- package/lib/types/button/IconButtonArray.d.ts +20 -15
- package/lib/types/callout/Callout.d.ts +6 -3
- package/lib/types/charts/Axis.d.ts +37 -0
- package/lib/types/{tip/Tooltip.d.ts → charts/CartesianGrid.d.ts} +7 -6
- package/lib/types/charts/Chart.d.ts +105 -0
- package/lib/types/charts/ChartTooltip.d.ts +59 -0
- package/lib/types/charts/Charts.d.ts +94 -0
- package/lib/types/charts/Dot.d.ts +27 -0
- package/lib/types/charts/Legend.d.ts +25 -0
- package/lib/types/charts/Line.d.ts +43 -0
- package/lib/types/{code-block → charts}/index.d.ts +1 -1
- package/lib/{esm/cypher-code-block/index.js → types/charts/utils.d.ts} +3 -2
- package/lib/types/clipboard-copier/ClipboardButton.d.ts +6 -4
- package/lib/types/{code-block/CodeBlock.d.ts → code/Code.d.ts} +29 -7
- package/lib/types/{cypher-code-block → code}/index.d.ts +1 -1
- package/lib/types/code/languages.d.ts +22 -0
- package/lib/types/context-menu/ContextMenu.d.ts +43 -66
- package/lib/types/data-grid/Components.d.ts +12 -5
- package/lib/types/data-grid/DataGrid.d.ts +8 -5
- package/lib/types/data-grid/DataGridContext.d.ts +3 -3
- package/lib/types/data-grid/datagrid-types.d.ts +3 -3
- package/lib/types/data-grid/illustrations/NoData.d.ts +23 -0
- package/lib/types/date-picker/DatePicker.d.ts +6 -6
- package/lib/types/dialog/Dialog.d.ts +14 -10
- package/lib/types/divider/Divider.d.ts +6 -3
- package/lib/types/drawer/Drawer.d.ts +11 -8
- package/lib/types/dropdown/Dropdown.d.ts +4 -1
- package/lib/types/dropdown/Overrides.d.ts +1 -1
- package/lib/types/dropdown/types.d.ts +5 -6
- package/lib/types/dropdown-button/DropdownButton.d.ts +7 -2
- package/lib/{esm/code-block/index.js → types/dropdown-button/avatar-test.stories.tsx.d.ts} +3 -2
- package/lib/types/dropzone/Dropzone.d.ts +8 -2
- package/lib/types/graph-label/GraphLabel.d.ts +18 -7
- package/lib/types/helpers/index.d.ts +0 -1
- package/lib/types/hooks/index.d.ts +1 -1
- package/lib/types/icons/generated/heroIcons.d.ts +256 -0
- package/lib/types/index.d.ts +3 -5
- package/lib/types/inline-edit/InlineEdit.d.ts +5 -2
- package/lib/types/label/Label.d.ts +4 -3
- package/lib/types/layout/Box.d.ts +6 -10
- package/lib/types/layout/Flex.d.ts +6 -11
- package/lib/types/loading-spinner/LoadingSpinner.d.ts +2 -0
- package/lib/types/modal/Modal.d.ts +6 -4
- package/lib/types/popover/Popover.d.ts +37 -66
- package/lib/types/popover/index.d.ts +4 -0
- package/lib/types/popover/use-popover.d.ts +44 -0
- package/lib/types/portal/Portal.d.ts +1 -1
- package/lib/types/progress-bar/ProgressBar.d.ts +5 -2
- package/lib/types/segmented-control/SegmentedControl.d.ts +11 -5
- package/lib/types/side-navigation/SideNavigation.d.ts +35 -19
- package/lib/types/slider/Slider.d.ts +7 -4
- package/lib/types/status-indicator/StatusIndicator.d.ts +4 -2
- package/lib/types/tabs/Tabs.d.ts +10 -19
- package/lib/types/tag/Tag.d.ts +9 -7
- package/lib/types/text-input/TextInput.d.ts +18 -10
- package/lib/types/text-link/TextLink.d.ts +8 -6
- package/lib/types/textarea/Textarea.d.ts +11 -4
- package/lib/types/toast/Toast.d.ts +3 -0
- package/lib/types/tooltip/Tooltip.d.ts +80 -0
- package/lib/types/{tip → tooltip}/index.d.ts +0 -1
- package/lib/types/tooltip/use-tooltip.d.ts +38 -0
- package/lib/types/tree-view/TreeView.d.ts +7 -3
- package/lib/types/tree-view/tree-view-types.d.ts +2 -2
- package/lib/types/typography/Typography.d.ts +16 -5
- package/lib/types/widget/Widget.d.ts +3 -0
- package/lib/types/wizard/Wizard.d.ts +18 -10
- package/package.json +38 -36
- package/lib/cjs/code-block/CodeBlock.js +0 -105
- package/lib/cjs/code-block/CodeBlock.js.map +0 -1
- package/lib/cjs/code-block/index.js.map +0 -1
- package/lib/cjs/code-block/languages.js +0 -303
- package/lib/cjs/code-block/languages.js.map +0 -1
- package/lib/cjs/context-menu/SafeArea.js +0 -84
- package/lib/cjs/context-menu/SafeArea.js.map +0 -1
- package/lib/cjs/cypher-code-block/CypherCodeBlock.js +0 -74
- package/lib/cjs/cypher-code-block/CypherCodeBlock.js.map +0 -1
- package/lib/cjs/cypher-code-block/index.js.map +0 -1
- package/lib/cjs/helpers/types.js.map +0 -1
- package/lib/cjs/table/Components.js +0 -264
- package/lib/cjs/table/Components.js.map +0 -1
- package/lib/cjs/table/Table.js +0 -100
- package/lib/cjs/table/Table.js.map +0 -1
- package/lib/cjs/table/TableContext.js.map +0 -1
- package/lib/cjs/table/helpers.js +0 -86
- package/lib/cjs/table/helpers.js.map +0 -1
- package/lib/cjs/table/index.js +0 -55
- package/lib/cjs/table/index.js.map +0 -1
- package/lib/cjs/text-input-preview/TextInputPreview.js +0 -75
- package/lib/cjs/text-input-preview/TextInputPreview.js.map +0 -1
- package/lib/cjs/text-input-preview/index.js +0 -38
- package/lib/cjs/text-input-preview/index.js.map +0 -1
- package/lib/cjs/tip/Tip.js +0 -196
- package/lib/cjs/tip/Tip.js.map +0 -1
- package/lib/cjs/tip/Tooltip.js +0 -56
- package/lib/cjs/tip/Tooltip.js.map +0 -1
- package/lib/cjs/tip/index.js.map +0 -1
- package/lib/esm/code-block/CodeBlock.js +0 -79
- package/lib/esm/code-block/CodeBlock.js.map +0 -1
- package/lib/esm/code-block/index.js.map +0 -1
- package/lib/esm/code-block/languages.js +0 -302
- package/lib/esm/code-block/languages.js.map +0 -1
- package/lib/esm/context-menu/SafeArea.js +0 -81
- package/lib/esm/context-menu/SafeArea.js.map +0 -1
- package/lib/esm/cypher-code-block/CypherCodeBlock.js +0 -48
- package/lib/esm/cypher-code-block/CypherCodeBlock.js.map +0 -1
- package/lib/esm/cypher-code-block/index.js.map +0 -1
- package/lib/esm/helpers/types.js.map +0 -1
- package/lib/esm/table/Components.js +0 -244
- package/lib/esm/table/Components.js.map +0 -1
- package/lib/esm/table/Table.js +0 -97
- package/lib/esm/table/Table.js.map +0 -1
- package/lib/esm/table/TableContext.js.map +0 -1
- package/lib/esm/table/helpers.js +0 -81
- package/lib/esm/table/helpers.js.map +0 -1
- package/lib/esm/table/index.js +0 -25
- package/lib/esm/table/index.js.map +0 -1
- package/lib/esm/text-input-preview/TextInputPreview.js +0 -72
- package/lib/esm/text-input-preview/TextInputPreview.js.map +0 -1
- package/lib/esm/text-input-preview/index.js +0 -22
- package/lib/esm/text-input-preview/index.js.map +0 -1
- package/lib/esm/tip/Tip.js +0 -186
- package/lib/esm/tip/Tip.js.map +0 -1
- package/lib/esm/tip/Tooltip.js +0 -50
- package/lib/esm/tip/Tooltip.js.map +0 -1
- package/lib/esm/tip/index.js.map +0 -1
- package/lib/types/code-block/languages.d.ts +0 -23
- package/lib/types/cypher-code-block/CypherCodeBlock.d.ts +0 -33
- package/lib/types/helpers/types.d.ts +0 -42
- package/lib/types/table/Components.d.ts +0 -81
- package/lib/types/table/Table.d.ts +0 -62
- package/lib/types/table/TableContext.d.ts +0 -61
- package/lib/types/table/helpers.d.ts +0 -39
- package/lib/types/table/index.d.ts +0 -24
- package/lib/types/text-input-preview/TextInputPreview.d.ts +0 -59
- package/lib/types/tip/Tip.d.ts +0 -168
package/lib/esm/dialog/Dialog.js
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -57,15 +46,14 @@ const convertCloseReason = (reason) => {
|
|
|
57
46
|
}
|
|
58
47
|
throw new Error(`Unknown reason '${reason}' received from popup`);
|
|
59
48
|
};
|
|
49
|
+
// TODO: V3 change the strokeWidth to 3 after applying vector-effect: none to the inner <path> element
|
|
60
50
|
const typeIcons = {
|
|
61
51
|
warning: _jsx(ExclamationTriangleIconOutline, { strokeWidth: 3 }),
|
|
62
52
|
danger: _jsx(ExclamationCircleIconOutline, { strokeWidth: 3 }),
|
|
63
53
|
info: _jsx(InformationCircleIconOutline, { strokeWidth: 3 }),
|
|
64
54
|
success: _jsx(CheckCircleIconOutline, { strokeWidth: 3 }),
|
|
65
55
|
};
|
|
66
|
-
export const Dialog = (
|
|
67
|
-
var _b;
|
|
68
|
-
var { open, onClose, children, type, size, disableCloseButton = false } = _a, restProps = __rest(_a, ["open", "onClose", "children", "type", "size", "disableCloseButton"]);
|
|
56
|
+
export const Dialog = ({ isOpen, onClose, children, type, size, hasDisabledCloseButton = false, modalProps, htmlAttributes, }) => {
|
|
69
57
|
const handleCloseClick = (e) => {
|
|
70
58
|
e.preventDefault();
|
|
71
59
|
onClose === null || onClose === void 0 ? void 0 : onClose(e, DialogCloseReason.CLOSE_BUTTON_CLICK);
|
|
@@ -73,20 +61,22 @@ export const Dialog = (_a) => {
|
|
|
73
61
|
const handleClose = (e, reason) => {
|
|
74
62
|
onClose === null || onClose === void 0 ? void 0 : onClose(e, reason ? convertCloseReason(reason) : undefined);
|
|
75
63
|
};
|
|
76
|
-
if (!
|
|
64
|
+
if (!isOpen) {
|
|
77
65
|
return null;
|
|
78
66
|
}
|
|
79
|
-
const classes = classNames('ndl-dialog',
|
|
67
|
+
const classes = classNames('ndl-dialog n-w-[640px]', modalProps === null || modalProps === void 0 ? void 0 : modalProps.className, {
|
|
80
68
|
'ndl-with-icon': !!type,
|
|
81
|
-
'ndl-with-close-button': !
|
|
69
|
+
'ndl-with-close-button': !hasDisabledCloseButton,
|
|
82
70
|
});
|
|
83
|
-
const contentWrapperClasses = classNames('n-flex n-flex-nowrap n-h-full', {
|
|
84
|
-
'n-mt-
|
|
71
|
+
const contentWrapperClasses = classNames('n-flex n-flex-nowrap n-h-full n-gap-token-9', {
|
|
72
|
+
'n-mt-token-8': !!type,
|
|
85
73
|
});
|
|
86
|
-
return (_jsx(Modal, Object.assign({
|
|
74
|
+
return (_jsx(Modal, Object.assign({ isOpen: isOpen, onClose: handleClose, modalProps: Object.assign(Object.assign({}, (modalProps || {})), { className: classes, role: 'dialog' }), size: size }, htmlAttributes, { children: _jsxs(DialogContext.Provider, { value: { type }, children: [!hasDisabledCloseButton && (_jsx(IconButton, { isClean: true, size: "medium", className: "ndl-dialog-close", onClick: handleCloseClick, ariaLabel: "Close dialog", htmlAttributes: {
|
|
75
|
+
'data-testid': 'ndl-dialog-close',
|
|
76
|
+
role: 'button',
|
|
77
|
+
}, children: _jsx(XMarkIconOutline, {}) })), _jsxs("div", { className: contentWrapperClasses, children: [type && (_jsx("div", { className: `ndl-dialog-type-icon ndl-${type}`, "data-testid": "ndl-dialog-type-icon", children: typeIcons[type] })), _jsx("div", { className: "n-flex n-flex-col n-flex-1 n-w-full", children: children })] })] }) })));
|
|
87
78
|
};
|
|
88
|
-
const Actions = (
|
|
89
|
-
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
79
|
+
const Actions = ({ children, className = '', htmlAttributes, }) => {
|
|
90
80
|
const { type } = useDialogContext();
|
|
91
81
|
const classes = classNames('ndl-dialog-actions', className);
|
|
92
82
|
let childrenToRender = children;
|
|
@@ -102,31 +92,27 @@ const Actions = (_a) => {
|
|
|
102
92
|
return element;
|
|
103
93
|
});
|
|
104
94
|
}
|
|
105
|
-
return (_jsx("div", Object.assign({},
|
|
95
|
+
return (_jsx("div", Object.assign({ className: classes }, htmlAttributes, { children: childrenToRender })));
|
|
106
96
|
};
|
|
107
97
|
Dialog.Actions = Actions;
|
|
108
|
-
const Header = (
|
|
109
|
-
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
98
|
+
const Header = ({ children, className = '', htmlAttributes, }) => {
|
|
110
99
|
const classes = classNames('ndl-dialog-header', className);
|
|
111
|
-
return (_jsx("h4", Object.assign({},
|
|
100
|
+
return (_jsx("h4", Object.assign({ className: classes }, htmlAttributes, { children: children })));
|
|
112
101
|
};
|
|
113
102
|
Dialog.Header = Header;
|
|
114
|
-
const Subtitle = (
|
|
115
|
-
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
103
|
+
const Subtitle = ({ children, className, htmlAttributes, }) => {
|
|
116
104
|
const classes = classNames('ndl-dialog-subtitle n-body-large', className);
|
|
117
|
-
return (_jsx("div", Object.assign({},
|
|
105
|
+
return (_jsx("div", Object.assign({ className: classes }, htmlAttributes, { children: children })));
|
|
118
106
|
};
|
|
119
107
|
Dialog.Subtitle = Subtitle;
|
|
120
|
-
const Description = (
|
|
121
|
-
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
108
|
+
const Description = ({ children, className = '', htmlAttributes, }) => {
|
|
122
109
|
const classes = classNames('ndl-dialog-description n-body-medium', className);
|
|
123
|
-
return (_jsx("div", Object.assign({},
|
|
110
|
+
return (_jsx("div", Object.assign({ className: classes }, htmlAttributes, { children: children })));
|
|
124
111
|
};
|
|
125
112
|
Dialog.Description = Description;
|
|
126
|
-
const Content = (
|
|
127
|
-
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
113
|
+
const Content = ({ children, className = '', htmlAttributes, }) => {
|
|
128
114
|
const classes = classNames('ndl-dialog-content', className);
|
|
129
|
-
return (_jsx("div", Object.assign({},
|
|
115
|
+
return (_jsx("div", Object.assign({ className: classes }, htmlAttributes, { children: children })));
|
|
130
116
|
};
|
|
131
117
|
Dialog.Content = Content;
|
|
132
118
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -32,13 +21,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
32
21
|
*/
|
|
33
22
|
import classNames from 'classnames';
|
|
34
23
|
import { forwardRef } from 'react';
|
|
35
|
-
export const Divider = forwardRef(function Divider(
|
|
36
|
-
var { orientation = 'horizontal', as } = _a, restProps = __rest(_a, ["orientation", "as"]);
|
|
24
|
+
export const Divider = forwardRef(function Divider({ orientation = 'horizontal', as, htmlAttributes, }, ref) {
|
|
37
25
|
const classes = classNames('ndl-divider', {
|
|
38
26
|
'ndl-divider-horizontal': orientation === 'horizontal',
|
|
39
27
|
'ndl-divider-vertical': orientation === 'vertical',
|
|
40
28
|
});
|
|
41
29
|
const Component = as || 'div';
|
|
42
|
-
return (_jsx(Component, Object.assign({ className: classes, role: "separator", "aria-orientation": orientation
|
|
30
|
+
return (_jsx(Component, Object.assign({ className: classes, role: "separator", "aria-orientation": orientation, ref: ref }, htmlAttributes)));
|
|
43
31
|
});
|
|
44
32
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/divider/Divider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/divider/Divider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAe1C,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAAC,SAAS,OAAO,CAGlE,EACE,WAAW,GAAG,YAAY,EAC1B,EAAE,EACF,cAAc,GAC6B,EAC7C,GAAsB;IAEtB,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE;QACxC,wBAAwB,EAAE,WAAW,KAAK,YAAY;QACtD,sBAAsB,EAAE,WAAW,KAAK,UAAU;KACnD,CAAC,CAAC;IAEH,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,OAAO,CACL,KAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,WAAW,sBACE,WAAW,EAC7B,GAAG,EAAE,GAAG,IACJ,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/lib/esm/drawer/Drawer.js
CHANGED
|
@@ -36,16 +36,15 @@ import { useCallback, } from 'react';
|
|
|
36
36
|
import ConditionalWrap from '../_common/ConditionalWrap';
|
|
37
37
|
import { classNames } from '../_common/defaultImports';
|
|
38
38
|
import { IconButton } from '../button';
|
|
39
|
-
import { forwardRef
|
|
39
|
+
import { forwardRef } from '../helpers';
|
|
40
40
|
import { XMarkIconOutline } from '../icons';
|
|
41
|
-
export const DrawerComponent = forwardRef(function DrawerComponent(
|
|
42
|
-
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, closeable = true, isPortaled = false, portalProps = {} } = _a, restProps = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "closeable", "isPortaled", "portalProps"]);
|
|
41
|
+
export const DrawerComponent = forwardRef(function DrawerComponent({ children, className = '', isExpanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, isCloseable = true, isPortaled = false, portalProps = {}, htmlAttributes, }, ref) {
|
|
43
42
|
const setOnExpandedChange = useCallback(() => {
|
|
44
43
|
if (onExpandedChange)
|
|
45
|
-
onExpandedChange(!
|
|
46
|
-
}, [
|
|
44
|
+
onExpandedChange(!isExpanded);
|
|
45
|
+
}, [isExpanded, onExpandedChange]);
|
|
47
46
|
const classes = classNames('ndl-drawer', className, {
|
|
48
|
-
'ndl-drawer-expanded':
|
|
47
|
+
'ndl-drawer-expanded': isExpanded,
|
|
49
48
|
'ndl-drawer-left': position === 'left',
|
|
50
49
|
'ndl-drawer-right': position === 'right',
|
|
51
50
|
'ndl-drawer-overlay': type === 'overlay',
|
|
@@ -53,9 +52,12 @@ export const DrawerComponent = forwardRef(function DrawerComponent(_a, ref) {
|
|
|
53
52
|
});
|
|
54
53
|
const resizableStylePosition = type === 'overlay' ? 'absolute' : 'relative';
|
|
55
54
|
const shouldRenderInPortal = isPortaled && type === 'overlay';
|
|
56
|
-
const Close = () => (_jsx(_Fragment, { children:
|
|
55
|
+
const Close = () => (_jsx(_Fragment, { children: isCloseable && (_jsx(IconButton, { className: "ndl-drawer-close-button", onClick: setOnExpandedChange, ariaLabel: "Close drawer", size: "medium", isClean: true, htmlAttributes: {
|
|
56
|
+
title: 'Close drawer',
|
|
57
|
+
'data-testid': 'ndl-drawer-close-button',
|
|
58
|
+
}, children: _jsx(XMarkIconOutline, {}) })) }));
|
|
57
59
|
if (isResizeable) {
|
|
58
|
-
return (_jsx(ConditionalWrap, {
|
|
60
|
+
return (_jsx(ConditionalWrap, { shouldWrap: shouldRenderInPortal, wrap: (wrapChildren) => (_jsx(FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: wrapChildren }))), children: _jsxs(Resizable, Object.assign({ defaultSize: {
|
|
59
61
|
width: 'auto',
|
|
60
62
|
height: '100%',
|
|
61
63
|
} }, resizeableProps, { className: classes, style: Object.assign({ position: resizableStylePosition }, resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", enable: {
|
|
@@ -69,7 +71,7 @@ export const DrawerComponent = forwardRef(function DrawerComponent(_a, ref) {
|
|
|
69
71
|
topLeft: false,
|
|
70
72
|
}, ref: ref, children: [children, _jsx(Close, {})] })) }));
|
|
71
73
|
}
|
|
72
|
-
return (_jsx(ConditionalWrap, {
|
|
74
|
+
return (_jsx(ConditionalWrap, { shouldWrap: shouldRenderInPortal, wrap: (wrapChildren) => (_jsx(FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: wrapChildren }))), children: _jsxs("div", Object.assign({ className: classes, ref: ref }, htmlAttributes, { children: [children, _jsx(Close, {})] })) }));
|
|
73
75
|
});
|
|
74
76
|
const DrawerHeader = (_a) => {
|
|
75
77
|
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -54,7 +43,7 @@ const overrideComponents = (props) => ({
|
|
|
54
43
|
Placeholder: CustomPlaceholder(props),
|
|
55
44
|
Option: CustomOption(props),
|
|
56
45
|
});
|
|
57
|
-
const customStyles = ({ errorText, size, hasBorder,
|
|
46
|
+
const customStyles = ({ errorText, size, hasBorder, selectProps, }) => {
|
|
58
47
|
const focusedBorderColor = errorText
|
|
59
48
|
? 'rgb(var(--theme-palette-danger-border-strong))'
|
|
60
49
|
: 'rgb(var(--theme-palette-primary-focus))';
|
|
@@ -144,22 +133,24 @@ const customStyles = ({ errorText, size, hasBorder, hasCheckboxes, selectProps,
|
|
|
144
133
|
let backgroundColor;
|
|
145
134
|
let color;
|
|
146
135
|
let hoverColor;
|
|
147
|
-
const
|
|
136
|
+
const isMulti = Boolean(selectProps.isMulti);
|
|
148
137
|
// Apply background color based on state
|
|
149
|
-
if (
|
|
138
|
+
if (state.isDisabled) {
|
|
150
139
|
backgroundColor = 'transparent';
|
|
151
140
|
}
|
|
152
141
|
else if (state.isSelected) {
|
|
153
|
-
backgroundColor =
|
|
142
|
+
backgroundColor = isMulti
|
|
143
|
+
? 'transparent'
|
|
144
|
+
: 'rgb(var(--theme-palette-primary-bg-selected))';
|
|
154
145
|
}
|
|
155
|
-
else if (state.isFocused
|
|
146
|
+
else if (state.isFocused) {
|
|
156
147
|
backgroundColor = 'rgb(var(--theme-palette-neutral-hover))';
|
|
157
148
|
}
|
|
158
149
|
else {
|
|
159
150
|
backgroundColor = 'transparent';
|
|
160
151
|
}
|
|
161
152
|
//Apply the same logic for color
|
|
162
|
-
if (state.isSelected &&
|
|
153
|
+
if (state.isSelected && isMulti) {
|
|
163
154
|
color = 'rgb(var(--theme-palette-neutral-text-default))';
|
|
164
155
|
}
|
|
165
156
|
else if (state.isDisabled) {
|
|
@@ -171,7 +162,7 @@ const customStyles = ({ errorText, size, hasBorder, hasCheckboxes, selectProps,
|
|
|
171
162
|
else {
|
|
172
163
|
color = 'rgb(var(--theme-palette-neutral-text-default))';
|
|
173
164
|
}
|
|
174
|
-
if (
|
|
165
|
+
if (isMulti) {
|
|
175
166
|
if (state.isDisabled) {
|
|
176
167
|
hoverColor = 'transparent';
|
|
177
168
|
}
|
|
@@ -189,7 +180,7 @@ const customStyles = ({ errorText, size, hasBorder, hasCheckboxes, selectProps,
|
|
|
189
180
|
fontSize: undefined, lineHeight: undefined, backgroundColor: backgroundColor, color: color, '&:hover': {
|
|
190
181
|
backgroundColor: hoverColor,
|
|
191
182
|
} }), (state.isSelected &&
|
|
192
|
-
!
|
|
183
|
+
!isMulti && {
|
|
193
184
|
'&::before': {
|
|
194
185
|
content: '""',
|
|
195
186
|
position: 'absolute',
|
|
@@ -211,23 +202,18 @@ const customStyles = ({ errorText, size, hasBorder, hasCheckboxes, selectProps,
|
|
|
211
202
|
};
|
|
212
203
|
};
|
|
213
204
|
export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
214
|
-
const { as, label, helpText, errorText,
|
|
215
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
216
|
-
fluid = true, size = 'small', type = 'select', 'aria-label': ariaLabel, selectProps = {}, hasBorder = true, hasCheckboxes, // TODO v3: Remove
|
|
217
|
-
isDisabled } = props, rest = __rest(props, ["as", "label", "helpText", "errorText", "fluid", "size", "type", 'aria-label', "selectProps", "hasBorder", "hasCheckboxes", "isDisabled"]);
|
|
205
|
+
const { as, label, helpText, errorText, isFluid = true, size = 'small', type = 'select', 'aria-label': ariaLabel, selectProps = {}, hasBorder = true, isDisabled, htmlAttributes, style, } = props;
|
|
218
206
|
const Component = as || 'div';
|
|
219
207
|
const ComponentOverrides = useMemo(() => overrideComponents({
|
|
220
208
|
errorText,
|
|
221
209
|
size,
|
|
222
|
-
|
|
223
|
-
}), [errorText, size, hasCheckboxes]);
|
|
210
|
+
}), [errorText, size]);
|
|
224
211
|
const StyleOverrides = useMemo(() => customStyles({
|
|
225
212
|
errorText,
|
|
226
213
|
size,
|
|
227
214
|
hasBorder,
|
|
228
|
-
hasCheckboxes,
|
|
229
215
|
selectProps,
|
|
230
|
-
}), [errorText, size, hasBorder, selectProps
|
|
216
|
+
}), [errorText, size, hasBorder, selectProps]);
|
|
231
217
|
const identifier = useMemo(() => {
|
|
232
218
|
if (typeof label === 'string')
|
|
233
219
|
return label;
|
|
@@ -237,28 +223,26 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
237
223
|
// 7 char long pseudo-random string
|
|
238
224
|
return Math.random().toString(36).slice(2, 9);
|
|
239
225
|
}, [label, ariaLabel]);
|
|
240
|
-
const hasCheckboxesAndIsMulti = Boolean(hasCheckboxes && selectProps.isMulti);
|
|
241
|
-
const isMultiAndDoesNotHaveCheckboxes = Boolean(!hasCheckboxes && selectProps.isMulti);
|
|
242
226
|
let SelectElement;
|
|
243
227
|
switch (type) {
|
|
244
228
|
case 'async': {
|
|
245
|
-
SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier, isDisabled: isDisabled || selectProps.isDisabled }, selectProps, { hideSelectedOptions:
|
|
229
|
+
SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier, isDisabled: isDisabled || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { hideSelectedOptions: false, closeMenuOnSelect: !selectProps.isMulti, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
246
230
|
break;
|
|
247
231
|
}
|
|
248
232
|
case 'creatable':
|
|
249
|
-
SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier, isDisabled: isDisabled || selectProps.isDisabled }, selectProps, { hideSelectedOptions:
|
|
233
|
+
SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier, isDisabled: isDisabled || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { hideSelectedOptions: false, closeMenuOnSelect: !selectProps.isMulti, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
250
234
|
break;
|
|
251
235
|
default:
|
|
252
|
-
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier, isDisabled: isDisabled || selectProps.isDisabled }, selectProps, { hideSelectedOptions:
|
|
236
|
+
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier, isDisabled: isDisabled || selectProps.isDisabled, menuPlacement: "auto" }, selectProps, { hideSelectedOptions: false, closeMenuOnSelect: !selectProps.isMulti, styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
253
237
|
}
|
|
254
238
|
const classes = classNames('ndl-dropdown', props.className, {
|
|
255
239
|
'ndl-small': size === 'small',
|
|
256
240
|
'ndl-large': size === 'large',
|
|
257
|
-
'ndl-fluid':
|
|
241
|
+
'ndl-fluid': isFluid,
|
|
258
242
|
'ndl-disabled': selectProps.isDisabled,
|
|
259
243
|
'ndl-multi': selectProps.isMulti,
|
|
260
244
|
'ndl-creatable': type === 'creatable',
|
|
261
245
|
});
|
|
262
|
-
return (_jsxs(Component, Object.assign({
|
|
246
|
+
return (_jsxs(Component, Object.assign({ "aria-label": ariaLabel, ref: ref, className: classes, style: style }, htmlAttributes, { children: [label && _jsx("label", { htmlFor: identifier, children: label }), SelectElement, helpText && !errorText && (_jsx("span", { className: "ndl-sub-text", children: helpText })), errorText && (_jsx("span", { className: "ndl-sub-text ndl-error-text", children: errorText }))] })));
|
|
263
247
|
});
|
|
264
248
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAA6C,MAAM,cAAc,CAAC;AACzE,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAE7C,2CAA2C;AAC3C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAQrB;;;;;;GAMG;AAEH,MAAM,kBAAkB,GAAG,CAKzB,KAAkE,EAClE,EAAE,CACF,CAAC;IACC,iBAAiB,EAAE,yBAAyB,CAAC,KAAK,CAAC;IACnD,kBAAkB,EAAE,IAAI;IACxB,cAAc,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAC5C,gBAAgB,EAAE,sBAAsB,CAAC,KAAK,CAAC;IAC/C,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC;IACrC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC;CAC5B,CAI6B,CAAC;AAEjC,MAAM,YAAY,GAAG,CAInB,EACA,SAAS,EACT,IAAI,EACJ,SAAS,EACT,WAAW,GAIZ,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,SAAS;QAClC,CAAC,CAAC,gDAAgD;QAClD,CAAC,CAAC,yCAAyC,CAAC;IAE9C,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,gDAAgD;QAClD,CAAC,CAAC,iDAAiD,CAAC;IAEtD,MAAM,kBAAkB,GAAG,CACzB,KAAmD,EACnD,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,CAAC;IAEvB,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,EAAE,CAAC;IAChC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,CAAC,IAAwB,EAAE,EAAE;QACnD,IAAI,YAAY,GAAG,mBAAmB,CAAC;QACvC,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,YAAY,GAAG,mBAAmB,CAAC;QACrC,CAAC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,YAAY,GAAG,oBAAoB,CAAC;QACtC,CAAC;aAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YAC5B,YAAY,GAAG,mBAAmB,CAAC;QACrC,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAwB,EAAE,EAAE;QAC/C,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC;QACzD,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,MAAM,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAwB,EAAE,EAAE;QACjD,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC;QACzD,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,MAAM,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC;YAChC,oCAAoC;YACpC,sDAAsD;YACtD,SAAS,EAAE,KAAK,CAAC,SAAS;gBACxB,CAAC,CAAC,SAAS,kBAAkB,CAAC,KAAK,CAAC,MAAM,kBAAkB,EAAE;gBAC9D,CAAC,CAAC,MAAM,EACV,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAC/B,eAAe,EAAE,2CAA2C,EAC5D,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,EACjE,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa;aAClE,IACD;QACF,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCAC7B,QAAQ,KACX,KAAK,EAAE,KAAK,CAAC,UAAU;gBACrB,CAAC,CAAC,gDAAgD;gBAClD,CAAC,CAAC,gDAAgD,IACpD;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,6CAA6C,EAC9D,KAAK,EAAE,gDAAgD,IACvD;QACF,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC1B,QAAQ,KACX,KAAK,EAAE,gDAAgD,IACvD;QACF,gBAAgB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC3B,QAAQ,KACX,SAAS,EAAE;gBACT,MAAM,EAAE,oBAAoB;gBAC5B,eAAe,EAAE,6CAA6C;aAC/D,IACD;QACF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC5B,QAAQ,KACX,MAAM,EAAE,SAAS;YACjB,kBAAkB;YAClB,OAAO,EACL,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI;gBAC5D,CAAC,CAAC,KAAK,IACX;QACF,mBAAmB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC9B,QAAQ;YACX;;;eAGG;YACH,YAAY,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IACnE;QACF,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACzB,QAAQ;YACX,kBAAkB;YAClB,OAAO,EACL,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI;gBAC5D,CAAC,CAAC,KAAK,IACX;QACF;;;;WAIG;QACH,cAAc,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCAChC,QAAQ,KACX,OAAO,EACL,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,WAAW;gBACb,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ;oBAC/B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,SAAS,IACjB;QACF,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACf,QAAQ,KACX,eAAe,EAAE,2CAA2C,EAC5D,MAAM,EAAE,mBAAmB,IAC3B;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,MAAM,EAAE,mBAAmB,IAC3B;QACF,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACnB,QAAQ,KACX,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,KAAK,IACd;QACF,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC1B,IAAI,eAAuB,CAAC;YAC5B,IAAI,KAAa,CAAC;YAClB,IAAI,UAAkB,CAAC;YACvB,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC7C,wCAAwC;YAExC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,eAAe,GAAG,aAAa,CAAC;YAClC,CAAC;iBAAM,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBAC5B,eAAe,GAAG,OAAO;oBACvB,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,+CAA+C,CAAC;YACtD,CAAC;iBAAM,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;gBAC3B,eAAe,GAAG,yCAAyC,CAAC;YAC9D,CAAC;iBAAM,CAAC;gBACN,eAAe,GAAG,aAAa,CAAC;YAClC,CAAC;YAED,gCAAgC;YAChC,IAAI,KAAK,CAAC,UAAU,IAAI,OAAO,EAAE,CAAC;gBAChC,KAAK,GAAG,gDAAgD,CAAC;YAC3D,CAAC;iBAAM,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBAC5B,KAAK,GAAG,gDAAgD,CAAC;YAC3D,CAAC;iBAAM,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBAC5B,KAAK,GAAG,wCAAwC,CAAC;YACnD,CAAC;iBAAM,CAAC;gBACN,KAAK,GAAG,gDAAgD,CAAC;YAC3D,CAAC;YAED,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;oBACrB,UAAU,GAAG,aAAa,CAAC;gBAC7B,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,yCAAyC,CAAC;gBACzD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,eAAe,CAAC;YAC/B,CAAC;YAED,mEACK,QAAQ,KACX,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE,KAAK,CAAC,UAAU;oBACtB,CAAC,CAAC,wBAAwB;oBAC1B,CAAC,CAAC,oBAAoB;gBACxB,iDAAiD;gBACjD,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,SAAS,EACrB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;oBACT,eAAe,EAAE,UAAU;iBAC5B,KACE,CAAC,KAAK,CAAC,UAAU;gBAClB,CAAC,OAAO,IAAI;gBACV,WAAW,EAAE;oBACX,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,6CAA6C;oBAC9D,YAAY,EAAE,iBAAiB;oBAC/B,IAAI,EAAE,MAAM;oBACZ,GAAG,EAAE,KAAK;iBACX;aACF,CAAC,KACJ,YAAY,EAAE,YAAY,IAC1B;QACJ,CAAC;QACD,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAChB,QAAQ,KACX,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7C,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC5C,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAC/B,MAAM,EACJ,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,IAAI;gBACjD,CAAC,CAAC,SAAS,EACf,KAAK,EAAE,gDAAgD,IACvD;QACF,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACtB,QAAQ,KACX,MAAM,EACJ,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,IAAI;gBACjD,CAAC,CAAC,SAAS,EACf,KAAK,EAAE,+CAA+C,IACtD;KACuE,CAAC;AAC9E,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,QAAQ,GAAqB,UAAU,CAAC,SAAS,QAAQ,CAMpE,KAGC,EACD,GAAsB;IAEtB,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,EACd,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,cAAc,EACd,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CACH,kBAAkB,CAAiC;QACjD,SAAS;QACT,IAAI;KACL,CAAC,EACJ,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,YAAY,CAAiC;QAC3C,SAAS;QACT,IAAI;QACJ,SAAS;QACT,WAAW;KACZ,CAAC,EACJ,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAC1C,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAC5C,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC;QAChC,oBAAoB,CAClB,kEAAkE,CACnE,CAAC;QACF,mCAAmC;QACnC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAI,aAA0B,CAAC;IAC/B,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,aAAa,GAAG,CACd,KAAC,WAAW,kBACV,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,UAAU,IAAI,WAAW,CAAC,UAAU,EAChD,aAAa,EAAC,MAAM,IAChB,WAAW,IACf,mBAAmB,EAAE,KAAK,EAC1B,iBAAiB,EAAE,CAAC,WAAW,CAAC,OAAO,EACvC,MAAM,kCAAO,cAAc,GAAK,WAAW,CAAC,MAAM,GAClD,UAAU,kCAAO,kBAAkB,GAAK,WAAW,CAAC,UAAU,KAC9D,CACH,CAAC;YACF,MAAM;QACR,CAAC;QACD,KAAK,WAAW;YACd,aAAa,GAAG,CACd,KAAC,SAAS,kBACR,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,UAAU,IAAI,WAAW,CAAC,UAAU,EAChD,aAAa,EAAC,MAAM,IAChB,WAAW,IACf,mBAAmB,EAAE,KAAK,EAC1B,iBAAiB,EAAE,CAAC,WAAW,CAAC,OAAO,EACvC,MAAM,kCAAO,cAAc,GAAK,WAAW,CAAC,MAAM,GAClD,UAAU,kCAAO,kBAAkB,GAAK,WAAW,CAAC,UAAU,KAC9D,CACH,CAAC;YACF,MAAM;QACR;YACE,aAAa,GAAG,CACd,KAAC,MAAM,kBACL,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,UAAU,IAAI,WAAW,CAAC,UAAU,EAChD,aAAa,EAAC,MAAM,IAChB,WAAW,IACf,mBAAmB,EAAE,KAAK,EAC1B,iBAAiB,EAAE,CAAC,WAAW,CAAC,OAAO,EACvC,MAAM,kCAAO,cAAc,GAAK,WAAW,CAAC,MAAM,GAClD,UAAU,kCAAO,kBAAkB,GAAK,WAAW,CAAC,UAAU,KAC9D,CACH,CAAC;IACN,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,EAAE;QAC1D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,OAAO;QACpB,cAAc,EAAE,WAAW,CAAC,UAAU;QACtC,WAAW,EAAE,WAAW,CAAC,OAAO;QAChC,eAAe,EAAE,IAAI,KAAK,WAAW;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,gCACI,SAAS,EACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,cAAc,eAEjB,KAAK,IAAI,gBAAO,OAAO,EAAE,UAAU,YAAG,KAAK,GAAS,EACpD,aAAa,EACb,QAAQ,IAAI,CAAC,SAAS,IAAI,CACzB,eAAM,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAQ,CACjD,EACA,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,6BAA6B,YAAE,SAAS,GAAQ,CACjE,KACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -63,12 +63,16 @@ export const CustomPlaceholder = ({ errorText, size, }) => function Component(_a
|
|
|
63
63
|
var { children } = _a, restProps = __rest(_a, ["children"]);
|
|
64
64
|
return (_jsx(components.Placeholder, Object.assign({}, restProps, { children: _jsx("div", { className: "ndl-placeholder", children: children }) })));
|
|
65
65
|
};
|
|
66
|
-
export const CustomOption = ({ errorText, size,
|
|
66
|
+
export const CustomOption = ({ errorText, size, }) => function Component(_a) {
|
|
67
67
|
var { children } = _a, restProps = __rest(_a, ["children"]);
|
|
68
68
|
const classes = classNames('ndl-dropdown-option', restProps.className, {
|
|
69
69
|
'n-body-medium': size === 'small' || size === 'medium',
|
|
70
70
|
'n-body-large': size === 'large',
|
|
71
71
|
});
|
|
72
|
-
return (_jsxs(components.Option, Object.assign({}, restProps, { className: classes, children: [
|
|
72
|
+
return (_jsxs(components.Option, Object.assign({}, restProps, { className: classes, children: [restProps.isMulti == true && (_jsx(Checkbox, { isChecked: restProps.isSelected, ariaLabel: restProps.label, isDisabled: restProps.isDisabled, htmlAttributes: {
|
|
73
|
+
disabled: true,
|
|
74
|
+
'aria-hidden': true,
|
|
75
|
+
role: 'presentation',
|
|
76
|
+
} })), children] })));
|
|
73
77
|
};
|
|
74
78
|
//# sourceMappingURL=Overrides.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -33,15 +22,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
|
33
22
|
import React from 'react';
|
|
34
23
|
import { classNames } from '../_common/defaultImports';
|
|
35
24
|
import { ChevronDownIconOutline, ChevronUpIconOutline } from '../icons';
|
|
36
|
-
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
* DropdownButton Component
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*/
|
|
43
|
-
export const DropdownButton = React.forwardRef(function DropdownButton(_a, ref) {
|
|
44
|
-
var { children, size = 'medium', isDisabled, isFloating = false, leftIcon, isOpen = false, className } = _a, restProps = __rest(_a, ["children", "size", "isDisabled", "isFloating", "leftIcon", "isOpen", "className"]);
|
|
25
|
+
export const DropdownButton = React.forwardRef(function DropdownButton({ children, size = 'medium', isDisabled, isFloating = false, leftIcon, isOpen = false, className, htmlAttributes, }, ref) {
|
|
45
26
|
const classes = classNames('ndl-dropdown-btn', className, {
|
|
46
27
|
'ndl-small': size === 'small',
|
|
47
28
|
'ndl-medium': size === 'medium',
|
|
@@ -50,6 +31,6 @@ export const DropdownButton = React.forwardRef(function DropdownButton(_a, ref)
|
|
|
50
31
|
'ndl-floating-btn': isFloating,
|
|
51
32
|
'ndl-open': isOpen,
|
|
52
33
|
});
|
|
53
|
-
return (_jsxs("button", Object.assign({
|
|
34
|
+
return (_jsxs("button", Object.assign({ className: classes, disabled: isDisabled, ref: ref }, htmlAttributes, { children: [_jsxs("div", { className: "ndl-dropdown-btn-left-wrapper", children: [leftIcon && leftIcon, children] }), isOpen ? (_jsx(ChevronUpIconOutline, { className: "n-size-token-6 ndl-dropdown-button-open-icon" })) : (_jsx(ChevronDownIconOutline, { className: "n-size-token-6 ndl-dropdown-button-closed-icon" }))] })));
|
|
54
35
|
});
|
|
55
36
|
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/dropdown-button/DropdownButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/dropdown-button/DropdownButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA4CxE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACrE,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,SAAS,EACT,cAAc,GACoC,EACpD,GAAsB;IAEtB,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,cAAc,EAAE,UAAU;QAC1B,kBAAkB,EAAE,UAAU;QAC9B,UAAU,EAAE,MAAM;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,gCACE,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,IACJ,cAAc,eAElB,eAAK,SAAS,EAAC,+BAA+B,aAC3C,QAAQ,IAAI,QAAQ,EACpB,QAAQ,IACL,EACL,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,oBAAoB,IAAC,SAAS,EAAC,8CAA8C,GAAG,CAClF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IAAC,SAAS,EAAC,gDAAgD,GAAG,CACtF,KACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import { DropdownButton } from '.';
|
|
23
|
+
import { Avatar } from '../avatar';
|
|
24
|
+
export const AvatarTest = ({ text }) => {
|
|
25
|
+
return (_jsx(DropdownButton, { leftIcon: _jsx(Avatar, { name: "KM", size: "medium", status: "offline", type: "letters", "aria-hidden": "true" }), children: text }));
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=avatar-test.stories.tsx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-test.stories.tsx.js","sourceRoot":"","sources":["../../../src/dropdown-button/avatar-test.stories.tsx.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACvD,OAAO,CACL,KAAC,cAAc,IACb,QAAQ,EACN,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,SAAS,iBACF,MAAM,GAClB,YAGH,IAAI,GACU,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -51,7 +40,7 @@ import { Typography } from '../typography';
|
|
|
51
40
|
const browser = detect();
|
|
52
41
|
const isSafari = (browser === null || browser === void 0 ? void 0 : browser.name) === 'safari';
|
|
53
42
|
const DropzoneComponent = (props) => {
|
|
54
|
-
const { dropZoneOptions, supportedFilesDescription, loadingComponent, isTesting, customTitle, rejectedMessage, acceptedFileExtensions
|
|
43
|
+
const { dropZoneOptions, supportedFilesDescription, loadingComponent, isTesting, customTitle, rejectedMessage, acceptedFileExtensions, htmlAttributes, } = props;
|
|
55
44
|
/**
|
|
56
45
|
* We intercept the onDrop function in order to enforce
|
|
57
46
|
* custom file extensions. Before calling the onDrop props we check
|
|
@@ -117,13 +106,13 @@ const DropzoneComponent = (props) => {
|
|
|
117
106
|
setIsRejected(false);
|
|
118
107
|
}
|
|
119
108
|
}, [isDragActive, isRejected]);
|
|
120
|
-
return (_jsxs(_Fragment, { children: [isRejected && (_jsx(Banner, { className: "ndl-dropzone-error-alert", description: rejectedMessage || 'Error. File extension not supported.', type: "danger" })), _jsx("div", Object.assign({
|
|
109
|
+
return (_jsxs(_Fragment, { children: [isRejected && (_jsx(Banner, { className: "ndl-dropzone-error-alert", description: rejectedMessage || 'Error. File extension not supported.', type: "danger" })), _jsx("div", Object.assign({ ref: dropZoneRef, className: wrapperClasses }, htmlAttributes, { children: _jsxs("div", Object.assign({ className: "ndl-dropzone-inner-content" }, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps())), _jsxs("div", { className: "ndl-dropzone-inner", children: [_jsxs("div", { className: "ndl-dropzone-header", children: [_jsx("div", { className: "ndl-upload-img-wrapper", children: width > 230 && (_jsxs(_Fragment, { children: [(isDragActive || isUploading) &&
|
|
121
110
|
!isTesting &&
|
|
122
111
|
!isSafari && (_jsx("span", { className: "ndl-upload-img-label", children: getFileTypeAbbr() })), (isUploading || isDragActive) && !isSafari ? (computedFileImage) : (_jsx(CloudImage, {}))] })) }), !isUploading && (_jsxs("div", { className: "ndl-dnd-title-container", children: [_jsx("h5", { className: "ndl-dnd-title", children: customTitle || (_jsxs(_Fragment, { children: ["Drag ", _jsx("span", { className: "n-font-light", children: "&" }), " Drop"] })) }), _jsxs("div", { className: "ndl-dnd-subtitle", children: [_jsx("span", { children: "or" }), ' ', _jsx("button", { className: "ndl-dnd-browse-link", onClick: () => open(), disabled: isDisabled, children: "browse" })] })] }))] }), _jsxs("div", { className: "ndl-dropzone-footer", children: [isUploading && _jsx(_Fragment, { children: loadingComponent }), !isUploading && (_jsx("div", { className: "ndl-file-support-text", children: supportedFilesDescription }))] })] })] })) }))] }));
|
|
123
112
|
};
|
|
124
113
|
const DropzoneLoadingProgressBarComponent = (props) => {
|
|
125
|
-
const { progressBarPrecentage, progressBarMinute } = props;
|
|
126
|
-
return (_jsxs("div", { className: "ndl-dropzone-loading-progress-bar-wrapper", children: [_jsx(Typography, { variant: "h5", children: "Uploading..." }), _jsxs("div", { className: "ndl-dropzone-loading-progress-bar-indicators", children: [_jsx(Typography, { className: "ndl-dropzone-loading-progress-bar-precentage", variant: "subheading-small", children: progressBarPrecentage + '%' }), progressBarMinute && (_jsx(Typography, { className: "ndl-dropzone-loading-progress-bar-minute", variant: "body-medium", children: `(${progressBarMinute} minutes left)` }))] }), _jsx(ProgressBar, { className: "ndl-dropzone-loading-progress-bar", value: progressBarPrecentage, size: "large" })] }));
|
|
114
|
+
const { progressBarPrecentage, progressBarMinute, htmlAttributes } = props;
|
|
115
|
+
return (_jsxs("div", { className: "ndl-dropzone-loading-progress-bar-wrapper", children: [_jsx(Typography, { variant: "h5", children: "Uploading..." }), _jsxs("div", { className: "ndl-dropzone-loading-progress-bar-indicators", children: [_jsx(Typography, { className: "ndl-dropzone-loading-progress-bar-precentage", variant: "subheading-small", children: progressBarPrecentage + '%' }), progressBarMinute && (_jsx(Typography, { className: "ndl-dropzone-loading-progress-bar-minute", variant: "body-medium", children: `(${progressBarMinute} minutes left)` }))] }), _jsx(ProgressBar, { className: "ndl-dropzone-loading-progress-bar", value: progressBarPrecentage, size: "large", htmlAttributes: htmlAttributes })] }));
|
|
127
116
|
};
|
|
128
117
|
const Dropzone = Object.assign(DropzoneComponent, {
|
|
129
118
|
LoadingProgressBar: DropzoneLoadingProgressBarComponent,
|