@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
|
@@ -34,7 +34,7 @@ import { createContext, useCallback, useContext, useImperativeHandle, useRef, }
|
|
|
34
34
|
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
import { findUntil } from '../_common/utils';
|
|
36
36
|
import { Divider } from '../divider';
|
|
37
|
-
import { forwardRef
|
|
37
|
+
import { forwardRef } from '../helpers';
|
|
38
38
|
import { ChevronDownIconOutline } from '../icons';
|
|
39
39
|
import { Typography } from '../typography';
|
|
40
40
|
var AccordionSelector;
|
|
@@ -58,7 +58,7 @@ const useAccordionContext = () => {
|
|
|
58
58
|
return context;
|
|
59
59
|
};
|
|
60
60
|
const AccordionComponent = forwardRef(function AccordionComponent(_a, ref) {
|
|
61
|
-
var {
|
|
61
|
+
var { children, className, isMultiple, onChange, htmlAttributes } = _a, restProps = __rest(_a, ["children", "className", "isMultiple", "onChange", "htmlAttributes"]);
|
|
62
62
|
const accordionRef = useRef(null);
|
|
63
63
|
// The following function includes code needed to be
|
|
64
64
|
// able to navigate with the arrow keys (not tab).
|
|
@@ -102,27 +102,25 @@ const AccordionComponent = forwardRef(function AccordionComponent(_a, ref) {
|
|
|
102
102
|
};
|
|
103
103
|
useImperativeHandle(ref, () => accordionRef.current);
|
|
104
104
|
const classes = classNames('ndl-accordion', className);
|
|
105
|
-
const
|
|
106
|
-
const
|
|
107
|
-
const
|
|
108
|
-
const rootProps = multiple ? isMultipleRootProps : isNotMultipleRootProps;
|
|
109
|
-
const contextValue = multiple
|
|
105
|
+
const { expandedItemIds } = restProps;
|
|
106
|
+
const { expandedItemId } = restProps;
|
|
107
|
+
const contextValue = isMultiple
|
|
110
108
|
? {
|
|
111
109
|
onChange,
|
|
112
|
-
|
|
110
|
+
isMultiple,
|
|
113
111
|
expandedItemIds,
|
|
114
112
|
}
|
|
115
113
|
: {
|
|
116
114
|
onChange,
|
|
117
|
-
|
|
115
|
+
isMultiple,
|
|
118
116
|
expandedItemId,
|
|
119
117
|
};
|
|
120
|
-
return (_jsx(
|
|
118
|
+
return (_jsx("div", Object.assign({ className: classes, ref: accordionRef, onKeyDown: handleKeyDown, role: "presentation" }, htmlAttributes, { children: _jsx(AccordionContext.Provider, { value: contextValue, children: children }) })));
|
|
121
119
|
});
|
|
122
120
|
AccordionComponent.displayName = 'Accordion';
|
|
123
121
|
const createItemId = (type, id) => `ndl-accordionitem${type}id-${id}`;
|
|
124
122
|
const AccordionItem = (_a) => {
|
|
125
|
-
var { itemId, children, title, className = '', arrowPosition = '
|
|
123
|
+
var { itemId, children, title, className = '', arrowPosition = 'left', isDisabled = false, onExpandedChange, htmlAttributes } = _a, restProps = __rest(_a, ["itemId", "children", "title", "className", "arrowPosition", "isDisabled", "onExpandedChange", "htmlAttributes"]);
|
|
126
124
|
const contentRef = useRef(null);
|
|
127
125
|
const innerContentRef = useRef(null);
|
|
128
126
|
const itemElementId = createItemId('item', itemId);
|
|
@@ -130,19 +128,18 @@ const AccordionItem = (_a) => {
|
|
|
130
128
|
const buttonElementId = createItemId('button', itemId);
|
|
131
129
|
const panelElementId = createItemId('panel', itemId);
|
|
132
130
|
const context = useAccordionContext();
|
|
133
|
-
|
|
134
|
-
const
|
|
135
|
-
const isExpanded = multiple
|
|
131
|
+
const { isMultiple } = context;
|
|
132
|
+
const isExpanded = isMultiple
|
|
136
133
|
? context.expandedItemIds.includes(itemId)
|
|
137
134
|
: context.expandedItemId === itemId;
|
|
138
135
|
const handleOnClick = useCallback(() => {
|
|
139
136
|
var _a, _b;
|
|
140
|
-
if (
|
|
137
|
+
if (isDisabled)
|
|
141
138
|
return;
|
|
142
139
|
// Custom callback to call.
|
|
143
140
|
if (onExpandedChange !== undefined)
|
|
144
141
|
onExpandedChange(!isExpanded);
|
|
145
|
-
if (
|
|
142
|
+
if (isMultiple) {
|
|
146
143
|
const { expandedItemIds, onChange } = context;
|
|
147
144
|
// Multiple expanded.
|
|
148
145
|
if (isExpanded) {
|
|
@@ -171,29 +168,32 @@ const AccordionItem = (_a) => {
|
|
|
171
168
|
}
|
|
172
169
|
// The W3 WAI-ARIA states that focus can only happen on the header not the header button.
|
|
173
170
|
(_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.focus();
|
|
174
|
-
}, [isExpanded,
|
|
171
|
+
}, [isExpanded, isMultiple, isDisabled, itemId, onExpandedChange, context]);
|
|
175
172
|
const classes = classNames('ndl-accordion-item', className, {
|
|
176
|
-
'ndl-accordion-item-disabled':
|
|
173
|
+
'ndl-accordion-item-disabled': isDisabled,
|
|
177
174
|
'ndl-accordion-item-expanded': isExpanded,
|
|
178
175
|
});
|
|
179
176
|
const headerClasses = classNames('ndl-accordion-item-header', {
|
|
180
|
-
'ndl-accordion-item-header-disabled':
|
|
177
|
+
'ndl-accordion-item-header-disabled': isDisabled,
|
|
181
178
|
});
|
|
182
179
|
const iconClasses = classNames('ndl-accordion-item-header-icon-wrapper', {
|
|
183
|
-
'ndl-accordion-item-header-icon-wrapper-
|
|
180
|
+
'ndl-accordion-item-header-icon-wrapper-left': arrowPosition === 'left',
|
|
184
181
|
});
|
|
185
182
|
const buttonClasses = classNames('ndl-accordion-item-header-button', {
|
|
186
|
-
'ndl-accordion-item-header-button-disabled':
|
|
183
|
+
'ndl-accordion-item-header-button-disabled': isDisabled,
|
|
187
184
|
});
|
|
188
185
|
const titleClasses = classNames('ndl-accordion-item-header-button-title', {
|
|
189
|
-
'ndl-accordion-item-header-button-title':
|
|
190
|
-
'ndl-accordion-item-header-button-title-
|
|
186
|
+
'ndl-accordion-item-header-button-title': isDisabled,
|
|
187
|
+
'ndl-accordion-item-header-button-title-left': arrowPosition === 'left',
|
|
191
188
|
});
|
|
192
189
|
const contentClasses = classNames('ndl-accordion-item-content', {
|
|
193
190
|
'ndl-accordion-item-content-expanded': isExpanded,
|
|
194
|
-
'ndl-accordion-item-content-
|
|
191
|
+
'ndl-accordion-item-content-left': arrowPosition === 'left',
|
|
195
192
|
});
|
|
196
|
-
return (_jsxs("div", Object.assign({}, restProps, { className: classes, id: itemElementId, children: [_jsx("div", { className: headerClasses, id: headerElementId, children: _jsx("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled":
|
|
193
|
+
return (_jsxs("div", Object.assign({}, restProps, htmlAttributes, { className: classes, id: itemElementId, children: [_jsx("div", { className: headerClasses, id: headerElementId, children: _jsx("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": isDisabled, "aria-label": title, "aria-controls": panelElementId, disabled: isDisabled, children: _jsxs("span", { className: iconClasses, children: [_jsx(Typography, { variant: "subheading-medium", className: titleClasses, htmlAttributes: {
|
|
194
|
+
role: 'heading',
|
|
195
|
+
'aria-level': 2,
|
|
196
|
+
}, children: title }), _jsx(ChevronDownIconOutline, { className: classNames('ndl-accordion-item-header-icon', {
|
|
197
197
|
'-n-rotate-180': isExpanded,
|
|
198
198
|
}) })] }) }) }), _jsx("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: _jsx("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", onKeyDown: (event) => event.stopPropagation(), children: _jsx(Typography, { variant: "body-medium", className: "n-text-palette-neutral-text-weak", as: "div", children: children }) }) }), _jsx(Divider, {})] })));
|
|
199
199
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/avatar/Avatar.js
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
*
|
|
@@ -92,12 +81,12 @@ export const defaultProps = {
|
|
|
92
81
|
status: undefined,
|
|
93
82
|
type: 'image',
|
|
94
83
|
};
|
|
95
|
-
export const Avatar = React.forwardRef(function Avatar(
|
|
96
|
-
var { as = defaultProps.as, className = defaultProps.className, hasStatus = defaultProps.hasStatus, isDisabled = defaultProps.isDisabled, name = defaultProps.name, shape = defaultProps.shape, size = defaultProps.size, source = defaultProps.source, status = defaultProps.status, type: initialType = defaultProps.type } = _a, restProps = __rest(_a, ["as", "className", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type"]);
|
|
84
|
+
export const Avatar = React.forwardRef(function Avatar({ as = defaultProps.as, className = defaultProps.className, hasStatus = defaultProps.hasStatus, isDisabled = defaultProps.isDisabled, name = defaultProps.name, shape = defaultProps.shape, size = defaultProps.size, source = defaultProps.source, status = defaultProps.status, type: initialType = defaultProps.type, htmlAttributes, }, ref) {
|
|
97
85
|
// If source is not provided, fallback to icon
|
|
98
86
|
const type = initialType === 'image' && !source ? 'icon' : initialType;
|
|
99
|
-
const Component = as;
|
|
100
|
-
const
|
|
87
|
+
const Component = as || defaultProps.as;
|
|
88
|
+
const isButton = Component === 'button';
|
|
89
|
+
const classes = classNames(`ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`, className);
|
|
101
90
|
const shapeClasses = classNames(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
|
|
102
91
|
'ndl-avatar-disabled': isDisabled,
|
|
103
92
|
});
|
|
@@ -121,7 +110,8 @@ export const Avatar = React.forwardRef(function Avatar(_a, ref) {
|
|
|
121
110
|
? renderLettersType()
|
|
122
111
|
: null;
|
|
123
112
|
const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
|
|
124
|
-
return (_jsxs(Component, Object.assign({ ref: ref
|
|
113
|
+
return (_jsxs(Component, Object.assign({ ref: ref, className: classes, "aria-hidden": !isButton }, (isButton && {
|
|
114
|
+
disabled: isDisabled,
|
|
115
|
+
}), htmlAttributes, { children: [_jsx("div", { className: classNames(shapeClasses, typeClass), "aria-label": `avatar ${name}`, "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && (_jsx(StatusIndicator, { size: size, status: status }))] })));
|
|
125
116
|
});
|
|
126
|
-
Avatar.displayName = 'Avatar';
|
|
127
117
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/banner/Banner.js
CHANGED
|
@@ -34,6 +34,7 @@ import React, { useEffect } from 'react';
|
|
|
34
34
|
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
import { needleWarningMessage } from '../_common/utils';
|
|
36
36
|
import { CheckCircleIconSolid, ExclamationCircleIconSolid, ExclamationTriangleIconSolid, InformationCircleIconSolid, XMarkIconOutline, } from '../icons';
|
|
37
|
+
import { Typography } from '../typography';
|
|
37
38
|
/**
|
|
38
39
|
*
|
|
39
40
|
*
|
|
@@ -41,34 +42,37 @@ import { CheckCircleIconSolid, ExclamationCircleIconSolid, ExclamationTriangleIc
|
|
|
41
42
|
*
|
|
42
43
|
*
|
|
43
44
|
*/
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
case 'success':
|
|
48
|
-
iconComponent = _jsx(CheckCircleIconSolid, {});
|
|
49
|
-
break;
|
|
50
|
-
case 'warning':
|
|
51
|
-
iconComponent = _jsx(ExclamationTriangleIconSolid, {});
|
|
52
|
-
break;
|
|
53
|
-
case 'danger':
|
|
54
|
-
iconComponent = _jsx(ExclamationCircleIconSolid, {});
|
|
55
|
-
break;
|
|
56
|
-
default:
|
|
57
|
-
iconComponent = _jsx(InformationCircleIconSolid, {});
|
|
45
|
+
const StatusIcon = ({ type }) => {
|
|
46
|
+
if (type === 'neutral') {
|
|
47
|
+
return null;
|
|
58
48
|
}
|
|
49
|
+
const iconComponent = (() => {
|
|
50
|
+
switch (type) {
|
|
51
|
+
case 'success':
|
|
52
|
+
return _jsx(CheckCircleIconSolid, {});
|
|
53
|
+
case 'warning':
|
|
54
|
+
return _jsx(ExclamationTriangleIconSolid, {});
|
|
55
|
+
case 'danger':
|
|
56
|
+
return _jsx(ExclamationCircleIconSolid, {});
|
|
57
|
+
case 'info':
|
|
58
|
+
return _jsx(InformationCircleIconSolid, {});
|
|
59
|
+
default:
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
})();
|
|
59
63
|
return (_jsx("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
|
|
60
64
|
};
|
|
61
|
-
const BannerActions = (_a)
|
|
62
|
-
var { label } = _a, restProps = __rest(_a, ["label"]);
|
|
63
|
-
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
const BannerActions = React.forwardRef(function BannerActions(_a, ref) {
|
|
66
|
+
var { label, as, htmlAttributes } = _a, restProps = __rest(_a, ["label", "as", "htmlAttributes"]);
|
|
67
|
+
const Component = as || 'a';
|
|
68
|
+
return (_jsx(Component, Object.assign({}, restProps, { ref: ref }, htmlAttributes, { children: label })));
|
|
69
|
+
});
|
|
70
|
+
const Banner = React.forwardRef(function Banner({ type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className = '', children = null, isCloseable = false, usage = 'inline', htmlAttributes, }, ref) {
|
|
67
71
|
useEffect(() => {
|
|
68
|
-
if (typeof title !== 'string' && !name &&
|
|
72
|
+
if (typeof title !== 'string' && !name && isCloseable) {
|
|
69
73
|
needleWarningMessage('Banner Component expected `name` prop when title is not a string: https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name?application=axeAPI');
|
|
70
74
|
}
|
|
71
|
-
}, [title, name,
|
|
75
|
+
}, [title, name, isCloseable]);
|
|
72
76
|
if (typeof title === 'string' && !name) {
|
|
73
77
|
name = title;
|
|
74
78
|
}
|
|
@@ -79,7 +83,9 @@ const Banner = React.forwardRef(function Banner(_a, ref) {
|
|
|
79
83
|
'ndl-success': type === 'success',
|
|
80
84
|
'ndl-warning': type === 'warning',
|
|
81
85
|
'ndl-danger': type === 'danger',
|
|
82
|
-
'ndl-
|
|
86
|
+
'ndl-global': usage === 'global',
|
|
87
|
+
'ndl-inline': usage === 'inline',
|
|
88
|
+
'ndl-full-width': usage === 'full-width',
|
|
83
89
|
[className]: className && className !== '',
|
|
84
90
|
});
|
|
85
91
|
const handleClose = (e) => {
|
|
@@ -87,8 +93,7 @@ const Banner = React.forwardRef(function Banner(_a, ref) {
|
|
|
87
93
|
onClose(e);
|
|
88
94
|
}
|
|
89
95
|
};
|
|
90
|
-
|
|
91
|
-
return (_jsxs("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref, children: [hasIcon && getStatusIcon(type), _jsxs("div", { className: "ndl-banner-content", children: [title && _jsx("h6", { className: "ndl-banner-title", children: title }), (description || children) && (_jsx("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), closeable && (_jsx("div", { tabIndex: 0, role: "button", className: "ndl-banner-icon ndl-close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close-banner", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
96
|
+
return (_jsxs("div", Object.assign({ className: classes, role: isCloseable ? 'alertdialog' : 'alert', title: name, ref: ref }, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { type: type }), _jsxs("div", { className: "ndl-banner-content", children: [title && (_jsx(Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && (_jsx("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && (_jsx("button", { className: "ndl-banner-icon ndl-close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close banner", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
92
97
|
});
|
|
93
98
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
94
99
|
const BannerNamespace = Object.assign(Banner, { Actions: BannerActions });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.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
|
*
|
|
@@ -31,98 +20,70 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
31
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
21
|
*/
|
|
33
22
|
// NPM
|
|
34
|
-
import { useEffect, useRef, useState } from 'react';
|
|
23
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
35
24
|
// Local
|
|
36
25
|
import { classNames } from '../_common/defaultImports';
|
|
37
26
|
import { IconButton } from '../button';
|
|
38
27
|
import { Menu } from '../context-menu';
|
|
39
|
-
import { ChevronDownIconOutline
|
|
28
|
+
import { ChevronDownIconOutline } from '../icons';
|
|
40
29
|
import { Typography } from '../typography';
|
|
41
|
-
const BreadcrumbsBaseItem = (
|
|
42
|
-
|
|
43
|
-
const Component = as;
|
|
30
|
+
const BreadcrumbsBaseItem = React.forwardRef(function BreadcrumbsBaseItem({ as, children = (_jsx(Typography, { as: "span", variant: "body-medium", children: "Home" })), className, href, isCurrentPage = false, onClick, htmlAttributes, }, ref) {
|
|
31
|
+
const Component = as || 'a';
|
|
44
32
|
const classes = classNames('ndl-breadcrumbs-base-item-link', className, {
|
|
45
33
|
'ndl-breadcrumbs-base-item-link-active': isCurrentPage,
|
|
46
34
|
});
|
|
47
|
-
return (_jsx("li", { className: "ndl-breadcrumbs-base-item", children: _jsx(Component
|
|
48
|
-
/* Overridable */
|
|
49
|
-
, Object.assign({
|
|
50
|
-
/* Overridable */
|
|
51
|
-
role: "button", tabIndex: 0, "aria-label": "home" }, restProps, {
|
|
52
|
-
/* Non-overridable */
|
|
53
|
-
className: classes, href: href, onClick: (event) => {
|
|
35
|
+
return (_jsx("li", { className: "ndl-breadcrumbs-base-item", ref: ref, children: _jsx(Component, Object.assign({ role: "button", tabIndex: 0, "aria-label": "home", className: classes, href: href, onClick: (event) => {
|
|
54
36
|
if (onClick)
|
|
55
37
|
onClick(event, href);
|
|
56
|
-
}, children: children })) }));
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
const
|
|
60
|
-
var { as = 'li', children, className } = _a, restProps = __rest(_a, ["as", "children", "className"]);
|
|
61
|
-
const Component = as;
|
|
38
|
+
} }, htmlAttributes, { children: children })) }));
|
|
39
|
+
});
|
|
40
|
+
const BreadcrumbsGroupItem = ({ as, children, className, htmlAttributes, }) => {
|
|
41
|
+
const Component = as || 'li';
|
|
62
42
|
const classes = classNames('ndl-breadcrumbs-group-item', className);
|
|
63
|
-
return (_jsx(Component
|
|
64
|
-
/* Overridable */
|
|
65
|
-
, Object.assign({}, restProps, {
|
|
66
|
-
/* Non-overridable */
|
|
67
|
-
className: classes, children: _jsx("ol", { children: children }) })));
|
|
43
|
+
return (_jsx(Component, Object.assign({ className: classes }, htmlAttributes, { children: _jsx("ol", { children: children }) })));
|
|
68
44
|
};
|
|
69
45
|
BreadcrumbsGroupItem.displayName = 'Breadcrumbs.GroupItem';
|
|
70
|
-
const BreadcrumbsItem = (
|
|
71
|
-
var { as = 'a', children, className, hasSeparator = true, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "hasSeparator", "href", "isCurrentPage", "onClick"]);
|
|
46
|
+
const BreadcrumbsItem = ({ as, children, className, hasSeparator = true, href, isCurrentPage = false, onClick, htmlAttributes, }) => {
|
|
72
47
|
const listItemClasses = classNames('ndl-breadcrumbs-item', {
|
|
73
48
|
'ndl-breadcrumbs-separator': hasSeparator,
|
|
74
49
|
});
|
|
75
50
|
const linkClasses = classNames('ndl-breadcrumbs-item-link', {
|
|
76
51
|
'ndl-breadcrumbs-item-link-active': isCurrentPage,
|
|
77
52
|
}, className);
|
|
78
|
-
return (_jsx("li", { className: listItemClasses, children: _jsx(Typography
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
className: linkClasses, href: href, onClick: (event) => {
|
|
83
|
-
if (onClick)
|
|
84
|
-
onClick(event, href);
|
|
85
|
-
}, children: children })) }));
|
|
53
|
+
return (_jsx("li", { className: listItemClasses, children: _jsx(Typography, { as: as, variant: "body-medium", className: linkClasses, href: href, htmlAttributes: Object.assign({ role: 'button', tabIndex: 0, onClick: (event) => {
|
|
54
|
+
if (onClick)
|
|
55
|
+
onClick(event, href);
|
|
56
|
+
}, 'aria-current': isCurrentPage ? 'page' : undefined }, htmlAttributes), children: children }) }));
|
|
86
57
|
};
|
|
87
58
|
BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
|
|
88
|
-
const BreadcrumbsItemMenu = (
|
|
89
|
-
var { children, className, isOpen = false, onClick, onClose } = _a, restProps = __rest(_a, ["children", "className", "isOpen", "onClick", "onClose"]);
|
|
59
|
+
const BreadcrumbsItemMenu = ({ children, className, isOpen = false, onClick, onClose, htmlAttributes, }) => {
|
|
90
60
|
const buttonRef = useRef(null);
|
|
91
61
|
const [isItemMenuOpen, setIsItemMenuOpen] = useState(isOpen);
|
|
92
62
|
useEffect(() => {
|
|
93
63
|
setIsItemMenuOpen(isOpen);
|
|
94
64
|
}, [isOpen]);
|
|
95
65
|
const classes = classNames('ndl-breadcrumbs-item-menu-button', className);
|
|
96
|
-
return (_jsxs("li", { className: "ndl-breadcrumbs-item-menu", children: [_jsx(IconButton
|
|
97
|
-
|
|
98
|
-
|
|
66
|
+
return (_jsxs("li", { className: "ndl-breadcrumbs-item-menu", children: [_jsx(IconButton, { as: "button",
|
|
67
|
+
/* Overridable */
|
|
68
|
+
ariaLabel: "breadcrumbs item menu", isClean: true, isGrouped: true, size: "small",
|
|
99
69
|
/* Non-overridable */
|
|
100
70
|
className: classes, onClick: (event) => {
|
|
101
71
|
setIsItemMenuOpen(true);
|
|
102
72
|
if (onClick)
|
|
103
73
|
onClick(event);
|
|
104
|
-
}, ref: buttonRef, children: _jsx(ChevronDownIconOutline, {}) })
|
|
105
|
-
vertical: 'bottom',
|
|
106
|
-
horizontal: 'center',
|
|
107
|
-
}, captureFocus: true, onClose: (event) => {
|
|
74
|
+
}, ref: buttonRef, htmlAttributes: Object.assign({ 'aria-haspopup': true }, htmlAttributes), children: _jsx(ChevronDownIconOutline, {}) }), _jsx(Menu, { anchorRef: buttonRef, onClose: (event) => {
|
|
108
75
|
setIsItemMenuOpen(false);
|
|
109
76
|
if (onClose)
|
|
110
77
|
onClose(event);
|
|
111
|
-
},
|
|
78
|
+
}, isOpen: isItemMenuOpen, children: _jsx(Menu.Items, { children: children }) })] }));
|
|
112
79
|
};
|
|
113
80
|
BreadcrumbsItemMenu.displayName = 'Breadcrumbs.ItemMenu';
|
|
114
|
-
const BreadcrumbsEllipsisMenu = (
|
|
115
|
-
var { as = 'span', children, className, isOpen = false, onClick, onClose, onKeyDown } = _a, restProps = __rest(_a, ["as", "children", "className", "isOpen", "onClick", "onClose", "onKeyDown"]);
|
|
81
|
+
const BreadcrumbsEllipsisMenu = ({ as, children, className, isOpen = false, onClick, onClose, onKeyDown, htmlAttributes, }) => {
|
|
116
82
|
const ellipsisButtonRef = useRef(null);
|
|
117
|
-
const ellipsisMenuRef = useRef(null);
|
|
118
83
|
const [isEllipsisMenuOpen, setIsEllipsisMenuOpen] = useState(isOpen);
|
|
119
|
-
const Component = as;
|
|
84
|
+
const Component = as || 'span';
|
|
120
85
|
const classes = classNames('ndl-breadcrumbs-ellipsis-menu-button', className);
|
|
121
|
-
return (_jsxs("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [_jsx(Component
|
|
122
|
-
/* Overridable */
|
|
123
|
-
, Object.assign({ "aria-controls": isEllipsisMenuOpen ? 'ellipsis-menu' : undefined, "aria-expanded": isEllipsisMenuOpen ? 'true' : undefined, "aria-haspopup": "true", role: "button", tabIndex: 0 }, restProps, {
|
|
124
|
-
/* Non-overridable */
|
|
125
|
-
className: classes, onClick: (event) => {
|
|
86
|
+
return (_jsxs("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [_jsx(Component, Object.assign({ "aria-controls": isEllipsisMenuOpen ? 'ellipsis-menu' : undefined, "aria-expanded": isEllipsisMenuOpen ? 'true' : undefined, "aria-haspopup": "true", role: "button", tabIndex: 0, className: classes, onClick: (event) => {
|
|
126
87
|
setIsEllipsisMenuOpen(true);
|
|
127
88
|
if (onClick)
|
|
128
89
|
onClick(event);
|
|
@@ -131,46 +92,32 @@ const BreadcrumbsEllipsisMenu = (_a) => {
|
|
|
131
92
|
setIsEllipsisMenuOpen(true);
|
|
132
93
|
if (onKeyDown)
|
|
133
94
|
onKeyDown(event);
|
|
134
|
-
}, ref: ellipsisButtonRef, children: "\u2026" })), _jsx(Menu, {
|
|
95
|
+
}, ref: ellipsisButtonRef }, htmlAttributes, { children: "\u2026" })), _jsx(Menu, { anchorRef: ellipsisButtonRef, onClose: (event) => {
|
|
135
96
|
setIsEllipsisMenuOpen(false);
|
|
136
97
|
if (onClose)
|
|
137
98
|
onClose(event);
|
|
138
|
-
},
|
|
99
|
+
}, isOpen: isEllipsisMenuOpen, children: _jsx(Menu.Items, { children: children }) })] }));
|
|
139
100
|
};
|
|
140
|
-
|
|
141
|
-
const BreadcrumbsMenuItem = (_a) => {
|
|
142
|
-
var { as = 'span', children, className, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "href", "isCurrentPage", "onClick"]);
|
|
101
|
+
const BreadcrumbsMenuItem = ({ as, children, className, href, isCurrentPage = false, onClick, htmlAttributes, }) => {
|
|
143
102
|
const linkClasses = classNames('ndl-breadcrumbs-item-link', className, {
|
|
144
103
|
'ndl-breadcrumbs-item-link-active': isCurrentPage,
|
|
145
104
|
});
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
if (onClick)
|
|
152
|
-
onClick(event, href);
|
|
153
|
-
}, children: children }))) : (_jsx(Typography
|
|
154
|
-
/* Overridable */
|
|
155
|
-
, Object.assign({
|
|
156
|
-
/* Overridable */
|
|
157
|
-
as: as, tabIndex: -1, variant: "body-medium" }, restProps, { onClick: (event) => {
|
|
158
|
-
if (onClick)
|
|
159
|
-
onClick(event);
|
|
160
|
-
},
|
|
105
|
+
const Component = as || 'span';
|
|
106
|
+
return (_jsx(Menu.Item, { as: Component, className: "ndl-breadcrumbs-menu-item", title: href ? (_jsx(Typography, { as: Component, variant: "body-medium", className: linkClasses, href: href, htmlAttributes: Object.assign({ role: 'button', tabIndex: 0, onClick: (event) => {
|
|
107
|
+
if (onClick)
|
|
108
|
+
onClick(event, href);
|
|
109
|
+
}, 'aria-current': isCurrentPage ? 'page' : undefined }, htmlAttributes), children: children })) : (_jsx(Typography, { as: Component, variant: "body-medium",
|
|
161
110
|
/* Non-overridable */
|
|
162
|
-
className: linkClasses,
|
|
111
|
+
className: linkClasses, htmlAttributes: Object.assign({ tabIndex: -1, onClick: (event) => {
|
|
112
|
+
if (onClick)
|
|
113
|
+
onClick(event, href);
|
|
114
|
+
} }, htmlAttributes), children: children })) }));
|
|
163
115
|
};
|
|
164
116
|
BreadcrumbsMenuItem.displayName = 'Breadcrumbs.MenuItem';
|
|
165
|
-
const BreadcrumbsComponent = (
|
|
166
|
-
|
|
167
|
-
const Component = as;
|
|
117
|
+
const BreadcrumbsComponent = ({ as, children, className, htmlAttributes, }) => {
|
|
118
|
+
const Component = as || 'nav';
|
|
168
119
|
const classes = classNames('ndl-breadcrumbs', className);
|
|
169
|
-
return (_jsx(Component
|
|
170
|
-
/* Overridable */
|
|
171
|
-
, Object.assign({ "aria-label": "breadcrumb" }, restProps, {
|
|
172
|
-
/* Non-overridable */
|
|
173
|
-
className: classes, children: _jsx("ol", { children: children }) })));
|
|
120
|
+
return (_jsx(Component, Object.assign({ "aria-label": "breadcrumb", className: classes }, htmlAttributes, { children: _jsx("ol", { children: children }) })));
|
|
174
121
|
};
|
|
175
122
|
BreadcrumbsComponent.displayName = 'Breadcrumbs';
|
|
176
123
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM;AACN,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,QAAQ;AACR,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAyB,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA0B3C,MAAM,mBAAmB,GAAiC,KAAK,CAAC,UAAU,CACxE,SAAS,mBAAmB,CAC1B,EACE,EAAE,EACF,QAAQ,GAAG,CACT,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,qBAE9B,CACd,EACD,SAAS,EACT,IAAI,EACJ,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,cAAc,GACyC,EACzD,GAAsB;IAEtB,MAAM,SAAS,GAAsB,EAAE,IAAI,GAAG,CAAC;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACtE,uCAAuC,EAAE,aAAa;KACvD,CAAC,CAAC;IAEH,OAAO,CACL,aAAI,SAAS,EAAC,2BAA2B,EAAC,GAAG,EAAE,GAAG,YAChD,KAAC,SAAS,kBACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACA,MAAM,EACjB,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;gBAC5D,IAAI,OAAO;oBAAE,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACpC,CAAC,IACG,cAAc,cAEjB,QAAQ,IACC,GACT,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,oBAAoB,GAAG,CAAqC,EAChE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,cAAc,GAC0C,EAAE,EAAE;IAC5D,MAAM,SAAS,GAAsB,EAAE,IAAI,IAAI,CAAC;IAChD,MAAM,OAAO,GAAG,UAAU,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;IAEpE,OAAO,CACL,KAAC,SAAS,kBAAC,SAAS,EAAE,OAAO,IAAM,cAAc,cAC/C,uBAAK,QAAQ,GAAM,IACT,CACb,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAiB3D,MAAM,eAAe,GAAG,CAAoC,EAC1D,EAAE,EACF,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,IAAI,EACJ,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,cAAc,GACqC,EAAE,EAAE;IACvD,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,EAAE;QACzD,2BAA2B,EAAE,YAAY;KAC1C,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,UAAU,CAC5B,2BAA2B,EAC3B;QACE,kCAAkC,EAAE,aAAa;KAClD,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,aAAI,SAAS,EAAE,eAAe,YAC5B,KAAC,UAAU,IACT,EAAE,EAAE,EAAY,EAChB,OAAO,EAAC,aAAa,EACrB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,EACV,cAAc,kBACZ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;oBAC5D,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBACpC,CAAC,EACD,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC/C,cAAc,aAGlB,QAAQ,GACE,GACV,CACN,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAajD,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,OAAO,EACP,OAAO,EACP,cAAc,GACW,EAAE,EAAE;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,UAAU,CAAC,kCAAkC,EAAE,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,cAAI,SAAS,EAAC,2BAA2B,aACvC,KAAC,UAAU,IACT,EAAE,EAAC,QAAQ;gBACX,iBAAiB;gBACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,IAAI,EACf,IAAI,EAAC,OAAO;gBACZ,qBAAqB;gBACrB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;oBAC5D,iBAAiB,CAAC,IAAI,CAAC,CAAC;oBACxB,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC,EACD,GAAG,EAAE,SAAS,EACd,cAAc,kBAAI,eAAe,EAAE,IAAI,IAAK,cAAc,aAE1D,KAAC,sBAAsB,KAAG,GACf,EACb,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;oBACzB,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBACzB,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC,EACD,MAAM,EAAE,cAAc,YAEtB,KAAC,IAAI,CAAC,KAAK,cAAE,QAAQ,GAAc,GAC9B,IACJ,CACN,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAczD,MAAM,uBAAuB,GAAqC,CAEhE,EACA,EAAE,EACF,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,OAAO,EACP,OAAO,EACP,SAAS,EACT,cAAc,GAC6C,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,MAAM,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,EAAE,IAAI,MAAM,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,sCAAsC,EAAE,SAAS,CAAC,CAAC;IAE9E,OAAO,CACL,cAAI,SAAS,EAAC,yDAAyD,aACrE,KAAC,SAAS,mCACO,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,mBAChD,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBACxC,MAAM,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,KAAoC,EAAE,EAAE;oBAChD,qBAAqB,CAAC,IAAI,CAAC,CAAC;oBAC5B,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC,EACD,SAAS,EAAE,CAAC,KAAuC,EAAE,EAAE;oBACrD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;wBAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;oBACvD,IAAI,SAAS;wBAAE,SAAS,CAAC,KAAK,CAAC,CAAC;gBAClC,CAAC,EACD,GAAG,EAAE,iBAAiB,IAClB,cAAc,0BAGR,EACZ,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,qBAAqB,CAAC,KAAK,CAAC,CAAC;oBAC7B,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC,EACD,MAAM,EAAE,kBAAkB,YAE1B,KAAC,IAAI,CAAC,KAAK,cAAE,QAAQ,GAAc,GAC9B,IACJ,CACN,CAAC;AACJ,CAAC,CAAC;AAeF,MAAM,mBAAmB,GAAG,CAAuC,EACjE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,cAAc,GACyC,EAAE,EAAE;IAC3D,MAAM,WAAW,GAAG,UAAU,CAAC,2BAA2B,EAAE,SAAS,EAAE;QACrE,kCAAkC,EAAE,aAAa;KAClD,CAAC,CAAC;IAEH,MAAM,SAAS,GAAsB,EAAE,IAAI,MAAM,CAAC;IAElD,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IACR,EAAE,EAAE,SAAS,EACb,SAAS,EAAC,2BAA2B,EACrC,KAAK,EACH,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,OAAO,EAAC,aAAa,EACrB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,EACV,cAAc,kBACZ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;oBAC5D,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBACpC,CAAC,EACD,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC/C,cAAc,aAGlB,QAAQ,GACE,CACd,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,OAAO,EAAC,aAAa;YACrB,qBAAqB;YACrB,SAAS,EAAE,WAAW,EACtB,cAAc,kBACZ,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;oBAC5D,IAAI,OAAO;wBAAE,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBACpC,CAAC,IACE,cAAc,aAGlB,QAAQ,GACE,CACd,GAEH,CACH,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAOzD,MAAM,oBAAoB,GAAG,CAAsC,EACjE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,cAAc,GACyC,EAAE,EAAE;IAC3D,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,SAAS,gCAAY,YAAY,EAAC,SAAS,EAAE,OAAO,IAAM,cAAc,cACvE,uBAAK,QAAQ,GAAM,IACT,CACb,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,aAAa,CAAC;AAEjD,6IAA6I;AAC7I,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE;IACtD,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,oBAAoB;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,mBAAmB;IAC7B,YAAY,EAAE,uBAAuB;IACrC,QAAQ,EAAE,mBAAmB;CAC9B,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|