@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/cjs/index.js
CHANGED
|
@@ -38,7 +38,6 @@ __exportStar(require("./accordion"), exports);
|
|
|
38
38
|
__exportStar(require("./button"), exports);
|
|
39
39
|
__exportStar(require("./label"), exports);
|
|
40
40
|
__exportStar(require("./banner"), exports);
|
|
41
|
-
__exportStar(require("./tip"), exports);
|
|
42
41
|
__exportStar(require("./checkbox"), exports);
|
|
43
42
|
__exportStar(require("./switch"), exports);
|
|
44
43
|
__exportStar(require("./radio"), exports);
|
|
@@ -51,7 +50,6 @@ __exportStar(require("./tabs"), exports);
|
|
|
51
50
|
__exportStar(require("./segmented-control"), exports);
|
|
52
51
|
__exportStar(require("./popover"), exports);
|
|
53
52
|
__exportStar(require("./progress-bar"), exports);
|
|
54
|
-
__exportStar(require("./table"), exports);
|
|
55
53
|
__exportStar(require("./dropzone"), exports);
|
|
56
54
|
__exportStar(require("./data-grid"), exports);
|
|
57
55
|
__exportStar(require("./text-input"), exports);
|
|
@@ -63,8 +61,7 @@ __exportStar(require("./theme"), exports);
|
|
|
63
61
|
__exportStar(require("./widget"), exports);
|
|
64
62
|
__exportStar(require("./wizard"), exports);
|
|
65
63
|
__exportStar(require("./graph-label"), exports);
|
|
66
|
-
__exportStar(require("./code
|
|
67
|
-
__exportStar(require("./cypher-code-block"), exports);
|
|
64
|
+
__exportStar(require("./code"), exports);
|
|
68
65
|
__exportStar(require("./status-indicator"), exports);
|
|
69
66
|
__exportStar(require("./side-navigation"), exports);
|
|
70
67
|
__exportStar(require("./typography"), exports);
|
|
@@ -82,5 +79,6 @@ __exportStar(require("./divider"), exports);
|
|
|
82
79
|
__exportStar(require("./tree-view"), exports);
|
|
83
80
|
__exportStar(require("./toast"), exports);
|
|
84
81
|
__exportStar(require("./callout"), exports);
|
|
85
|
-
__exportStar(require("./
|
|
82
|
+
__exportStar(require("./tooltip"), exports);
|
|
83
|
+
__exportStar(require("./charts"), exports);
|
|
86
84
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,yCAAuB;AACvB,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB"}
|
|
@@ -38,8 +38,8 @@ const defaultImports_1 = require("../_common/defaultImports");
|
|
|
38
38
|
const utils_1 = require("../_common/utils");
|
|
39
39
|
const button_1 = require("../button");
|
|
40
40
|
const icons_1 = require("../icons");
|
|
41
|
-
const tip_1 = require("../tip");
|
|
42
41
|
const typography_1 = require("../typography");
|
|
42
|
+
const tooltip_1 = require("../tooltip");
|
|
43
43
|
function getIconSize(variant) {
|
|
44
44
|
switch (variant) {
|
|
45
45
|
case 'h1':
|
|
@@ -92,7 +92,8 @@ function getMinHeight(variant) {
|
|
|
92
92
|
return '1.5rem';
|
|
93
93
|
}
|
|
94
94
|
exports.InlineEdit = (0, react_1.forwardRef)(function InlineEdit(props, ref) {
|
|
95
|
-
const { label, defaultValue, variant = 'subheading-medium', isEditing = undefined, onConfirm, onCancel, errorText, hasEditIcon, isDisabled = false, inputProps = {}, typographyProps = {}, isCancellingOnBlur = false, validate, } = props;
|
|
95
|
+
const { label, defaultValue, variant = 'subheading-medium', isEditing = undefined, onConfirm, onCancel, errorText, hasEditIcon, isDisabled = false, inputProps = {}, typographyProps = {}, isCancellingOnBlur = false, validate, htmlAttributes, } = props;
|
|
96
|
+
const Component = props.as || 'div';
|
|
96
97
|
const [hasEditMode, setEditMode] = (0, react_1.useState)(false);
|
|
97
98
|
const [internalErrorText, setErrorText] = (0, react_1.useState)(errorText);
|
|
98
99
|
const [value, setValue] = (0, react_1.useState)(defaultValue);
|
|
@@ -140,9 +141,9 @@ exports.InlineEdit = (0, react_1.forwardRef)(function InlineEdit(props, ref) {
|
|
|
140
141
|
const inputID = (0, react_1.useMemo)(() => {
|
|
141
142
|
return inputProps.id || (0, utils_1.randomId)(12);
|
|
142
143
|
}, [inputProps.id]);
|
|
143
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
144
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, focusWithinProps, { className: (0, defaultImports_1.classNames)(`n-${variant} ndl-inline-edit`, {
|
|
144
145
|
'ndl-disabled': isDisabled,
|
|
145
|
-
}), ref: ref, children: [hasLabel && (0, jsx_runtime_1.jsx)("label", { htmlFor: inputID, children: label }), (isEditing !== null && isEditing !== void 0 ? isEditing : hasEditMode) ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, defaultImports_1.classNames)('ndl-inline-edit-container', {
|
|
146
|
+
}), ref: ref }, htmlAttributes, { children: [hasLabel && (0, jsx_runtime_1.jsx)("label", { htmlFor: inputID, children: label }), (isEditing !== null && isEditing !== void 0 ? isEditing : hasEditMode) ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, defaultImports_1.classNames)('ndl-inline-edit-container', {
|
|
146
147
|
'ndl-inline-edit-error': hasError,
|
|
147
148
|
}), children: [(0, jsx_runtime_1.jsx)("input", Object.assign({
|
|
148
149
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
@@ -152,14 +153,18 @@ exports.InlineEdit = (0, react_1.forwardRef)(function InlineEdit(props, ref) {
|
|
|
152
153
|
// Custom padding for avoiding icon overlap
|
|
153
154
|
style: Object.assign({ paddingRight: hasError
|
|
154
155
|
? `${parseInt(getErrorIconSize(variant)) + 4}px`
|
|
155
|
-
: undefined }, (inputProps.style || {})) })), hasError && ((0, jsx_runtime_1.jsxs)(
|
|
156
|
+
: undefined }, (inputProps.style || {})) })), hasError && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, { "data-testid": "ndl-inline-edit-error-icon", "aria-label": "Error message", style: {
|
|
156
157
|
width: `${getErrorIconSize(variant)}px`,
|
|
157
158
|
height: `${getErrorIconSize(variant)}px`,
|
|
158
|
-
}, className: "ndl-inline-edit-error-icon" }) }), (0, jsx_runtime_1.jsx)(
|
|
159
|
+
}, className: "ndl-inline-edit-error-icon" }) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: internalErrorText })] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-inline-edit-buttons", children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, { "data-testid": "ndl-confirm-button", ariaLabel: "Accept input's value change", onClick: onConfirmHandler, size: "small", isFloating: true, htmlAttributes: {
|
|
160
|
+
'data-testid': 'ndl-confirm-button',
|
|
161
|
+
}, children: (0, jsx_runtime_1.jsx)(icons_1.CheckIconOutline, {}) }), (0, jsx_runtime_1.jsx)(button_1.IconButton, { "data-testid": "ndl-cancel-button", ariaLabel: "Ignore input's value change", onClick: onCancelHandler, size: "small", isFloating: true, htmlAttributes: {
|
|
162
|
+
'data-testid': 'ndl-cancel-button',
|
|
163
|
+
}, children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) })] })] })) : ((0, jsx_runtime_1.jsxs)("button", { className: (0, defaultImports_1.classNames)('ndl-inline-idle-container', {
|
|
159
164
|
'ndl-inline-idle-container-disabled': isDisabled,
|
|
160
165
|
}), style: {
|
|
161
166
|
minHeight: getMinHeight(variant),
|
|
162
|
-
}, onClick: () => !isDisabled && setEditMode(!hasEditMode), children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({
|
|
167
|
+
}, onClick: () => !isDisabled && setEditMode(!hasEditMode), children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({}, typographyProps, { variant: variant, children: defaultValue })), hasEditIcon && ((0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, { style: {
|
|
163
168
|
width: `${iconSize}px`,
|
|
164
169
|
height: `${iconSize}px`,
|
|
165
170
|
} }))] }))] }), defaultValue));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,0CAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/label/Label.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -53,17 +42,16 @@ exports.LabelColors = [
|
|
|
53
42
|
'danger',
|
|
54
43
|
'default',
|
|
55
44
|
];
|
|
56
|
-
exports.Label = react_1.default.forwardRef(function Label(
|
|
57
|
-
var { color = 'default', children, className, fill = 'filled', withIcon = false } = _a, restProps = __rest(_a, ["color", "children", "className", "fill", "withIcon"]);
|
|
45
|
+
exports.Label = react_1.default.forwardRef(function Label({ color = 'default', children, className, fill = 'filled', hasIcon = false, htmlAttributes, }, ref) {
|
|
58
46
|
let baseClasses;
|
|
59
47
|
let icon;
|
|
60
48
|
// Clean Label without icon is not allowed
|
|
61
|
-
if (!
|
|
49
|
+
if (!hasIcon && fill === 'clean') {
|
|
62
50
|
console.error('Label without icon is not allowed');
|
|
63
51
|
}
|
|
64
52
|
// All colors map to the light-theme palette except the info
|
|
65
53
|
const mappedColor = color === 'info' ? 'primary' : color;
|
|
66
|
-
if (
|
|
54
|
+
if (hasIcon) {
|
|
67
55
|
const isFilled = fill === 'filled';
|
|
68
56
|
if (mappedColor === 'default') {
|
|
69
57
|
const fillColor = isFilled
|
|
@@ -118,7 +106,7 @@ exports.Label = react_1.default.forwardRef(function Label(_a, ref) {
|
|
|
118
106
|
'ndl-outlined': fill === 'outlined',
|
|
119
107
|
'ndl-semi-filled': fill === 'semi-filled',
|
|
120
108
|
});
|
|
121
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ role: "status", "aria-label": "label", className: classes },
|
|
109
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ role: "status", "aria-label": "label", className: classes, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-label-content", children: [icon, (0, jsx_runtime_1.jsx)("span", {
|
|
122
110
|
// To enable native tooltip on hover if the children is a string
|
|
123
111
|
title: typeof children === 'string' ? children : 'label', className: "ndl-label-text", children: children })] }) })));
|
|
124
112
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/label/Label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/label/Label.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/layout/Box.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.Box = void 0;
|
|
15
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -39,10 +28,9 @@ const types_1 = require("./types");
|
|
|
39
28
|
* Box is a general-purpose container that allows for controlled use of design tokens.
|
|
40
29
|
* Use the given props to configure display behavior and styling that aligns with Needle's tokens.
|
|
41
30
|
*/
|
|
42
|
-
exports.Box = (0, react_1.forwardRef)(function Box(
|
|
43
|
-
|
|
44
|
-
const
|
|
45
|
-
const style = {
|
|
31
|
+
exports.Box = (0, react_1.forwardRef)(function Box({ as = 'div', padding, paddingInline, paddingInlineStart, paddingInlineEnd, paddingBlockEnd, paddingBlockStart, borderRadius, children, style, htmlAttributes, }, ref) {
|
|
32
|
+
const Component = as || 'div';
|
|
33
|
+
const additionalStyle = {
|
|
46
34
|
padding: (0, types_1.getSpacing)(padding, 'padding'),
|
|
47
35
|
paddingInline: (0, types_1.getSpacing)(paddingInline, 'paddingInline'),
|
|
48
36
|
paddingInlineStart: (0, types_1.getSpacing)(paddingInlineStart, 'paddingInlineStart'),
|
|
@@ -51,6 +39,6 @@ exports.Box = (0, react_1.forwardRef)(function Box(_a, ref) {
|
|
|
51
39
|
paddingBlockStart: (0, types_1.getSpacing)(paddingBlockStart, 'paddingBlockStart'),
|
|
52
40
|
borderRadius: (0, types_1.getRadius)(borderRadius, 'borderRadius'),
|
|
53
41
|
};
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, style: Object.assign(Object.assign({}, additionalStyle), style) }, htmlAttributes, { children: children })));
|
|
55
43
|
});
|
|
56
44
|
//# sourceMappingURL=Box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/Box.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/Box.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAA0C;AAE1C,mCAA2E;AA4C3E;;;GAGG;AACU,QAAA,GAAG,GAAiB,IAAA,kBAAU,EAAC,SAAS,GAAG,CAGtD,EACE,EAAE,GAAG,KAAU,EACf,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,cAAc,GAC6B,EAC7C,GAAsB;IAEtB,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,MAAM,eAAe,GAAG;QACtB,OAAO,EAAE,IAAA,kBAAU,EAAC,OAAO,EAAE,SAAS,CAAC;QACvC,aAAa,EAAE,IAAA,kBAAU,EAAC,aAAa,EAAE,eAAe,CAAC;QACzD,kBAAkB,EAAE,IAAA,kBAAU,EAAC,kBAAkB,EAAE,oBAAoB,CAAC;QACxE,gBAAgB,EAAE,IAAA,kBAAU,EAAC,gBAAgB,EAAE,kBAAkB,CAAC;QAClE,eAAe,EAAE,IAAA,kBAAU,EAAC,eAAe,EAAE,iBAAiB,CAAC;QAC/D,iBAAiB,EAAE,IAAA,kBAAU,EAAC,iBAAiB,EAAE,mBAAmB,CAAC;QACrE,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/lib/cjs/layout/Flex.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.Flex = void 0;
|
|
15
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -40,9 +29,8 @@ const types_1 = require("./types");
|
|
|
40
29
|
* Flex is a general-purpose container that helps
|
|
41
30
|
* lay out components with consistent spacing in a row or column.
|
|
42
31
|
*/
|
|
43
|
-
exports.Flex = (0, react_1.forwardRef)(function Flex(
|
|
44
|
-
|
|
45
|
-
const Component = as;
|
|
32
|
+
exports.Flex = (0, react_1.forwardRef)(function Flex({ as, gap = '4', rowGap, columnGap, children, borderRadius, flexDirection = 'column', flexWrap = 'nowrap', alignItems, justifyContent, style, htmlAttributes, }, ref) {
|
|
33
|
+
const Component = (as || 'div');
|
|
46
34
|
// If gap is not provided,
|
|
47
35
|
// and rowGap and columnGap are not provided,
|
|
48
36
|
// then use the default value.
|
|
@@ -50,7 +38,7 @@ exports.Flex = (0, react_1.forwardRef)(function Flex(_a, ref) {
|
|
|
50
38
|
const rowGapPx = rowGap ? base_1.tokens.space[rowGap] : undefined;
|
|
51
39
|
const columnGapPx = columnGap ? base_1.tokens.space[columnGap] : undefined;
|
|
52
40
|
const gapFormatted = `${rowGapPx !== null && rowGapPx !== void 0 ? rowGapPx : gapPx} ${columnGapPx !== null && columnGapPx !== void 0 ? columnGapPx : gapPx}`;
|
|
53
|
-
const
|
|
41
|
+
const additionalStyle = {
|
|
54
42
|
flexDirection,
|
|
55
43
|
alignItems,
|
|
56
44
|
flexWrap,
|
|
@@ -59,6 +47,6 @@ exports.Flex = (0, react_1.forwardRef)(function Flex(_a, ref) {
|
|
|
59
47
|
gap: gapFormatted,
|
|
60
48
|
borderRadius: (0, types_1.getRadius)(borderRadius, 'borderRadius'),
|
|
61
49
|
};
|
|
62
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, style: Object.assign(Object.assign({}, additionalStyle), style) }, htmlAttributes, { children: children })));
|
|
63
51
|
});
|
|
64
52
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/layout/Flex.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/layout/Flex.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,0CAAyC;AACzC,iCAA0C;AAE1C,mCAMiB;AA6DjB;;;GAGG;AACU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAAC,SAAS,IAAI,CAGzD,EACE,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,KAAK,EACL,cAAc,GAC8B,EAC9C,GAAsB;IAEtB,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -46,12 +35,12 @@ const defaultImports_1 = require("../_common/defaultImports");
|
|
|
46
35
|
*
|
|
47
36
|
*/
|
|
48
37
|
exports.LoadingSpinner = react_1.default.forwardRef(function LoadingSpinner(props, ref) {
|
|
49
|
-
const { size = 'small', className } = props
|
|
38
|
+
const { size = 'small', className, htmlAttributes } = props;
|
|
50
39
|
const classes = (0, defaultImports_1.classNames)('ndl-spin-wrapper', className, {
|
|
51
40
|
'ndl-small': size === 'small',
|
|
52
41
|
'ndl-medium': size === 'medium',
|
|
53
42
|
'ndl-large': size === 'large',
|
|
54
43
|
});
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, role: "status", "aria-label": "Loading content", "aria-live": "polite" },
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, role: "status", "aria-label": "Loading content", "aria-live": "polite", ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-spin" }) })));
|
|
56
45
|
});
|
|
57
46
|
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;AAiBvD;;;;;;GAMG;AAEU,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,cAAc,CACpE,KAA0B,EAC1B,GAAuC;IAEvC,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE5D,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,8CACE,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,QAAQ,gBACF,iBAAiB,eAClB,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,cAAc,cAElB,gCAAK,SAAS,EAAC,UAAU,GAAG,IACxB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/lib/cjs/modal/Modal.js
CHANGED
|
@@ -58,7 +58,7 @@ var ModalCloseReason;
|
|
|
58
58
|
ModalCloseReason["BACKDROP_CLICK"] = "backdropClick";
|
|
59
59
|
ModalCloseReason["ESCAPE_KEY_DOWN"] = "escapeKeyDown";
|
|
60
60
|
})(ModalCloseReason || (exports.ModalCloseReason = ModalCloseReason = {}));
|
|
61
|
-
exports.Modal = (0, react_1.forwardRef)(function Modal({ open, size = 'medium', onClose, children, container, rootProps, modalProps, }, ref) {
|
|
61
|
+
exports.Modal = (0, react_1.forwardRef)(function Modal({ isOpen: open, size = 'medium', onClose, children, container, rootProps, modalProps, htmlAttributes, }, ref) {
|
|
62
62
|
const toggleScrollbar = (0, utils_1.useDocumentScrollToggle)();
|
|
63
63
|
const backdropClick = react_1.default.useRef(null);
|
|
64
64
|
const handleMouseDown = (event) => {
|
|
@@ -94,6 +94,6 @@ exports.Modal = (0, react_1.forwardRef)(function Modal({ open, size = 'medium',
|
|
|
94
94
|
const rootClasses = (0, defaultImports_1.classNames)('ndl-modal-root', rootProps === null || rootProps === void 0 ? void 0 : rootProps.className, {
|
|
95
95
|
'ndl-modal-container': container,
|
|
96
96
|
});
|
|
97
|
-
return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { container: container, children: (0, jsx_runtime_1.jsx)(react_focus_lock_1.default, { hasPositiveIndices: true, returnFocus: true, children: (0, jsx_runtime_1.jsx)("div", { className: rootClasses, onKeyDown: handleKeyDown, onClick: handleBackdropClick, "data-testid": "ndl-modal-backdrop", role: "presentation", children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-modal-wrapper", "data-testid": "ndl-modal-wrapper" }, rootProps, { onMouseDown: handleMouseDown, role: "presentation", children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, modalProps, { role: "dialog", "aria-modal": "true", className: classes, ref: ref, children: children })) })) }) }) }));
|
|
97
|
+
return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { container: container, children: (0, jsx_runtime_1.jsx)(react_focus_lock_1.default, { hasPositiveIndices: true, returnFocus: true, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: rootClasses, onKeyDown: handleKeyDown, onClick: handleBackdropClick, "data-testid": "ndl-modal-backdrop", role: "presentation" }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-modal-wrapper", "data-testid": "ndl-modal-wrapper" }, rootProps, { onMouseDown: handleMouseDown, role: "presentation", children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, modalProps, { role: "dialog", "aria-modal": "true", className: classes, ref: ref, children: children })) })) })) }) }));
|
|
98
98
|
});
|
|
99
99
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAAqD;AACrD,wEAAyC;AAEzC,8DAAuD;AACvD,4CAA2D;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":"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"}
|