@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,96 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import { createContext, forwardRef, useState, useRef, useImperativeHandle, } from 'react';
|
|
23
|
+
import { classNames } from '../_common/defaultImports';
|
|
24
|
+
import { Chart } from './Chart';
|
|
25
|
+
import { Legend } from './Legend';
|
|
26
|
+
import { Line } from './Line';
|
|
27
|
+
import { XAxis, YAxis } from './Axis';
|
|
28
|
+
import { useResizeObserver } from 'usehooks-ts';
|
|
29
|
+
import { CartesianGrid } from './CartesianGrid';
|
|
30
|
+
import { tokens } from '@neo4j-ndl/base';
|
|
31
|
+
const defaultChartsProps = {
|
|
32
|
+
colors: Object.entries(tokens.palette.graph).map((color) => color[1]),
|
|
33
|
+
data: [],
|
|
34
|
+
};
|
|
35
|
+
export const ChartsContext = createContext({
|
|
36
|
+
metadata: {},
|
|
37
|
+
setIsVisible: () => { },
|
|
38
|
+
chartsSize: {
|
|
39
|
+
width: 0,
|
|
40
|
+
height: 0,
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
const ChartsComponent = forwardRef(function ChartsComponent({ children, className, colors = defaultChartsProps.colors, data = defaultChartsProps.data, htmlAttributes, width, height, as, metadata: metaDataProp = {}, }, ref) {
|
|
44
|
+
// console.info('Charts.tsx - ChartsComponent - initiation');
|
|
45
|
+
const chartsRef = useRef(null);
|
|
46
|
+
const [chartsSize, setChartsSize] = useState({
|
|
47
|
+
width: width !== null && width !== void 0 ? width : 0,
|
|
48
|
+
height: height !== null && height !== void 0 ? height : 0,
|
|
49
|
+
});
|
|
50
|
+
const Component = as || 'div';
|
|
51
|
+
const [metadata, setMetadata] = useState(Object.entries(metaDataProp).reduce((acc, [key, value]) => {
|
|
52
|
+
var _a;
|
|
53
|
+
acc[key] = Object.assign(Object.assign({}, value), { isVisible: (_a = value.isVisible) !== null && _a !== void 0 ? _a : true });
|
|
54
|
+
return acc;
|
|
55
|
+
}, {}));
|
|
56
|
+
useImperativeHandle(ref, () => chartsRef.current);
|
|
57
|
+
useResizeObserver({
|
|
58
|
+
ref: chartsRef,
|
|
59
|
+
onResize: (entry) => {
|
|
60
|
+
if (entry.width === undefined || entry.height === undefined) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
setChartsSize({
|
|
64
|
+
width: entry.width,
|
|
65
|
+
height: entry.height,
|
|
66
|
+
});
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
const chartsContextValue = {
|
|
70
|
+
colors,
|
|
71
|
+
data,
|
|
72
|
+
setIsVisible: (dataId, isVisible) => {
|
|
73
|
+
setMetadata((prevMetaData) => {
|
|
74
|
+
const newMetaData = Object.assign({}, prevMetaData);
|
|
75
|
+
newMetaData[dataId] = Object.assign(Object.assign({}, newMetaData[dataId]), { isVisible });
|
|
76
|
+
return newMetaData;
|
|
77
|
+
});
|
|
78
|
+
},
|
|
79
|
+
metadata: metadata,
|
|
80
|
+
chartsSize,
|
|
81
|
+
};
|
|
82
|
+
const classes = classNames(`ndl-charts`, className);
|
|
83
|
+
return (_jsx(Component, Object.assign({ className: classes, style: { width: `${width}`, height: `${height}` }, ref: chartsRef }, htmlAttributes, { children: _jsx(ChartsContext.Provider, { value: chartsContextValue, children: children }) })));
|
|
84
|
+
});
|
|
85
|
+
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
86
|
+
const Charts = Object.assign(ChartsComponent, {
|
|
87
|
+
Chart,
|
|
88
|
+
Legend,
|
|
89
|
+
Line,
|
|
90
|
+
XAxis,
|
|
91
|
+
YAxis,
|
|
92
|
+
CartesianGrid,
|
|
93
|
+
// LineThreshold
|
|
94
|
+
});
|
|
95
|
+
export { Charts };
|
|
96
|
+
//# 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,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import { forwardRef } from 'react';
|
|
23
|
+
const Dot = forwardRef(function DotComponent(props, ref) {
|
|
24
|
+
// console.info('Dot.tsx - DotComponent - initiation');
|
|
25
|
+
return (_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: [_jsx("g", { filter: "url(#filter0_d_3368_2254)", children: _jsx("circle", { cx: "10", cy: "9", r: "8", fill: props.color, strokeWidth: "3", className: "ndl-chart-charts-dot-circle" }) }), _jsx("defs", { children: _jsxs("filter", { id: "filter0_d_3368_2254", x: "0", y: "0", width: "20", height: "20", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _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" }), _jsx("feOffset", { dy: "1" }), _jsx("feGaussianBlur", { stdDeviation: "1" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _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" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_3368_2254" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_3368_2254", result: "shape" })] }) })] })));
|
|
26
|
+
});
|
|
27
|
+
export { Dot };
|
|
28
|
+
//# sourceMappingURL=Dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.js","sourceRoot":"","sources":["../../../src/charts/Dot.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQnC,MAAM,GAAG,GAAG,UAAU,CACpB,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,uDAAuD;IACvD,OAAO,CACL,6BACE,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,YAAG,MAAM,EAAC,2BAA2B,YACnC,iBACE,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,yBACE,kBACE,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,kBAAS,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG,EACxD,wBACE,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,2CAA2C,EAClD,MAAM,EAAC,WAAW,GAClB,EACF,mBAAU,EAAE,EAAC,GAAG,GAAG,EACnB,yBAAgB,YAAY,EAAC,GAAG,GAAG,EACnC,sBAAa,GAAG,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,GAAG,EAC9C,wBACE,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,iEAAiE,GACxE,EACF,kBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,oBAAoB,EACxB,MAAM,EAAC,8BAA8B,GACrC,EACF,kBACE,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;AAEF,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import classNames from 'classnames';
|
|
23
|
+
import { forwardRef, useContext, useEffect, useRef, useState, } from 'react';
|
|
24
|
+
import { Tooltip } from '../tooltip';
|
|
25
|
+
import { Typography } from '../typography';
|
|
26
|
+
import { useMergeRefs } from '@floating-ui/react';
|
|
27
|
+
import { CheckIcon } from '@heroicons/react/24/outline';
|
|
28
|
+
import { ChartsContext } from './Charts';
|
|
29
|
+
import { useResizeObserver } from 'usehooks-ts';
|
|
30
|
+
import { ConditionalWrap } from '../_common/coditionalWrap';
|
|
31
|
+
const LegendItem = forwardRef(function LegendItemComponent({ children, as, className, id, selected, deSelected, onSquareClick, onTextClick, color, hasButtons = true, },
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
33
|
+
ref) {
|
|
34
|
+
// console.info('Legend.tsx - LegendItemComponent - initiation');
|
|
35
|
+
const Component = as === 'button' ? 'button' : 'div';
|
|
36
|
+
const InnerComponent = hasButtons ? 'button' : 'div';
|
|
37
|
+
const classes = classNames('ndl-chart-legend-item', {
|
|
38
|
+
'ndl-chart-legend-item-selected': selected,
|
|
39
|
+
'ndl-chart-legend-item-deselected': deSelected,
|
|
40
|
+
}, className);
|
|
41
|
+
return (_jsxs(Component, { className: classes, ref: ref, tabIndex: -1, "data-labelid": id, children: [_jsx(InnerComponent, { className: "ndl-chart-legend-item-square", style: {
|
|
42
|
+
backgroundColor: color,
|
|
43
|
+
}, onClick: onSquareClick, children: selected && (_jsx(CheckIcon, { className: "ndl-chart-legend-item-square-checkmark" })) }), _jsx(Typography, { as: InnerComponent, variant: "body-medium", className: "ndl-chart-legend-item-text", htmlAttributes: {
|
|
44
|
+
onClick: onTextClick,
|
|
45
|
+
}, children: children })] }));
|
|
46
|
+
});
|
|
47
|
+
export const Legend = forwardRef(function LegendComponent({ className, wrappingType = 'wrapping' }, ref) {
|
|
48
|
+
// console.info('Legend.tsx - LegendComponent - initiation');
|
|
49
|
+
const chartsContextValue = useContext(ChartsContext);
|
|
50
|
+
const { metadata } = chartsContextValue;
|
|
51
|
+
const dataIds = Object.keys(metadata);
|
|
52
|
+
const classes = classNames(`ndl-chart-legend`, {
|
|
53
|
+
'ndl-chart-legend-overflow': wrappingType === 'overflow',
|
|
54
|
+
'ndl-chart-legend-wrapping': wrappingType === 'wrapping',
|
|
55
|
+
'ndl-chart-legend-truncation': wrappingType === 'truncation',
|
|
56
|
+
}, className);
|
|
57
|
+
if (!chartsContextValue) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
const setOnlyVisible = (id) => {
|
|
61
|
+
dataIds.forEach((dataId) => {
|
|
62
|
+
chartsContextValue.setIsVisible(dataId, dataId === id);
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
const setAllVisible = () => {
|
|
66
|
+
dataIds.forEach((dataId) => {
|
|
67
|
+
chartsContextValue.setIsVisible(dataId, true);
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
return (_jsx(_Fragment, { children: wrappingType === 'truncation' || wrappingType === 'wrapping' ? (_jsx("div", { className: classes, ref: ref, children: dataIds.map((key) => {
|
|
71
|
+
const metaDataForDataId = metadata[key];
|
|
72
|
+
if (!metaDataForDataId) {
|
|
73
|
+
return null;
|
|
74
|
+
}
|
|
75
|
+
const { label, color, isVisible } = metaDataForDataId;
|
|
76
|
+
const isOnlyVisible = isVisible &&
|
|
77
|
+
Object.values(metadata)
|
|
78
|
+
.map((v) => v.isVisible)
|
|
79
|
+
.filter(Boolean).length === 1;
|
|
80
|
+
return (_jsx(ConditionalWrap, { shouldWrap: wrappingType === 'truncation', wrapper: (children) => (_jsx(Tooltip, { type: "simple", children: _jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: children }) }, key)), children: _jsx(LegendItem, { as: wrappingType === 'truncation' ? 'button' : 'div', id: key, color: color, onSquareClick: () => {
|
|
81
|
+
if (isOnlyVisible) {
|
|
82
|
+
setAllVisible();
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
setOnlyVisible(key);
|
|
86
|
+
}
|
|
87
|
+
}, onTextClick: () => chartsContextValue.setIsVisible(key, !isVisible), selected: isOnlyVisible, deSelected: !isVisible, children: label }) }, key));
|
|
88
|
+
}) })) : (_jsx(LegendOverflowType, { metadata: metadata, className: classes, wrappingType: wrappingType, ref: ref, onSquareClick: (id) => {
|
|
89
|
+
const isOnlyVisible = metadata[id].isVisible &&
|
|
90
|
+
Object.values(metadata)
|
|
91
|
+
.map((v) => v.isVisible)
|
|
92
|
+
.filter(Boolean).length === 1;
|
|
93
|
+
if (isOnlyVisible) {
|
|
94
|
+
setAllVisible();
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
setOnlyVisible(id);
|
|
98
|
+
}
|
|
99
|
+
}, onTextClick: (id) => {
|
|
100
|
+
chartsContextValue.setIsVisible(id, !metadata[id].isVisible);
|
|
101
|
+
} })) }));
|
|
102
|
+
});
|
|
103
|
+
const LegendOverflowType = forwardRef(function LegendOverflow({ metadata, className, onSquareClick, onTextClick, }, ref) {
|
|
104
|
+
const containerRef = useRef(null);
|
|
105
|
+
const mergedRef = useMergeRefs([containerRef, ref]);
|
|
106
|
+
const [visibleItemsIds, setVisibleItemsIds] = useState(Object.keys(metadata));
|
|
107
|
+
const [overflowItemsIds, setOverflowItemsIds] = useState([]);
|
|
108
|
+
const [width, setWidth] = useState(Infinity);
|
|
109
|
+
useResizeObserver({
|
|
110
|
+
ref: containerRef,
|
|
111
|
+
onResize: (entry) => {
|
|
112
|
+
if (entry.width === undefined) {
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
if (width < entry.width) {
|
|
116
|
+
setVisibleItemsIds(Object.keys(metadata));
|
|
117
|
+
setOverflowItemsIds([]);
|
|
118
|
+
}
|
|
119
|
+
setWidth(entry.width);
|
|
120
|
+
},
|
|
121
|
+
});
|
|
122
|
+
useEffect(() => {
|
|
123
|
+
const container = containerRef.current;
|
|
124
|
+
if (!container) {
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
let elements = Array.from(container.children);
|
|
128
|
+
let totalWidth = 0;
|
|
129
|
+
if (overflowItemsIds.length > 0) {
|
|
130
|
+
const lastElementItem = elements[elements.length - 1];
|
|
131
|
+
const lastItemWidth = lastElementItem.getBoundingClientRect().width;
|
|
132
|
+
elements = elements.slice(0, elements.length - 1);
|
|
133
|
+
totalWidth += lastItemWidth;
|
|
134
|
+
}
|
|
135
|
+
const newVisibleItemsIds = [];
|
|
136
|
+
elements.forEach((element) => {
|
|
137
|
+
totalWidth += element.getBoundingClientRect().width;
|
|
138
|
+
const textContent = element.textContent;
|
|
139
|
+
if (!textContent) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
const itemId = element.getAttribute('data-labelid');
|
|
143
|
+
if (itemId === null) {
|
|
144
|
+
return;
|
|
145
|
+
}
|
|
146
|
+
if (totalWidth > width) {
|
|
147
|
+
setOverflowItemsIds((oldIds) => [...oldIds, itemId]);
|
|
148
|
+
}
|
|
149
|
+
else {
|
|
150
|
+
newVisibleItemsIds.push(itemId);
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
setVisibleItemsIds(newVisibleItemsIds);
|
|
154
|
+
}, [overflowItemsIds.length, width]);
|
|
155
|
+
const classes = classNames({
|
|
156
|
+
'ndl-chart-legend-calculating': width === Infinity,
|
|
157
|
+
}, className);
|
|
158
|
+
const overflowItems = overflowItemsIds.map((itemId) => metadata[itemId]);
|
|
159
|
+
return (_jsxs("div", { className: classes, ref: mergedRef, children: [visibleItemsIds.map((itemId) => {
|
|
160
|
+
const item = metadata[itemId];
|
|
161
|
+
if (!item) {
|
|
162
|
+
return null;
|
|
163
|
+
}
|
|
164
|
+
const { label, color, isVisible } = item;
|
|
165
|
+
const isOnlyVisible = isVisible &&
|
|
166
|
+
Object.values(metadata)
|
|
167
|
+
.map((v) => v.isVisible)
|
|
168
|
+
.filter(Boolean).length === 1;
|
|
169
|
+
return (_jsx(LegendItem, { id: itemId, color: color, onSquareClick: () => {
|
|
170
|
+
onSquareClick === null || onSquareClick === void 0 ? void 0 : onSquareClick(itemId);
|
|
171
|
+
}, onTextClick: () => onTextClick === null || onTextClick === void 0 ? void 0 : onTextClick(itemId), selected: isOnlyVisible, deSelected: !isVisible, children: label }, itemId));
|
|
172
|
+
}), overflowItemsIds.length > 0 && (_jsxs(Tooltip, { type: "simple", children: [_jsx(Tooltip.Trigger, { children: _jsxs(LegendItem, { as: "div", id: "ndl-overflow-items", color: overflowItems[0].color, hasButtons: false, children: [' ', overflowItems.length, " more"] }) }), _jsx(Tooltip.Content, { children: overflowItems.map((item) => (_jsx("p", { children: item.label }, item.label))) })] }))] }));
|
|
173
|
+
});
|
|
174
|
+
//# 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,75 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import { forwardRef, useContext, memo } from 'react';
|
|
23
|
+
import * as d3 from 'd3';
|
|
24
|
+
import { ChartsContext } from './Charts';
|
|
25
|
+
import { ChartsChartContext, } from './Chart';
|
|
26
|
+
export const Line = memo(forwardRef(function LineComponent(props, ref) {
|
|
27
|
+
// console.info('Line.tsx - LineComponent - initiation');
|
|
28
|
+
const { dataId, scaleXAxis: scaleXAxisId, scaleYAxis: scaleYAxisId, } = props;
|
|
29
|
+
const { metadata } = useContext(ChartsContext);
|
|
30
|
+
const { scales, linePointArray } = useContext(ChartsChartContext);
|
|
31
|
+
const scaleXAxis = scales === null || scales === void 0 ? void 0 : scales[scaleXAxisId].functionWithContentWidthAsRange;
|
|
32
|
+
const scaleYAxis = scales === null || scales === void 0 ? void 0 : scales[scaleYAxisId].functionWithContentHeightAsRange;
|
|
33
|
+
const shouldNotRender = scaleYAxis === undefined || scaleXAxis === undefined || !linePointArray;
|
|
34
|
+
if (shouldNotRender) {
|
|
35
|
+
console.error('Line should not render');
|
|
36
|
+
return null;
|
|
37
|
+
}
|
|
38
|
+
const linePointArrayFiltered = linePointArray.filter((linePoint) => linePoint.dataId === dataId);
|
|
39
|
+
const lineGenerator = d3
|
|
40
|
+
.line()
|
|
41
|
+
.x((linePoint) => {
|
|
42
|
+
const xValue = linePoint[linePoint.accessorXAxis];
|
|
43
|
+
//@ts-expect-error xValue is unknown
|
|
44
|
+
const scaledXValue = scaleXAxis(xValue);
|
|
45
|
+
if (scaledXValue === undefined) {
|
|
46
|
+
console.error({ xValue, scaledXValue });
|
|
47
|
+
throw new Error('scaledXValue is undefined');
|
|
48
|
+
}
|
|
49
|
+
return scaledXValue;
|
|
50
|
+
})
|
|
51
|
+
.y((linePoint) => {
|
|
52
|
+
const yValue = linePoint[linePoint.accessorYAxis];
|
|
53
|
+
//@ts-expect-error yValue is unknown
|
|
54
|
+
const scaledYValue = scaleYAxis(yValue);
|
|
55
|
+
if (scaledYValue === undefined) {
|
|
56
|
+
console.error({ yValue, scaledYValue });
|
|
57
|
+
throw new Error('scaledYValue is undefined');
|
|
58
|
+
}
|
|
59
|
+
return scaledYValue;
|
|
60
|
+
})
|
|
61
|
+
.defined((linePoint) => {
|
|
62
|
+
return (linePoint[linePoint.accessorXAxis] === 0 ||
|
|
63
|
+
Boolean(linePoint[linePoint.accessorXAxis]));
|
|
64
|
+
})
|
|
65
|
+
.defined((linePoint) => {
|
|
66
|
+
return (linePoint[linePoint.accessorYAxis] === 0 ||
|
|
67
|
+
Boolean(linePoint[linePoint.accessorYAxis]));
|
|
68
|
+
});
|
|
69
|
+
const linePath = lineGenerator(linePointArrayFiltered);
|
|
70
|
+
const color = metadata[dataId].color;
|
|
71
|
+
if (!linePath)
|
|
72
|
+
return null;
|
|
73
|
+
return (_jsx("path", { ref: ref, fill: "none", stroke: color, strokeWidth: "3", strokeLinejoin: "round", d: linePath }));
|
|
74
|
+
}));
|
|
75
|
+
//# 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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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export * from './Charts';
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC"}
|
|
@@ -18,15 +18,20 @@
|
|
|
18
18
|
* You should have received a copy of the GNU General Public License
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
|
-
|
|
22
|
-
import { createContext, useContext } from 'react';
|
|
21
|
+
import { useCallback, useRef } from 'react';
|
|
23
22
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
const useThrottle = (callback, limit) => {
|
|
24
|
+
const lastCallRef = useRef(0);
|
|
25
|
+
const throttledCallback = useCallback(
|
|
26
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
27
|
+
(...args) => {
|
|
28
|
+
const now = Date.now();
|
|
29
|
+
if (now - lastCallRef.current >= limit) {
|
|
30
|
+
lastCallRef.current = now;
|
|
31
|
+
callback(...args);
|
|
32
|
+
}
|
|
33
|
+
}, [callback, limit]);
|
|
34
|
+
return throttledCallback;
|
|
35
|
+
};
|
|
36
|
+
export { useThrottle };
|
|
37
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/charts/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,8DAA8D;AAC9D,MAAM,WAAW,GAAG,CAAC,QAAqC,EAAE,KAAa,EAAE,EAAE;IAC3E,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,iBAAiB,GAAG,WAAW;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;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -47,12 +36,11 @@ import RadioAndCheckboxWrapper from '../_common/input/RadioAndCheckboxWrapper';
|
|
|
47
36
|
*
|
|
48
37
|
*
|
|
49
38
|
*/
|
|
50
|
-
export const Checkbox = React.forwardRef((
|
|
51
|
-
var { 'aria-label': ariaLabel, label } = _a, restProps = __rest(_a, ['aria-label', "label"]);
|
|
39
|
+
export const Checkbox = React.forwardRef(({ ariaLabel, isChecked, hasLabelBefore, label, isDisabled, isReadOnly, isDefaultChecked, isFluid, onClick, onChange, htmlAttributes, }, ref) => {
|
|
52
40
|
if (!ariaLabel && !label) {
|
|
53
41
|
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');
|
|
54
42
|
}
|
|
55
|
-
return (_jsx(RadioAndCheckboxWrapper,
|
|
43
|
+
return (_jsx(RadioAndCheckboxWrapper, { 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) }));
|
|
56
44
|
});
|
|
57
45
|
Checkbox.displayName = 'Checkbox';
|
|
58
46
|
//# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,uBAEN,MAAM,0CAA0C,CAAC;AAElD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,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,KAAC,uBAAuB,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,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -34,9 +23,8 @@ import { Square2StackIcon } from '@heroicons/react/24/outline';
|
|
|
34
23
|
import React from 'react';
|
|
35
24
|
import { Button, IconButton } from '../button';
|
|
36
25
|
import { useCopyToClipboard } from '../hooks';
|
|
37
|
-
import {
|
|
38
|
-
const ConfirmationButton = (
|
|
39
|
-
var { hoverText, feedbackText, children, onClick, isIcon, tipProps } = _a, props = __rest(_a, ["hoverText", "feedbackText", "children", "onClick", "isIcon", "tipProps"]);
|
|
26
|
+
import { Tooltip } from '../tooltip';
|
|
27
|
+
const ConfirmationButton = ({ hoverText, feedbackText, children, onClick, isIcon, isDisabled, size, tooltipProps, htmlAttributes, }) => {
|
|
40
28
|
const [timeoutId, setTimeoutId] = React.useState(null);
|
|
41
29
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
42
30
|
const handleClick = () => {
|
|
@@ -54,16 +42,24 @@ const ConfirmationButton = (_a) => {
|
|
|
54
42
|
const handleOpenTooltip = () => {
|
|
55
43
|
setIsOpen(true);
|
|
56
44
|
};
|
|
45
|
+
const content = timeoutId === null ? hoverText : feedbackText;
|
|
57
46
|
return (
|
|
58
47
|
/* Controlling the tip to make it disappear in a timely manner*/
|
|
59
|
-
_jsxs(
|
|
60
|
-
|
|
48
|
+
_jsxs(Tooltip, Object.assign({ isOpen: isOpen || timeoutId !== null, type: "simple" }, tooltipProps, { children: [_jsx(Tooltip.Trigger, { htmlAttributes: {
|
|
49
|
+
onMouseEnter: handleOpenTooltip,
|
|
50
|
+
onMouseLeave: handleCloseTooltip,
|
|
51
|
+
onFocus: handleOpenTooltip,
|
|
52
|
+
onBlur: handleCloseTooltip,
|
|
53
|
+
}, hasButtonWrapper: true, children: isIcon ? (_jsx(IconButton, Object.assign({ ariaLabel: content, onClick: (event) => {
|
|
54
|
+
if (onClick)
|
|
55
|
+
onClick(event);
|
|
61
56
|
handleClick();
|
|
62
|
-
} },
|
|
57
|
+
}, isDisabled: isDisabled, size: size }, htmlAttributes, { children: children }))) : (_jsx(Button, Object.assign({ onClick: onClick,
|
|
58
|
+
//Typescript does not understand that the props are not the same for both components
|
|
59
|
+
isDisabled: isDisabled, size: size }, htmlAttributes, { children: children }))) }), _jsx(Tooltip.Content, { children: timeoutId === null ? hoverText : feedbackText })] })));
|
|
63
60
|
};
|
|
64
|
-
export const ClipboardButton = (
|
|
65
|
-
var { textToCopy } = _a, rest = __rest(_a, ["textToCopy"]);
|
|
61
|
+
export const ClipboardButton = ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, }) => {
|
|
66
62
|
const [, copyFunction] = useCopyToClipboard();
|
|
67
|
-
return (_jsx(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied",
|
|
63
|
+
return (_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: _jsx(Square2StackIcon, {}) })));
|
|
68
64
|
};
|
|
69
65
|
//# 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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"}
|