@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
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Charts = exports.ChartsContext = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
*
|
|
7
|
+
* Copyright (c) "Neo4j"
|
|
8
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
9
|
+
*
|
|
10
|
+
* This file is part of Neo4j.
|
|
11
|
+
*
|
|
12
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
13
|
+
* it under the terms of the GNU General Public License as published by
|
|
14
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
15
|
+
* (at your option) any later version.
|
|
16
|
+
*
|
|
17
|
+
* This program is distributed in the hope that it will be useful,
|
|
18
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
19
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
20
|
+
* GNU General Public License for more details.
|
|
21
|
+
*
|
|
22
|
+
* You should have received a copy of the GNU General Public License
|
|
23
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
|
+
*/
|
|
25
|
+
const react_1 = require("react");
|
|
26
|
+
const defaultImports_1 = require("../_common/defaultImports");
|
|
27
|
+
const Chart_1 = require("./Chart");
|
|
28
|
+
const Legend_1 = require("./Legend");
|
|
29
|
+
const Line_1 = require("./Line");
|
|
30
|
+
const Axis_1 = require("./Axis");
|
|
31
|
+
const usehooks_ts_1 = require("usehooks-ts");
|
|
32
|
+
const CartesianGrid_1 = require("./CartesianGrid");
|
|
33
|
+
const base_1 = require("@neo4j-ndl/base");
|
|
34
|
+
const defaultChartsProps = {
|
|
35
|
+
colors: Object.entries(base_1.tokens.palette.graph).map((color) => color[1]),
|
|
36
|
+
data: [],
|
|
37
|
+
};
|
|
38
|
+
exports.ChartsContext = (0, react_1.createContext)({
|
|
39
|
+
metadata: {},
|
|
40
|
+
setIsVisible: () => { },
|
|
41
|
+
chartsSize: {
|
|
42
|
+
width: 0,
|
|
43
|
+
height: 0,
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
const ChartsComponent = (0, react_1.forwardRef)(function ChartsComponent({ children, className, colors = defaultChartsProps.colors, data = defaultChartsProps.data, htmlAttributes, width, height, as, metadata: metaDataProp = {}, }, ref) {
|
|
47
|
+
// console.info('Charts.tsx - ChartsComponent - initiation');
|
|
48
|
+
const chartsRef = (0, react_1.useRef)(null);
|
|
49
|
+
const [chartsSize, setChartsSize] = (0, react_1.useState)({
|
|
50
|
+
width: width !== null && width !== void 0 ? width : 0,
|
|
51
|
+
height: height !== null && height !== void 0 ? height : 0,
|
|
52
|
+
});
|
|
53
|
+
const Component = as || 'div';
|
|
54
|
+
const [metadata, setMetadata] = (0, react_1.useState)(Object.entries(metaDataProp).reduce((acc, [key, value]) => {
|
|
55
|
+
var _a;
|
|
56
|
+
acc[key] = Object.assign(Object.assign({}, value), { isVisible: (_a = value.isVisible) !== null && _a !== void 0 ? _a : true });
|
|
57
|
+
return acc;
|
|
58
|
+
}, {}));
|
|
59
|
+
(0, react_1.useImperativeHandle)(ref, () => chartsRef.current);
|
|
60
|
+
(0, usehooks_ts_1.useResizeObserver)({
|
|
61
|
+
ref: chartsRef,
|
|
62
|
+
onResize: (entry) => {
|
|
63
|
+
if (entry.width === undefined || entry.height === undefined) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
setChartsSize({
|
|
67
|
+
width: entry.width,
|
|
68
|
+
height: entry.height,
|
|
69
|
+
});
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
const chartsContextValue = {
|
|
73
|
+
colors,
|
|
74
|
+
data,
|
|
75
|
+
setIsVisible: (dataId, isVisible) => {
|
|
76
|
+
setMetadata((prevMetaData) => {
|
|
77
|
+
const newMetaData = Object.assign({}, prevMetaData);
|
|
78
|
+
newMetaData[dataId] = Object.assign(Object.assign({}, newMetaData[dataId]), { isVisible });
|
|
79
|
+
return newMetaData;
|
|
80
|
+
});
|
|
81
|
+
},
|
|
82
|
+
metadata: metadata,
|
|
83
|
+
chartsSize,
|
|
84
|
+
};
|
|
85
|
+
const classes = (0, defaultImports_1.classNames)(`ndl-charts`, className);
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: { width: `${width}`, height: `${height}` }, ref: chartsRef }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(exports.ChartsContext.Provider, { value: chartsContextValue, children: children }) })));
|
|
87
|
+
});
|
|
88
|
+
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
89
|
+
const Charts = Object.assign(ChartsComponent, {
|
|
90
|
+
Chart: Chart_1.Chart,
|
|
91
|
+
Legend: Legend_1.Legend,
|
|
92
|
+
Line: Line_1.Line,
|
|
93
|
+
XAxis: Axis_1.XAxis,
|
|
94
|
+
YAxis: Axis_1.YAxis,
|
|
95
|
+
CartesianGrid: CartesianGrid_1.CartesianGrid,
|
|
96
|
+
// LineThreshold
|
|
97
|
+
});
|
|
98
|
+
exports.Charts = Charts;
|
|
99
|
+
//# sourceMappingURL=Charts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Charts.js","sourceRoot":"","sources":["../../../src/charts/Charts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Dot = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
*
|
|
7
|
+
* Copyright (c) "Neo4j"
|
|
8
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
9
|
+
*
|
|
10
|
+
* This file is part of Neo4j.
|
|
11
|
+
*
|
|
12
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
13
|
+
* it under the terms of the GNU General Public License as published by
|
|
14
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
15
|
+
* (at your option) any later version.
|
|
16
|
+
*
|
|
17
|
+
* This program is distributed in the hope that it will be useful,
|
|
18
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
19
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
20
|
+
* GNU General Public License for more details.
|
|
21
|
+
*
|
|
22
|
+
* You should have received a copy of the GNU General Public License
|
|
23
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
|
+
*/
|
|
25
|
+
const react_1 = require("react");
|
|
26
|
+
const Dot = (0, react_1.forwardRef)(function DotComponent(props, ref) {
|
|
27
|
+
// console.info('Dot.tsx - DotComponent - initiation');
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props, { ref: ref, x: props.x - 10, y: props.y - 10, className: "ndl-charts-chart-dot", children: [(0, jsx_runtime_1.jsx)("g", { filter: "url(#filter0_d_3368_2254)", children: (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "9", r: "8", fill: props.color, strokeWidth: "3", className: "ndl-chart-charts-dot-circle" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", { id: "filter0_d_3368_2254", x: "0", y: "0", width: "20", height: "20", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [(0, jsx_runtime_1.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), (0, jsx_runtime_1.jsx)("feOffset", { dy: "1" }), (0, jsx_runtime_1.jsx)("feGaussianBlur", { stdDeviation: "1" }), (0, jsx_runtime_1.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.101961 0 0 0 0 0.105882 0 0 0 0 0.113725 0 0 0 0.18 0" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_3368_2254" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_3368_2254", result: "shape" })] }) })] })));
|
|
29
|
+
});
|
|
30
|
+
exports.Dot = Dot;
|
|
31
|
+
//# sourceMappingURL=Dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.js","sourceRoot":"","sources":["../../../src/charts/Dot.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAmC;AAQnC,MAAM,GAAG,GAAG,IAAA,kBAAU,EACpB,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,uDAAuD;IACvD,OAAO,CACL,+CACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,KAAK,IACT,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,EAAE,EACf,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,EAAE,EACf,SAAS,EAAC,sBAAsB,aAEhC,8BAAG,MAAM,EAAC,2BAA2B,YACnC,mCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,WAAW,EAAC,GAAG,EACf,SAAS,EAAC,6BAA6B,GACvC,GACA,EACJ,2CACE,oCACE,EAAE,EAAC,qBAAqB,EACxB,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,WAAW,EAAC,gBAAgB,EAC5B,yBAAyB,EAAC,MAAM,aAEhC,oCAAS,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG,EACxD,0CACE,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,2CAA2C,EAClD,MAAM,EAAC,WAAW,GAClB,EACF,qCAAU,EAAE,EAAC,GAAG,GAAG,EACnB,2CAAgB,YAAY,EAAC,GAAG,GAAG,EACnC,wCAAa,GAAG,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,GAAG,EAC9C,0CACE,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,iEAAiE,GACxE,EACF,oCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,oBAAoB,EACxB,MAAM,EAAC,8BAA8B,GACrC,EACF,oCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,eAAe,EAClB,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,OAAO,GACd,IACK,GACJ,KACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kBAAG"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Legend = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
/**
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) "Neo4j"
|
|
11
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
12
|
+
*
|
|
13
|
+
* This file is part of Neo4j.
|
|
14
|
+
*
|
|
15
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
16
|
+
* it under the terms of the GNU General Public License as published by
|
|
17
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
18
|
+
* (at your option) any later version.
|
|
19
|
+
*
|
|
20
|
+
* This program is distributed in the hope that it will be useful,
|
|
21
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
22
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
23
|
+
* GNU General Public License for more details.
|
|
24
|
+
*
|
|
25
|
+
* You should have received a copy of the GNU General Public License
|
|
26
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
27
|
+
*/
|
|
28
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
29
|
+
const react_1 = require("react");
|
|
30
|
+
const tooltip_1 = require("../tooltip");
|
|
31
|
+
const typography_1 = require("../typography");
|
|
32
|
+
const react_2 = require("@floating-ui/react");
|
|
33
|
+
const outline_1 = require("@heroicons/react/24/outline");
|
|
34
|
+
const Charts_1 = require("./Charts");
|
|
35
|
+
const usehooks_ts_1 = require("usehooks-ts");
|
|
36
|
+
const coditionalWrap_1 = require("../_common/coditionalWrap");
|
|
37
|
+
const LegendItem = (0, react_1.forwardRef)(function LegendItemComponent({ children, as, className, id, selected, deSelected, onSquareClick, onTextClick, color, hasButtons = true, },
|
|
38
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
39
|
+
ref) {
|
|
40
|
+
// console.info('Legend.tsx - LegendItemComponent - initiation');
|
|
41
|
+
const Component = as === 'button' ? 'button' : 'div';
|
|
42
|
+
const InnerComponent = hasButtons ? 'button' : 'div';
|
|
43
|
+
const classes = (0, classnames_1.default)('ndl-chart-legend-item', {
|
|
44
|
+
'ndl-chart-legend-item-selected': selected,
|
|
45
|
+
'ndl-chart-legend-item-deselected': deSelected,
|
|
46
|
+
}, className);
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(Component, { className: classes, ref: ref, tabIndex: -1, "data-labelid": id, children: [(0, jsx_runtime_1.jsx)(InnerComponent, { className: "ndl-chart-legend-item-square", style: {
|
|
48
|
+
backgroundColor: color,
|
|
49
|
+
}, onClick: onSquareClick, children: selected && ((0, jsx_runtime_1.jsx)(outline_1.CheckIcon, { className: "ndl-chart-legend-item-square-checkmark" })) }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { as: InnerComponent, variant: "body-medium", className: "ndl-chart-legend-item-text", htmlAttributes: {
|
|
50
|
+
onClick: onTextClick,
|
|
51
|
+
}, children: children })] }));
|
|
52
|
+
});
|
|
53
|
+
exports.Legend = (0, react_1.forwardRef)(function LegendComponent({ className, wrappingType = 'wrapping' }, ref) {
|
|
54
|
+
// console.info('Legend.tsx - LegendComponent - initiation');
|
|
55
|
+
const chartsContextValue = (0, react_1.useContext)(Charts_1.ChartsContext);
|
|
56
|
+
const { metadata } = chartsContextValue;
|
|
57
|
+
const dataIds = Object.keys(metadata);
|
|
58
|
+
const classes = (0, classnames_1.default)(`ndl-chart-legend`, {
|
|
59
|
+
'ndl-chart-legend-overflow': wrappingType === 'overflow',
|
|
60
|
+
'ndl-chart-legend-wrapping': wrappingType === 'wrapping',
|
|
61
|
+
'ndl-chart-legend-truncation': wrappingType === 'truncation',
|
|
62
|
+
}, className);
|
|
63
|
+
if (!chartsContextValue) {
|
|
64
|
+
return null;
|
|
65
|
+
}
|
|
66
|
+
const setOnlyVisible = (id) => {
|
|
67
|
+
dataIds.forEach((dataId) => {
|
|
68
|
+
chartsContextValue.setIsVisible(dataId, dataId === id);
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
const setAllVisible = () => {
|
|
72
|
+
dataIds.forEach((dataId) => {
|
|
73
|
+
chartsContextValue.setIsVisible(dataId, true);
|
|
74
|
+
});
|
|
75
|
+
};
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrappingType === 'truncation' || wrappingType === 'wrapping' ? ((0, jsx_runtime_1.jsx)("div", { className: classes, ref: ref, children: dataIds.map((key) => {
|
|
77
|
+
const metaDataForDataId = metadata[key];
|
|
78
|
+
if (!metaDataForDataId) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
81
|
+
const { label, color, isVisible } = metaDataForDataId;
|
|
82
|
+
const isOnlyVisible = isVisible &&
|
|
83
|
+
Object.values(metadata)
|
|
84
|
+
.map((v) => v.isVisible)
|
|
85
|
+
.filter(Boolean).length === 1;
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)(coditionalWrap_1.ConditionalWrap, { shouldWrap: wrappingType === 'truncation', wrapper: (children) => ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { type: "simple", children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: true, children: children }) }, key)), children: (0, jsx_runtime_1.jsx)(LegendItem, { as: wrappingType === 'truncation' ? 'button' : 'div', id: key, color: color, onSquareClick: () => {
|
|
87
|
+
if (isOnlyVisible) {
|
|
88
|
+
setAllVisible();
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
setOnlyVisible(key);
|
|
92
|
+
}
|
|
93
|
+
}, onTextClick: () => chartsContextValue.setIsVisible(key, !isVisible), selected: isOnlyVisible, deSelected: !isVisible, children: label }) }, key));
|
|
94
|
+
}) })) : ((0, jsx_runtime_1.jsx)(LegendOverflowType, { metadata: metadata, className: classes, wrappingType: wrappingType, ref: ref, onSquareClick: (id) => {
|
|
95
|
+
const isOnlyVisible = metadata[id].isVisible &&
|
|
96
|
+
Object.values(metadata)
|
|
97
|
+
.map((v) => v.isVisible)
|
|
98
|
+
.filter(Boolean).length === 1;
|
|
99
|
+
if (isOnlyVisible) {
|
|
100
|
+
setAllVisible();
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
setOnlyVisible(id);
|
|
104
|
+
}
|
|
105
|
+
}, onTextClick: (id) => {
|
|
106
|
+
chartsContextValue.setIsVisible(id, !metadata[id].isVisible);
|
|
107
|
+
} })) }));
|
|
108
|
+
});
|
|
109
|
+
const LegendOverflowType = (0, react_1.forwardRef)(function LegendOverflow({ metadata, className, onSquareClick, onTextClick, }, ref) {
|
|
110
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
111
|
+
const mergedRef = (0, react_2.useMergeRefs)([containerRef, ref]);
|
|
112
|
+
const [visibleItemsIds, setVisibleItemsIds] = (0, react_1.useState)(Object.keys(metadata));
|
|
113
|
+
const [overflowItemsIds, setOverflowItemsIds] = (0, react_1.useState)([]);
|
|
114
|
+
const [width, setWidth] = (0, react_1.useState)(Infinity);
|
|
115
|
+
(0, usehooks_ts_1.useResizeObserver)({
|
|
116
|
+
ref: containerRef,
|
|
117
|
+
onResize: (entry) => {
|
|
118
|
+
if (entry.width === undefined) {
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
if (width < entry.width) {
|
|
122
|
+
setVisibleItemsIds(Object.keys(metadata));
|
|
123
|
+
setOverflowItemsIds([]);
|
|
124
|
+
}
|
|
125
|
+
setWidth(entry.width);
|
|
126
|
+
},
|
|
127
|
+
});
|
|
128
|
+
(0, react_1.useEffect)(() => {
|
|
129
|
+
const container = containerRef.current;
|
|
130
|
+
if (!container) {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
let elements = Array.from(container.children);
|
|
134
|
+
let totalWidth = 0;
|
|
135
|
+
if (overflowItemsIds.length > 0) {
|
|
136
|
+
const lastElementItem = elements[elements.length - 1];
|
|
137
|
+
const lastItemWidth = lastElementItem.getBoundingClientRect().width;
|
|
138
|
+
elements = elements.slice(0, elements.length - 1);
|
|
139
|
+
totalWidth += lastItemWidth;
|
|
140
|
+
}
|
|
141
|
+
const newVisibleItemsIds = [];
|
|
142
|
+
elements.forEach((element) => {
|
|
143
|
+
totalWidth += element.getBoundingClientRect().width;
|
|
144
|
+
const textContent = element.textContent;
|
|
145
|
+
if (!textContent) {
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
const itemId = element.getAttribute('data-labelid');
|
|
149
|
+
if (itemId === null) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
if (totalWidth > width) {
|
|
153
|
+
setOverflowItemsIds((oldIds) => [...oldIds, itemId]);
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
newVisibleItemsIds.push(itemId);
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
setVisibleItemsIds(newVisibleItemsIds);
|
|
160
|
+
}, [overflowItemsIds.length, width]);
|
|
161
|
+
const classes = (0, classnames_1.default)({
|
|
162
|
+
'ndl-chart-legend-calculating': width === Infinity,
|
|
163
|
+
}, className);
|
|
164
|
+
const overflowItems = overflowItemsIds.map((itemId) => metadata[itemId]);
|
|
165
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: classes, ref: mergedRef, children: [visibleItemsIds.map((itemId) => {
|
|
166
|
+
const item = metadata[itemId];
|
|
167
|
+
if (!item) {
|
|
168
|
+
return null;
|
|
169
|
+
}
|
|
170
|
+
const { label, color, isVisible } = item;
|
|
171
|
+
const isOnlyVisible = isVisible &&
|
|
172
|
+
Object.values(metadata)
|
|
173
|
+
.map((v) => v.isVisible)
|
|
174
|
+
.filter(Boolean).length === 1;
|
|
175
|
+
return ((0, jsx_runtime_1.jsx)(LegendItem, { id: itemId, color: color, onSquareClick: () => {
|
|
176
|
+
onSquareClick === null || onSquareClick === void 0 ? void 0 : onSquareClick(itemId);
|
|
177
|
+
}, onTextClick: () => onTextClick === null || onTextClick === void 0 ? void 0 : onTextClick(itemId), selected: isOnlyVisible, deSelected: !isVisible, children: label }, itemId));
|
|
178
|
+
}), overflowItemsIds.length > 0 && ((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.jsxs)(LegendItem, { as: "div", id: "ndl-overflow-items", color: overflowItems[0].color, hasButtons: false, children: [' ', overflowItems.length, " more"] }) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: overflowItems.map((item) => ((0, jsx_runtime_1.jsx)("p", { children: item.label }, item.label))) })] }))] }));
|
|
179
|
+
});
|
|
180
|
+
//# sourceMappingURL=Legend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Line = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
/**
|
|
29
|
+
*
|
|
30
|
+
* Copyright (c) "Neo4j"
|
|
31
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
32
|
+
*
|
|
33
|
+
* This file is part of Neo4j.
|
|
34
|
+
*
|
|
35
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
36
|
+
* it under the terms of the GNU General Public License as published by
|
|
37
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
38
|
+
* (at your option) any later version.
|
|
39
|
+
*
|
|
40
|
+
* This program is distributed in the hope that it will be useful,
|
|
41
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
42
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
43
|
+
* GNU General Public License for more details.
|
|
44
|
+
*
|
|
45
|
+
* You should have received a copy of the GNU General Public License
|
|
46
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
47
|
+
*/
|
|
48
|
+
const react_1 = require("react");
|
|
49
|
+
const d3 = __importStar(require("d3"));
|
|
50
|
+
const Charts_1 = require("./Charts");
|
|
51
|
+
const Chart_1 = require("./Chart");
|
|
52
|
+
exports.Line = (0, react_1.memo)((0, react_1.forwardRef)(function LineComponent(props, ref) {
|
|
53
|
+
// console.info('Line.tsx - LineComponent - initiation');
|
|
54
|
+
const { dataId, scaleXAxis: scaleXAxisId, scaleYAxis: scaleYAxisId, } = props;
|
|
55
|
+
const { metadata } = (0, react_1.useContext)(Charts_1.ChartsContext);
|
|
56
|
+
const { scales, linePointArray } = (0, react_1.useContext)(Chart_1.ChartsChartContext);
|
|
57
|
+
const scaleXAxis = scales === null || scales === void 0 ? void 0 : scales[scaleXAxisId].functionWithContentWidthAsRange;
|
|
58
|
+
const scaleYAxis = scales === null || scales === void 0 ? void 0 : scales[scaleYAxisId].functionWithContentHeightAsRange;
|
|
59
|
+
const shouldNotRender = scaleYAxis === undefined || scaleXAxis === undefined || !linePointArray;
|
|
60
|
+
if (shouldNotRender) {
|
|
61
|
+
console.error('Line should not render');
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
const linePointArrayFiltered = linePointArray.filter((linePoint) => linePoint.dataId === dataId);
|
|
65
|
+
const lineGenerator = d3
|
|
66
|
+
.line()
|
|
67
|
+
.x((linePoint) => {
|
|
68
|
+
const xValue = linePoint[linePoint.accessorXAxis];
|
|
69
|
+
//@ts-expect-error xValue is unknown
|
|
70
|
+
const scaledXValue = scaleXAxis(xValue);
|
|
71
|
+
if (scaledXValue === undefined) {
|
|
72
|
+
console.error({ xValue, scaledXValue });
|
|
73
|
+
throw new Error('scaledXValue is undefined');
|
|
74
|
+
}
|
|
75
|
+
return scaledXValue;
|
|
76
|
+
})
|
|
77
|
+
.y((linePoint) => {
|
|
78
|
+
const yValue = linePoint[linePoint.accessorYAxis];
|
|
79
|
+
//@ts-expect-error yValue is unknown
|
|
80
|
+
const scaledYValue = scaleYAxis(yValue);
|
|
81
|
+
if (scaledYValue === undefined) {
|
|
82
|
+
console.error({ yValue, scaledYValue });
|
|
83
|
+
throw new Error('scaledYValue is undefined');
|
|
84
|
+
}
|
|
85
|
+
return scaledYValue;
|
|
86
|
+
})
|
|
87
|
+
.defined((linePoint) => {
|
|
88
|
+
return (linePoint[linePoint.accessorXAxis] === 0 ||
|
|
89
|
+
Boolean(linePoint[linePoint.accessorXAxis]));
|
|
90
|
+
})
|
|
91
|
+
.defined((linePoint) => {
|
|
92
|
+
return (linePoint[linePoint.accessorYAxis] === 0 ||
|
|
93
|
+
Boolean(linePoint[linePoint.accessorYAxis]));
|
|
94
|
+
});
|
|
95
|
+
const linePath = lineGenerator(linePointArrayFiltered);
|
|
96
|
+
const color = metadata[dataId].color;
|
|
97
|
+
if (!linePath)
|
|
98
|
+
return null;
|
|
99
|
+
return ((0, jsx_runtime_1.jsx)("path", { ref: ref, fill: "none", stroke: color, strokeWidth: "3", strokeLinejoin: "round", d: linePath }));
|
|
100
|
+
}));
|
|
101
|
+
//# sourceMappingURL=Line.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../src/charts/Line.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,5 +34,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
34
34
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
__exportStar(require("./
|
|
37
|
+
__exportStar(require("./Charts"), exports);
|
|
38
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useThrottle = void 0;
|
|
1
4
|
/**
|
|
2
5
|
*
|
|
3
6
|
* Copyright (c) "Neo4j"
|
|
@@ -18,19 +21,20 @@
|
|
|
18
21
|
* You should have received a copy of the GNU General Public License
|
|
19
22
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
23
|
*/
|
|
21
|
-
|
|
22
|
-
"use strict";
|
|
23
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
24
|
-
exports.TableContext = void 0;
|
|
25
|
-
exports.useTableContext = useTableContext;
|
|
26
24
|
const react_1 = require("react");
|
|
27
25
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
26
|
+
const useThrottle = (callback, limit) => {
|
|
27
|
+
const lastCallRef = (0, react_1.useRef)(0);
|
|
28
|
+
const throttledCallback = (0, react_1.useCallback)(
|
|
29
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
30
|
+
(...args) => {
|
|
31
|
+
const now = Date.now();
|
|
32
|
+
if (now - lastCallRef.current >= limit) {
|
|
33
|
+
lastCallRef.current = now;
|
|
34
|
+
callback(...args);
|
|
35
|
+
}
|
|
36
|
+
}, [callback, limit]);
|
|
37
|
+
return throttledCallback;
|
|
38
|
+
};
|
|
39
|
+
exports.useThrottle = useThrottle;
|
|
40
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/charts/utils.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAA4C;AAE5C,8DAA8D;AAC9D,MAAM,WAAW,GAAG,CAAC,QAAqC,EAAE,KAAa,EAAE,EAAE;IAC3E,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,iBAAiB,GAAG,IAAA,mBAAW;IACnC,8DAA8D;IAC9D,CAAC,GAAG,IAAW,EAAE,EAAE;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,WAAW,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;YACvC,WAAW,CAAC,OAAO,GAAG,GAAG,CAAC;YAC1B,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IACF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEO,kCAAW"}
|
|
@@ -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,12 +42,11 @@ const RadioAndCheckboxWrapper_1 = __importDefault(require("../_common/input/Radi
|
|
|
53
42
|
*
|
|
54
43
|
*
|
|
55
44
|
*/
|
|
56
|
-
exports.Checkbox = react_1.default.forwardRef((
|
|
57
|
-
var { 'aria-label': ariaLabel, label } = _a, restProps = __rest(_a, ['aria-label', "label"]);
|
|
45
|
+
exports.Checkbox = react_1.default.forwardRef(({ ariaLabel, isChecked, hasLabelBefore, label, isDisabled, isReadOnly, isDefaultChecked, isFluid, onClick, onChange, htmlAttributes, }, ref) => {
|
|
58
46
|
if (!ariaLabel && !label) {
|
|
59
47
|
console.warn('To be accessible the input component requires either `aria-label` or `label` prop: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
|
|
60
48
|
}
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(RadioAndCheckboxWrapper_1.default,
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(RadioAndCheckboxWrapper_1.default, { label: label, ariaLabel: ariaLabel, ref: ref, type: "checkbox", isDefaultChecked: isDefaultChecked, isDisabled: isDisabled, isChecked: isChecked, isReadOnly: isReadOnly, isFluid: isFluid, hasLabelBefore: hasLabelBefore, onClick: onClick, onChange: onChange, htmlAttributes: Object.assign({ role: 'checkbox' }, htmlAttributes) }));
|
|
62
50
|
});
|
|
63
51
|
exports.Checkbox.displayName = 'Checkbox';
|
|
64
52
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,uGAEkD;AAElD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEU,QAAA,QAAQ,GAAG,eAAK,CAAC,UAAU,CACtC,CACE,EACE,SAAS,EACT,SAAS,EACT,cAAc,EACd,KAAK,EACL,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,cAAc,GACQ,EACxB,GAAyC,EACzC,EAAE;IACF,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CACV,uJAAuJ,CACxJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,iCAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,kBAAI,IAAI,EAAE,UAAU,IAAK,cAAc,IACrD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,gBAAQ,CAAC,WAAW,GAAG,UAAU,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
|
};
|
|
@@ -40,9 +29,8 @@ const outline_1 = require("@heroicons/react/24/outline");
|
|
|
40
29
|
const react_1 = __importDefault(require("react"));
|
|
41
30
|
const button_1 = require("../button");
|
|
42
31
|
const hooks_1 = require("../hooks");
|
|
43
|
-
const
|
|
44
|
-
const ConfirmationButton = (
|
|
45
|
-
var { hoverText, feedbackText, children, onClick, isIcon, tipProps } = _a, props = __rest(_a, ["hoverText", "feedbackText", "children", "onClick", "isIcon", "tipProps"]);
|
|
32
|
+
const tooltip_1 = require("../tooltip");
|
|
33
|
+
const ConfirmationButton = ({ hoverText, feedbackText, children, onClick, isIcon, isDisabled, size, tooltipProps, htmlAttributes, }) => {
|
|
46
34
|
const [timeoutId, setTimeoutId] = react_1.default.useState(null);
|
|
47
35
|
const [isOpen, setIsOpen] = react_1.default.useState(false);
|
|
48
36
|
const handleClick = () => {
|
|
@@ -60,17 +48,25 @@ const ConfirmationButton = (_a) => {
|
|
|
60
48
|
const handleOpenTooltip = () => {
|
|
61
49
|
setIsOpen(true);
|
|
62
50
|
};
|
|
51
|
+
const content = timeoutId === null ? hoverText : feedbackText;
|
|
63
52
|
return (
|
|
64
53
|
/* Controlling the tip to make it disappear in a timely manner*/
|
|
65
|
-
(0, jsx_runtime_1.jsxs)(
|
|
66
|
-
|
|
54
|
+
(0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ isOpen: isOpen || timeoutId !== null, type: "simple" }, tooltipProps, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { htmlAttributes: {
|
|
55
|
+
onMouseEnter: handleOpenTooltip,
|
|
56
|
+
onMouseLeave: handleCloseTooltip,
|
|
57
|
+
onFocus: handleOpenTooltip,
|
|
58
|
+
onBlur: handleCloseTooltip,
|
|
59
|
+
}, hasButtonWrapper: true, children: isIcon ? ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ ariaLabel: content, onClick: (event) => {
|
|
60
|
+
if (onClick)
|
|
61
|
+
onClick(event);
|
|
67
62
|
handleClick();
|
|
68
|
-
} },
|
|
63
|
+
}, isDisabled: isDisabled, size: size }, htmlAttributes, { children: children }))) : ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: onClick,
|
|
64
|
+
//Typescript does not understand that the props are not the same for both components
|
|
65
|
+
isDisabled: isDisabled, size: size }, htmlAttributes, { children: children }))) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: timeoutId === null ? hoverText : feedbackText })] })));
|
|
69
66
|
};
|
|
70
|
-
const ClipboardButton = (
|
|
71
|
-
var { textToCopy } = _a, rest = __rest(_a, ["textToCopy"]);
|
|
67
|
+
const ClipboardButton = ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, }) => {
|
|
72
68
|
const [, copyFunction] = (0, hooks_1.useCopyToClipboard)();
|
|
73
|
-
return ((0, jsx_runtime_1.jsx)(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied",
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied", ariaLabel: "Copy to clipboard", isIcon: true, isClean: true, isDisabled: isDisabled, size: size, tooltipProps: tooltipProps }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(outline_1.Square2StackIcon, {}) })));
|
|
74
70
|
};
|
|
75
71
|
exports.ClipboardButton = ClipboardButton;
|
|
76
72
|
//# sourceMappingURL=ClipboardButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-copier/ClipboardButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-copier/ClipboardButton.tsx"],"names":[],"mappings":"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"}
|