@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
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
/**
|
|
14
14
|
*
|
|
15
15
|
* Copyright (c) "Neo4j"
|
|
@@ -30,215 +30,75 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import { forwardRef
|
|
34
|
-
import FocusLock from 'react-focus-lock';
|
|
35
|
-
import { ConditionalWrap } from '../_common/coditionalWrap';
|
|
33
|
+
import React, { forwardRef } from 'react';
|
|
36
34
|
import { classNames } from '../_common/defaultImports';
|
|
37
|
-
import { anchorElNotSetWarningMessage } from '../_common/messages';
|
|
38
|
-
import { isRefObject, useDocumentScrollToggle, useOnClickOutside, } from '../_common/utils';
|
|
39
|
-
import { debounce } from '../helpers';
|
|
40
|
-
import { Portal } from '../portal';
|
|
41
35
|
import { useNeedleTheme } from '../theme/ThemeProvider';
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
36
|
+
import { FloatingFocusManager, FloatingPortal, useMergeRefs, } from '@floating-ui/react';
|
|
37
|
+
import { usePopover } from './use-popover';
|
|
38
|
+
const placementTranslation = {
|
|
39
|
+
'bottom-end-top-end': 'bottom-end',
|
|
40
|
+
'bottom-start-top-start': 'bottom-start',
|
|
41
|
+
'bottom-middle-top-middle': 'bottom',
|
|
42
|
+
'top-end-bottom-end': 'top-end',
|
|
43
|
+
'top-start-bottom-start': 'top-start',
|
|
44
|
+
'top-middle-bottom-middle': 'top',
|
|
45
|
+
'bottom-start-bottom-end': 'left-end',
|
|
46
|
+
'top-start-top-end': 'left-start',
|
|
47
|
+
'middle-start-middle-end': 'left',
|
|
48
|
+
'bottom-end-bottom-start': 'right-end',
|
|
49
|
+
'top-end-top-start': 'right-start',
|
|
50
|
+
'middle-end-middle-start': 'right',
|
|
48
51
|
};
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return rect.width / 2;
|
|
55
|
-
case 'left':
|
|
56
|
-
return 0;
|
|
52
|
+
const PopoverContext = React.createContext(null);
|
|
53
|
+
export const usePopoverContext = () => {
|
|
54
|
+
const context = React.useContext(PopoverContext);
|
|
55
|
+
if (context == null) {
|
|
56
|
+
throw new Error('Popover components must be wrapped in <Popover />');
|
|
57
57
|
}
|
|
58
|
+
return context;
|
|
58
59
|
};
|
|
59
|
-
export const Popover =
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
70
|
-
});
|
|
71
|
-
// Override ref to map to internal ref
|
|
72
|
-
useImperativeHandle(ref, () => {
|
|
73
|
-
const popover = popoverRef.current;
|
|
74
|
-
if (!popover) {
|
|
75
|
-
return null;
|
|
76
|
-
}
|
|
77
|
-
return popover;
|
|
78
|
-
});
|
|
79
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
80
|
-
const [enter, setEnter] = useState(false);
|
|
81
|
-
const baseClasses = classNames({
|
|
82
|
-
'ndl-open': open,
|
|
83
|
-
'ndl-enter': enter,
|
|
60
|
+
export const Popover = ({ children, anchorElement, placement, isOpen, offset, hasAnchorPortal, shouldCaptureFocus = false, onOpenChange, role, }) => {
|
|
61
|
+
const popover = usePopover({
|
|
62
|
+
placement: placement ? placementTranslation[placement] : undefined,
|
|
63
|
+
isOpen: isOpen,
|
|
64
|
+
offsetOption: offset,
|
|
65
|
+
anchorElement: anchorElement,
|
|
66
|
+
anchorElementAsPortalAnchor: hasAnchorPortal,
|
|
67
|
+
onOpenChange: onOpenChange,
|
|
68
|
+
shouldCaptureFocus: shouldCaptureFocus,
|
|
69
|
+
role,
|
|
84
70
|
});
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
case 'center':
|
|
102
|
-
transformX = -menuRect.width / 2;
|
|
103
|
-
break;
|
|
104
|
-
case 'left':
|
|
105
|
-
transformX = 0;
|
|
106
|
-
break;
|
|
107
|
-
}
|
|
108
|
-
transformX += transformOriginOffsetFromAnchorOrigin.horizontal;
|
|
109
|
-
const transformY = (transformOrigin.vertical == 'bottom' ? -menuRect.height : 0) +
|
|
110
|
-
transformOriginOffsetFromAnchorOrigin.vertical;
|
|
111
|
-
const marginThreshold = 16; // An arbitrary margin between the menu popup and the border of the window
|
|
112
|
-
// Window thresholds taking required margin into account
|
|
113
|
-
const heightThreshold = window.innerHeight - marginThreshold;
|
|
114
|
-
const widthThreshold = window.innerWidth - marginThreshold;
|
|
115
|
-
let top = anchorRect.top +
|
|
116
|
-
getOffsetTop(anchorRect, anchorOrigin.vertical) +
|
|
117
|
-
transformY;
|
|
118
|
-
let left = anchorRect.left +
|
|
119
|
-
getOffsetLeft(anchorRect, anchorOrigin.horizontal) +
|
|
120
|
-
transformX;
|
|
121
|
-
const right = left + menuRect.width;
|
|
122
|
-
const bottom = top + menuRect.height;
|
|
123
|
-
// Check if the vertical axis needs shifting
|
|
124
|
-
if (top < marginThreshold) {
|
|
125
|
-
const diff = top - marginThreshold;
|
|
126
|
-
top -= diff;
|
|
127
|
-
}
|
|
128
|
-
else if (bottom > heightThreshold) {
|
|
129
|
-
const diff = bottom - heightThreshold;
|
|
130
|
-
top -= diff;
|
|
131
|
-
}
|
|
132
|
-
// Check if the horizontal axis needs shifting
|
|
133
|
-
if (left < marginThreshold) {
|
|
134
|
-
const diff = left - marginThreshold;
|
|
135
|
-
left -= diff;
|
|
136
|
-
}
|
|
137
|
-
else if (right > widthThreshold) {
|
|
138
|
-
// Flip to the left side
|
|
139
|
-
left = anchorRect.left - element.getBoundingClientRect().width;
|
|
140
|
-
}
|
|
141
|
-
return {
|
|
142
|
-
top,
|
|
143
|
-
left,
|
|
144
|
-
};
|
|
145
|
-
},
|
|
146
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
147
|
-
[anchorOrigin, transformOrigin, anchorEl]);
|
|
148
|
-
const setPositioningStyles = useCallback(() => {
|
|
149
|
-
const element = popoverRef.current;
|
|
150
|
-
if (!element) {
|
|
151
|
-
return;
|
|
152
|
-
}
|
|
153
|
-
const positioning = getPositioningStyles(element);
|
|
154
|
-
if (!positioning)
|
|
155
|
-
return;
|
|
156
|
-
if (positioning.top !== null) {
|
|
157
|
-
element.style.top = `${positioning.top}px`;
|
|
158
|
-
}
|
|
159
|
-
if (positioning.left !== null) {
|
|
160
|
-
element.style.left = `${positioning.left}px`;
|
|
161
|
-
}
|
|
162
|
-
}, [getPositioningStyles]);
|
|
163
|
-
useLayoutEffect(() => {
|
|
164
|
-
// Avoid if popover/backdrop is not rendered
|
|
165
|
-
if (!popoverRef.current || !backdropRef.current)
|
|
166
|
-
return;
|
|
167
|
-
// Select the node that will be observed for mutations
|
|
168
|
-
const targetNode = document.body;
|
|
169
|
-
// Simpler approach
|
|
170
|
-
const popovers = [...targetNode.childNodes].filter((node) => node instanceof HTMLElement &&
|
|
171
|
-
node.classList.contains('ndl-popover') &&
|
|
172
|
-
node !== popoverRef.current);
|
|
173
|
-
if (popovers.length > 0) {
|
|
174
|
-
const max = Math.max(...popovers.map((node) => parseInt(window.getComputedStyle(node).zIndex)));
|
|
175
|
-
const [backdrop, content] = [max + 2, max + 3];
|
|
176
|
-
popoverRef.current.style.zIndex = `${content}`;
|
|
177
|
-
backdropRef.current.style.zIndex = `${backdrop}`;
|
|
178
|
-
}
|
|
179
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
180
|
-
}, [popoverRef.current, backdropRef.current]);
|
|
181
|
-
// Disable scroll and add padding when the popover is open
|
|
182
|
-
useEffect(() => {
|
|
183
|
-
if (nested) {
|
|
184
|
-
return;
|
|
185
|
-
}
|
|
186
|
-
toggleScrollbar(open);
|
|
187
|
-
return () => {
|
|
188
|
-
if (nested)
|
|
189
|
-
return;
|
|
190
|
-
toggleScrollbar(false);
|
|
191
|
-
};
|
|
192
|
-
}, [open, nested, toggleScrollbar]);
|
|
193
|
-
useEffect(() => {
|
|
194
|
-
if (open) {
|
|
195
|
-
setPositioningStyles();
|
|
196
|
-
}
|
|
197
|
-
}, [open, setPositioningStyles]);
|
|
198
|
-
// Set Enter to trigger fade in animation
|
|
199
|
-
useEffect(() => setEnter(open), [open]);
|
|
200
|
-
useEffect(() => {
|
|
201
|
-
if (!open) {
|
|
202
|
-
return undefined;
|
|
203
|
-
}
|
|
204
|
-
const handleResize = debounce(() => {
|
|
205
|
-
setPositioningStyles();
|
|
206
|
-
});
|
|
207
|
-
window.addEventListener('resize', handleResize);
|
|
208
|
-
return () => {
|
|
209
|
-
handleResize.clear();
|
|
210
|
-
window.removeEventListener('resize', handleResize);
|
|
211
|
-
};
|
|
212
|
-
}, [anchorEl, open, setPositioningStyles]);
|
|
213
|
-
const handleBackdropClick = (event) => {
|
|
214
|
-
event.stopPropagation();
|
|
215
|
-
event.preventDefault();
|
|
216
|
-
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
217
|
-
};
|
|
218
|
-
if (!open) {
|
|
219
|
-
return null;
|
|
71
|
+
return (_jsx(PopoverContext.Provider, { value: popover, children: children }));
|
|
72
|
+
};
|
|
73
|
+
const PopoverTrigger = forwardRef(function PopoverTrigger(_a, propsRef) {
|
|
74
|
+
var { children, hasButtonWrapper = false } = _a, props = __rest(_a, ["children", "hasButtonWrapper"]);
|
|
75
|
+
const context = usePopoverContext();
|
|
76
|
+
//Example from floating UI
|
|
77
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
78
|
+
const childrenRef = children.ref;
|
|
79
|
+
const ref = useMergeRefs([
|
|
80
|
+
context.refs.setReference,
|
|
81
|
+
propsRef,
|
|
82
|
+
childrenRef,
|
|
83
|
+
]);
|
|
84
|
+
// `hasButtonWrapper` allows the user to pass any element as the anchor
|
|
85
|
+
if (hasButtonWrapper && React.isValidElement(children)) {
|
|
86
|
+
return React.cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({ ref }, props), children.props), { 'data-state': context.isOpen ? 'open' : 'closed' })));
|
|
220
87
|
}
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
};
|
|
227
|
-
const
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
? anchorEl.current
|
|
235
|
-
: anchorEl;
|
|
236
|
-
if (!(anchor instanceof HTMLElement)) {
|
|
237
|
-
console.warn(anchorElNotSetWarningMessage);
|
|
238
|
-
return;
|
|
239
|
-
}
|
|
240
|
-
// setTimeout needed, read more: https://www.npmjs.com/package/react-focus-lock#unmounting-and-focus-management
|
|
241
|
-
setTimeout(() => anchor === null || anchor === void 0 ? void 0 : anchor.focus(), 0);
|
|
242
|
-
} }, focusLockProps, { children: children }))), children: _jsx(Component, Object.assign({ "data-testid": "ndl-popover-content" }, restProps, { className: classes, onKeyDown: handleKeyDown, ref: popoverRef, children: children })) })] }));
|
|
88
|
+
return (_jsx("button", Object.assign({ ref: ref, type: "button", "data-state": context.isOpen ? 'open' : 'closed' }, context.getReferenceProps(props), { children: children })));
|
|
89
|
+
});
|
|
90
|
+
const PopoverContent = React.forwardRef(function PopoverContent({ as, className, style, children, htmlAttributes, }, propsRef) {
|
|
91
|
+
const _a = usePopoverContext(), { context: floatingContext } = _a, context = __rest(_a, ["context"]);
|
|
92
|
+
const ref = useMergeRefs([context.refs.setFloating, propsRef]);
|
|
93
|
+
const { themeClassName } = useNeedleTheme();
|
|
94
|
+
const classes = classNames('ndl-popover', themeClassName, className);
|
|
95
|
+
const Component = as || 'div';
|
|
96
|
+
if (!floatingContext.open)
|
|
97
|
+
return null;
|
|
98
|
+
return (_jsx(FloatingPortal, { root: context.anchorElementAsPortalAnchor
|
|
99
|
+
? context.refs.reference.current
|
|
100
|
+
: null, children: _jsx(FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, children: _jsx(Component, Object.assign({ className: classes, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: ref }, context.getFloatingProps(Object.assign({}, htmlAttributes)), { children: children })) }) }));
|
|
243
101
|
});
|
|
102
|
+
Popover.Trigger = PopoverTrigger;
|
|
103
|
+
Popover.Content = PopoverContent;
|
|
244
104
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,cAAc,EAGd,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAoB3C,MAAM,oBAAoB,GAAwC;IAChE,oBAAoB,EAAE,YAAY;IAClC,wBAAwB,EAAE,cAAc;IACxC,0BAA0B,EAAE,QAAQ;IACpC,oBAAoB,EAAE,SAAS;IAC/B,wBAAwB,EAAE,WAAW;IACrC,0BAA0B,EAAE,KAAK;IACjC,yBAAyB,EAAE,UAAU;IACrC,mBAAmB,EAAE,YAAY;IACjC,yBAAyB,EAAE,MAAM;IACjC,yBAAyB,EAAE,WAAW;IACtC,mBAAmB,EAAE,aAAa;IAClC,yBAAyB,EAAE,OAAO;CACnC,CAAC;AA+BF,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAc,IAAI,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEjD,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,MAAM,EACN,MAAM,EACN,eAAe,EACf,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,IAAI,GACS,EAAE,EAAE;IACjB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;QAClE,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,aAAa;QAC5B,2BAA2B,EAAE,eAAe;QAC5C,YAAY,EAAE,YAAY;QAC1B,kBAAkB,EAAE,kBAAkB;QACtC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACpC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EAAgD,EAChD,QAAQ;QADR,EAAE,QAAQ,EAAE,gBAAgB,GAAG,KAAK,OAAY,EAAP,KAAK,cAA9C,gCAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IACpC,0BAA0B;IAC1B,8DAA8D;IAC9D,MAAM,WAAW,GAAI,QAAgB,CAAC,GAAG,CAAC;IAE1C,MAAM,GAAG,GAAG,YAAY,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,YAAY;QACzB,QAAQ;QACR,WAAW;KACZ,CAAC,CAAC;IAEH,uEAAuE;IACvE,IAAI,gBAAgB,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvD,OAAO,KAAK,CAAC,YAAY,CACvB,QAAQ,EACR,OAAO,CAAC,iBAAiB,6CACvB,GAAG,IACA,KAAK,GACL,QAAQ,CAAC,KAAK,KACjB,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAChD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACD,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAC1C,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAEnC,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,cAAc,CAG7D,EACE,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,cAAc,GACoC,EACpD,QAA2B;IAE3B,MAAM,KAA2C,iBAAiB,EAAE,EAA9D,EAAE,OAAO,EAAE,eAAe,OAAoC,EAA/B,OAAO,cAAtC,WAAwC,CAAsB,CAAC;IAErE,MAAM,GAAG,GAAG,YAAY,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/D,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAE5C,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAC9B,IAAI,CAAC,eAAe,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EACF,OAAO,CAAC,2BAA2B;YACjC,CAAC,CAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,OAA8B;YACxD,CAAC,CAAC,IAAI,YAGV,KAAC,oBAAoB,IACnB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,OAAO,CAAC,kBAAkB,YAEjC,KAAC,SAAS,kBACR,SAAS,EAAE,OAAO,qBACD,OAAO,CAAC,OAAO,sBACd,OAAO,CAAC,aAAa,EACvC,KAAK,gDACA,OAAO,CAAC,cAAc,GACtB,OAAO,CAAC,gBAAgB,GACxB,KAAK,GAEV,GAAG,EAAE,GAAG,IACJ,OAAO,CAAC,gBAAgB,mBAAM,cAAc,EAAG,cAElD,QAAQ,IACC,GACS,GACR,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
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
|
+
import { autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions, useRole, useTransitionStyles, } from '@floating-ui/react';
|
|
22
|
+
import { tokens } from '@neo4j-ndl/base';
|
|
23
|
+
import { useMemo, useState } from 'react';
|
|
24
|
+
export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorElementAsPortalAnchor, shouldCaptureFocus, role: roleProp, } = {}) {
|
|
25
|
+
var _a;
|
|
26
|
+
const [isOpenUncontrolled, setIsOpenUncontrolled] = useState(isInitialOpen);
|
|
27
|
+
const [labelId, setLabelId] = useState();
|
|
28
|
+
const [descriptionId, setDescriptionId] = useState();
|
|
29
|
+
const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isOpenUncontrolled;
|
|
30
|
+
const setIsOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsOpenUncontrolled;
|
|
31
|
+
const data = useFloating({
|
|
32
|
+
open: isOpen,
|
|
33
|
+
onOpenChange: (open, event) => {
|
|
34
|
+
setIsOpen(open);
|
|
35
|
+
setControlledOpen === null || setControlledOpen === void 0 ? void 0 : setControlledOpen(open, event);
|
|
36
|
+
},
|
|
37
|
+
placement: placement,
|
|
38
|
+
middleware: [
|
|
39
|
+
offset(offsetOption),
|
|
40
|
+
flip({
|
|
41
|
+
crossAxis: placement.includes('-'),
|
|
42
|
+
fallbackAxisSideDirection: 'end',
|
|
43
|
+
padding: 5,
|
|
44
|
+
}),
|
|
45
|
+
shift({ padding: 5 }),
|
|
46
|
+
],
|
|
47
|
+
elements: {
|
|
48
|
+
reference: anchorElement,
|
|
49
|
+
},
|
|
50
|
+
whileElementsMounted: autoUpdate,
|
|
51
|
+
});
|
|
52
|
+
const context = data.context;
|
|
53
|
+
const click = useClick(context, {
|
|
54
|
+
enabled: controlledOpen === undefined,
|
|
55
|
+
});
|
|
56
|
+
const dismiss = useDismiss(context);
|
|
57
|
+
const role = useRole(context, {
|
|
58
|
+
role: roleProp,
|
|
59
|
+
});
|
|
60
|
+
const interactions = useInteractions([click, dismiss, role]);
|
|
61
|
+
const { styles: transitionStyles } = useTransitionStyles(context, {
|
|
62
|
+
duration: (_a = Number.parseInt(tokens.transitions.values.duration.quick, 10)) !== null && _a !== void 0 ? _a : 0,
|
|
63
|
+
});
|
|
64
|
+
return useMemo(() => (Object.assign(Object.assign(Object.assign({ isOpen,
|
|
65
|
+
setIsOpen }, interactions), data), { transitionStyles,
|
|
66
|
+
labelId,
|
|
67
|
+
descriptionId,
|
|
68
|
+
setLabelId,
|
|
69
|
+
setDescriptionId,
|
|
70
|
+
anchorElementAsPortalAnchor,
|
|
71
|
+
shouldCaptureFocus })), [
|
|
72
|
+
isOpen,
|
|
73
|
+
setIsOpen,
|
|
74
|
+
interactions,
|
|
75
|
+
data,
|
|
76
|
+
transitionStyles,
|
|
77
|
+
labelId,
|
|
78
|
+
descriptionId,
|
|
79
|
+
anchorElementAsPortalAnchor,
|
|
80
|
+
shouldCaptureFocus,
|
|
81
|
+
]);
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=use-popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -32,12 +21,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
32
21
|
*/
|
|
33
22
|
import React from 'react';
|
|
34
23
|
import { classNames } from '../_common/defaultImports';
|
|
35
|
-
export const ProgressBar = React.forwardRef(function ProgressBar(
|
|
36
|
-
var { heading, value, size = 'small', className } = _a, restProps = __rest(_a, ["heading", "value", "size", "className"]);
|
|
24
|
+
export const ProgressBar = React.forwardRef(function ProgressBar({ heading, value, size = 'small', className, htmlAttributes, }, ref) {
|
|
37
25
|
const classes = classNames('ndl-progress-bar-wrapper', className, {
|
|
38
26
|
'ndl-small': size === 'small',
|
|
39
27
|
'ndl-large': size === 'large',
|
|
40
28
|
});
|
|
41
|
-
return (_jsxs("div", Object.assign({
|
|
29
|
+
return (_jsxs("div", Object.assign({ className: classes, ref: ref }, htmlAttributes, { children: [heading && (_jsxs("div", { className: "ndl-header", children: [_jsx("span", { className: "ndl-heading", children: heading }), _jsx("span", { className: "ndl-progress-number", children: value + '%' })] })), _jsx("div", { className: "ndl-progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: _jsx("div", { className: "ndl-progress-bar", style: { width: value + '%' } }) })] })));
|
|
42
30
|
});
|
|
43
31
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAYvD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CAC9D,EACE,OAAO,EACP,KAAK,EACL,IAAI,GAAG,OAAO,EACd,SAAS,EACT,cAAc,GACG,EACnB,GAAuC;IAEvC,MAAM,OAAO,GAAG,UAAU,CAAC,0BAA0B,EAAE,SAAS,EAAE;QAChE,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eAClD,OAAO,IAAI,CACV,eAAK,SAAS,EAAC,YAAY,aACzB,eAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,EAC9C,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAG,GAAG,GAAQ,IACtD,CACP,EACD,cACE,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,YAEpB,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,GAC/D,KACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/lib/esm/radio/Radio.js
CHANGED
|
@@ -37,6 +37,7 @@ import RadioAndCheckboxWrapper from '../_common/input/RadioAndCheckboxWrapper';
|
|
|
37
37
|
*
|
|
38
38
|
*/
|
|
39
39
|
export const Radio = React.forwardRef(function Radio(props, ref) {
|
|
40
|
-
|
|
40
|
+
const { ariaLabel, isDisabled, label, isFluid, isChecked, isDefaultChecked, hasLabelBefore, isReadOnly, htmlAttributes, } = props;
|
|
41
|
+
return (_jsx(RadioAndCheckboxWrapper, { type: "radio", ref: ref, ariaLabel: ariaLabel, isDisabled: isDisabled, label: label, isFluid: isFluid, isChecked: isChecked, isDefaultChecked: isDefaultChecked, hasLabelBefore: hasLabelBefore, isReadOnly: isReadOnly, htmlAttributes: Object.assign({ role: 'radio' }, htmlAttributes) }));
|
|
41
42
|
});
|
|
42
43
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.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,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAClD,KAA4B,EAC5B,GAAyC;IAEzC,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.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,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAClD,KAA4B,EAC5B,GAAyC;IAEzC,MAAM,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,cAAc,GACf,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,uBAAuB,IACtB,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,cAAc,kBACZ,IAAI,EAAE,OAAO,IACV,cAAc,IAEnB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -32,7 +21,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
32
21
|
*/
|
|
33
22
|
import React, { useContext } from 'react';
|
|
34
23
|
import { classNames } from '../_common/defaultImports';
|
|
35
|
-
import { forwardRef
|
|
24
|
+
import { forwardRef } from '../helpers';
|
|
36
25
|
const SegmentedControlContext =
|
|
37
26
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
38
27
|
React.createContext(null);
|
|
@@ -43,18 +32,16 @@ const useSelectorContext = () => {
|
|
|
43
32
|
}
|
|
44
33
|
return context;
|
|
45
34
|
};
|
|
46
|
-
const SegmentedControlComponent = forwardRef(function SegmentedControlComponent(
|
|
47
|
-
var { size = 'large', hasOnlyIcons = false, children, selected, onChange, as = 'div', className } = _a, restProps = __rest(_a, ["size", "hasOnlyIcons", "children", "selected", "onChange", "as", "className"]);
|
|
35
|
+
const SegmentedControlComponent = forwardRef(function SegmentedControlComponent({ size = 'large', hasOnlyIcons = false, children, selected, onChange, as, className, htmlAttributes, }, ref) {
|
|
48
36
|
const classes = classNames('ndl-segmented-control', className, {
|
|
49
37
|
'ndl-small': size === 'small',
|
|
50
38
|
'ndl-large': size === 'large',
|
|
51
39
|
});
|
|
52
|
-
const Component = as;
|
|
53
|
-
return (_jsx(Component, Object.assign({
|
|
40
|
+
const Component = as || 'div';
|
|
41
|
+
return (_jsx(Component, Object.assign({ className: classes, role: "group", ref: ref }, htmlAttributes, { children: _jsx(SegmentedControlContext.Provider, { value: { onChange, selected, hasOnlyIcons }, children: children }) })));
|
|
54
42
|
});
|
|
55
43
|
SegmentedControlComponent.displayName = 'SegmentedControl';
|
|
56
|
-
const SegmentedControlItem = React.forwardRef(function SegmentedControlItem(
|
|
57
|
-
var { children, value, as = 'button', className } = _a, restProps = __rest(_a, ["children", "value", "as", "className"]);
|
|
44
|
+
const SegmentedControlItem = React.forwardRef(function SegmentedControlItem({ as, children, className, value, htmlAttributes, }, ref) {
|
|
58
45
|
const { onChange, selected, hasOnlyIcons } = useSelectorContext();
|
|
59
46
|
const isSelected = value && value === selected;
|
|
60
47
|
const baseClasses = classNames(className, {
|
|
@@ -62,8 +49,8 @@ const SegmentedControlItem = React.forwardRef(function SegmentedControlItem(_a,
|
|
|
62
49
|
'ndl-segment-icon': hasOnlyIcons,
|
|
63
50
|
'ndl-current': value && value === selected,
|
|
64
51
|
});
|
|
65
|
-
const Component = as;
|
|
66
|
-
return (_jsx(Component, Object.assign({
|
|
52
|
+
const Component = as || 'button';
|
|
53
|
+
return (_jsx(Component, Object.assign({ onClick: () => !isSelected && onChange(value), className: baseClasses, ref: ref }, htmlAttributes, { children: children })));
|
|
67
54
|
});
|
|
68
55
|
SegmentedControlItem.displayName = 'SegmentedControl.Item';
|
|
69
56
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAA8B,UAAU,EAAE,MAAM,YAAY,CAAC;AAoCpE,MAAM,uBAAuB;AAC3B,8DAA8D;AAC9D,KAAK,CAAC,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAEpD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAA4B,UAAU,CACnE,SAAS,yBAAyB,CAIhC,EACE,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,SAAS,EACT,cAAc,GACyC,EACzD,GAAsB;IAEtB,MAAM,OAAO,GAAG,UAAU,CAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,OAAO,CACL,KAAC,SAAS,kBAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAM,cAAc,cACtE,KAAC,uBAAuB,CAAC,QAAQ,IAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAE1C,QAAQ,GACwB,IACzB,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEA,yBAGD,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEnC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,oBAAoB,CAGzE,EACE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GASf,EACD,GAAsB;IAEtB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAElE,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,EAAE;QACxC,kBAAkB,EAAE,CAAC,YAAY;QACjC,kBAAkB,EAAE,YAAY;QAChC,aAAa,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KAC3C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAsB,EAAE,IAAI,QAAQ,CAAC;IAEpD,OAAO,CACL,KAAC,SAAS,kBACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,GAAG,IACJ,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE3D,6IAA6I;AAC7I,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE;IAChE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|