@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
|
@@ -60,8 +60,7 @@ const react_1 = __importStar(require("react"));
|
|
|
60
60
|
const button_1 = require("../button");
|
|
61
61
|
const icons_1 = require("../icons");
|
|
62
62
|
const defaultImports_1 = require("./defaultImports");
|
|
63
|
-
exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(
|
|
64
|
-
var { as, maxHeight, code, headerTitle, children, disabled, actions, shouldShowExpandButton, setShouldShowExpandButton, className, style } = _a, restProps = __rest(_a, ["as", "maxHeight", "code", "headerTitle", "children", "disabled", "actions", "shouldShowExpandButton", "setShouldShowExpandButton", "className", "style"]);
|
|
63
|
+
exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper({ as, maxHeight, code, headerTitle, children, isDisabled, actions, shouldShowExpandButton, setShouldShowExpandButton, className, style, htmlAttributes, }, ref) {
|
|
65
64
|
const Component = as || 'div';
|
|
66
65
|
const syntaxHighlighterWrapperRef = (0, react_1.useRef)(null);
|
|
67
66
|
const [containerHeight, setContainerHeight] = (0, react_1.useState)(`${maxHeight}px`);
|
|
@@ -88,17 +87,20 @@ exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(
|
|
|
88
87
|
setShouldShowExpandButton(true);
|
|
89
88
|
}
|
|
90
89
|
}, [maxHeight, code, setShouldShowExpandButton]);
|
|
91
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({
|
|
92
|
-
'ndl-disabled':
|
|
90
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: (0, defaultImports_1.classNames)('ndl-code-block-container', className), style: Object.assign({ height: containerHeight }, style) }, htmlAttributes, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-h-full", children: [headerTitle && ((0, jsx_runtime_1.jsx)("div", { className: (0, defaultImports_1.classNames)('ndl-code-block-title', {
|
|
91
|
+
'ndl-disabled': isDisabled,
|
|
93
92
|
}), style: {
|
|
94
93
|
maxWidth: `calc(100% - ${((actions === null || actions === void 0 ? void 0 : actions.length) || 0) * 36 + 20}px)`,
|
|
95
94
|
}, "data-testid": "ndl-code-block-title", children: headerTitle })), (0, jsx_runtime_1.jsxs)("div", { className: (0, defaultImports_1.classNames)('ndl-code-content-container', {
|
|
96
|
-
'ndl-disabled':
|
|
95
|
+
'ndl-disabled': isDisabled,
|
|
97
96
|
}), style: {
|
|
98
97
|
height: headerTitle ? 'calc(100% - 24px - 12px)' : '100%',
|
|
99
98
|
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-code-pseudo-element" }), (0, jsx_runtime_1.jsx)("div", { ref: syntaxHighlighterWrapperRef, className: "ndl-highlight-wrapper", role: "textbox", "aria-label": "code-snippet", tabIndex: 0, children: children }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-code-pseudo-element" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, defaultImports_1.classNames)('ndl-code-block-actions', {
|
|
100
|
-
'ndl-disabled':
|
|
101
|
-
}), children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) =>
|
|
99
|
+
'ndl-disabled': isDisabled,
|
|
100
|
+
}), children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => {
|
|
101
|
+
const { htmlAttributes, ariaLabel } = iconButtonProps, restIconButtonProps = __rest(iconButtonProps, ["htmlAttributes", "ariaLabel"]);
|
|
102
|
+
return ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ isClean: true, ariaLabel: `${ariaLabel || 'CodeBlock Action'}`, isDisabled: isDisabled, htmlAttributes: Object.assign({ 'data-testid': `ndl-action-button-${i}` }, htmlAttributes) }, restIconButtonProps), i));
|
|
103
|
+
}) }), shouldShowExpandButton && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-code-block-expand-button", children: (0, jsx_runtime_1.jsx)(button_1.IconButton, { ariaLabel: "Expand/Collapse", onClick: () => {
|
|
102
104
|
if (isExpanded) {
|
|
103
105
|
setContainerHeight(`${maxHeight}px`);
|
|
104
106
|
setIsExpanded(false);
|
|
@@ -107,6 +109,6 @@ exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(
|
|
|
107
109
|
setContainerHeight(`fit-content`);
|
|
108
110
|
setIsExpanded(true);
|
|
109
111
|
}
|
|
110
|
-
},
|
|
112
|
+
}, isClean: true, children: isExpanded ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) }) }))] })));
|
|
111
113
|
});
|
|
112
114
|
//# sourceMappingURL=CodeBlockWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAA4E;AAE5E,
|
|
1
|
+
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ exports.ConditionalWrap = void 0;
|
|
|
25
25
|
* Component to enable conditional
|
|
26
26
|
* wrapping of components
|
|
27
27
|
*/
|
|
28
|
-
const ConditionalWrap = ({
|
|
28
|
+
const ConditionalWrap = ({ shouldWrap, wrap, children, }) => (shouldWrap ? wrap(children) : children);
|
|
29
29
|
exports.ConditionalWrap = ConditionalWrap;
|
|
30
30
|
exports.default = exports.ConditionalWrap;
|
|
31
31
|
//# sourceMappingURL=ConditionalWrap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalWrap.js","sourceRoot":"","sources":["../../../src/_common/ConditionalWrap.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,
|
|
1
|
+
{"version":3,"file":"ConditionalWrap.js","sourceRoot":"","sources":["../../../src/_common/ConditionalWrap.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,IAAI,EACJ,QAAQ,GAKT,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AARlC,QAAA,eAAe,mBAQmB;AAE/C,kBAAe,uBAAe,CAAC"}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
24
24
|
exports.ConditionalWrap = void 0;
|
|
25
25
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
-
const ConditionalWrap = ({ condition, wrapper, children, }) => {
|
|
26
|
+
const ConditionalWrap = ({ shouldWrap: condition, wrapper, children, }) => {
|
|
27
27
|
return condition ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrapper(children) }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
28
28
|
};
|
|
29
29
|
exports.ConditionalWrap = ConditionalWrap;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coditionalWrap.js","sourceRoot":"","sources":["../../../src/_common/coditionalWrap.tsx"],"names":[],"mappings":";;;;AA2BO,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,
|
|
1
|
+
{"version":3,"file":"coditionalWrap.js","sourceRoot":"","sources":["../../../src/_common/coditionalWrap.tsx"],"names":[],"mappings":";;;;AA2BO,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EAAE,SAAS,EACrB,OAAO,EACP,QAAQ,GACa,EAAE,EAAE;IACzB,OAAO,SAAS,CAAC,CAAC,CAAC,2DAAG,OAAO,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC,CAAC,2DAAG,QAAQ,GAAI,CAAC;AAChE,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.customLabelAndNoAriaLabelWarningMessage = void 0;
|
|
15
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -46,11 +35,7 @@ const utils_1 = require("../utils");
|
|
|
46
35
|
*/
|
|
47
36
|
exports.customLabelAndNoAriaLabelWarningMessage = 'aria label not detected when using a custom label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI';
|
|
48
37
|
const RadioAndCheckboxWrapper = (props, ref) => {
|
|
49
|
-
const { label,
|
|
50
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
51
|
-
fluid,
|
|
52
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
53
|
-
labelBefore, type = 'text', 'aria-label': ariaLabel } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type", 'aria-label']);
|
|
38
|
+
const { label, isFluid, isDefaultChecked, hasLabelBefore, type = 'text', ariaLabel, isDisabled, isReadOnly, isChecked, onClick, onChange, htmlAttributes, } = props;
|
|
54
39
|
const isLabel = label !== undefined && typeof label === 'string';
|
|
55
40
|
const isCustomLabel = label && typeof label !== 'string';
|
|
56
41
|
const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;
|
|
@@ -63,13 +48,14 @@ const RadioAndCheckboxWrapper = (props, ref) => {
|
|
|
63
48
|
}
|
|
64
49
|
}, [ariaLabel, label, type, hasCustomLabelAndNoAriaLabel]);
|
|
65
50
|
const containerWrappingClasses = (0, defaultImports_1.classNames)(`ndl-form-item ndl-type-${type}`, {
|
|
66
|
-
'ndl-disabled':
|
|
51
|
+
'ndl-disabled': isDisabled,
|
|
52
|
+
'ndl-read-only': isReadOnly,
|
|
67
53
|
});
|
|
68
54
|
const labelWrappingClasses = (0, defaultImports_1.classNames)(`ndl-form-item-label`, {
|
|
69
|
-
'ndl-fluid':
|
|
70
|
-
'ndl-label-before':
|
|
55
|
+
'ndl-fluid': isFluid,
|
|
56
|
+
'ndl-label-before': hasLabelBefore,
|
|
71
57
|
});
|
|
72
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: containerWrappingClasses, children: (0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ "aria-label": ariaLabel
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: containerWrappingClasses, children: (0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ "aria-label": ariaLabel, ref: ref, type: type, disabled: isDisabled, readOnly: isReadOnly, checked: isChecked, defaultChecked: isDefaultChecked, onClick: onClick, onChange: onChange }, htmlAttributes)), isLabel ? ((0, jsx_runtime_1.jsx)("span", { title: label, className: "ndl-form-label-text", children: label })) : (label)] }) }));
|
|
73
59
|
};
|
|
74
60
|
exports.default = (0, react_1.forwardRef)(RadioAndCheckboxWrapper);
|
|
75
61
|
//# sourceMappingURL=RadioAndCheckboxWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAKe;AAEf,sDAA+C;AAC/C,oCAAgD;AAyChD,qCAAqC;AAErC;;;;;;GAMG;AAEU,QAAA,uCAAuC,GAClD,iLAAiL,CAAC;AAEpL,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,IAAI,GAAG,MAAM,EACb,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACjE,MAAM,aAAa,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACzD,MAAM,4BAA4B,GAAG,aAAa,IAAI,CAAC,SAAS,CAAC;IAEjE,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,IAAA,4BAAoB,EAClB,GAAG,IAAI,4KAA4K,CACpL,CAAC;QACJ,CAAC;QAED,IAAI,4BAA4B,EAAE,CAAC;YACjC,IAAA,4BAAoB,EAAC,+CAAuC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAE3D,MAAM,wBAAwB,GAAG,IAAA,2BAAU,EACzC,0BAA0B,IAAI,EAAE,EAChC;QACE,cAAc,EAAE,UAAU;QAC1B,eAAe,EAAE,UAAU;KAC5B,CACF,CAAC;IAEF,MAAM,oBAAoB,GAAG,IAAA,2BAAU,EAAC,qBAAqB,EAAE;QAC7D,WAAW,EAAE,OAAO;QACpB,kBAAkB,EAAE,cAAc;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,gCAAK,SAAS,EAAE,wBAAwB,YAGtC,mCAAO,SAAS,EAAE,oBAAoB,aACpC,8DACc,SAAS,EACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,cAAc,EAAE,gBAAgB,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IACd,cAAc,EAClB,EAED,OAAO,CAAC,CAAC,CAAC,CACT,iCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB,YAChD,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,IACK,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -20,7 +20,6 @@
|
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
-
exports.
|
|
23
|
+
exports.customLabelAndNoAriaLabelWarningMessage = void 0;
|
|
24
24
|
exports.customLabelAndNoAriaLabelWarningMessage = 'aria label not detected when using a custom label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI';
|
|
25
|
-
exports.anchorElNotSetWarningMessage = 'anchorEl property reference is null. This component might not work as expected.';
|
|
26
25
|
//# sourceMappingURL=messages.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/_common/messages.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEU,QAAA,uCAAuC,GAClD,iLAAiL,CAAC
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/_common/messages.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEU,QAAA,uCAAuC,GAClD,iLAAiL,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
/**
|
|
2
3
|
*
|
|
3
4
|
* Copyright (c) "Neo4j"
|
|
@@ -18,7 +19,5 @@
|
|
|
18
19
|
* You should have received a copy of the GNU General Public License
|
|
19
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
21
|
*/
|
|
21
|
-
|
|
22
|
-
"use strict";
|
|
23
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
24
23
|
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/_common/types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}
|
|
@@ -61,7 +61,7 @@ const useAccordionContext = () => {
|
|
|
61
61
|
return context;
|
|
62
62
|
};
|
|
63
63
|
const AccordionComponent = (0, helpers_1.forwardRef)(function AccordionComponent(_a, ref) {
|
|
64
|
-
var {
|
|
64
|
+
var { children, className, isMultiple, onChange, htmlAttributes } = _a, restProps = __rest(_a, ["children", "className", "isMultiple", "onChange", "htmlAttributes"]);
|
|
65
65
|
const accordionRef = (0, react_1.useRef)(null);
|
|
66
66
|
// The following function includes code needed to be
|
|
67
67
|
// able to navigate with the arrow keys (not tab).
|
|
@@ -105,27 +105,25 @@ const AccordionComponent = (0, helpers_1.forwardRef)(function AccordionComponent
|
|
|
105
105
|
};
|
|
106
106
|
(0, react_1.useImperativeHandle)(ref, () => accordionRef.current);
|
|
107
107
|
const classes = (0, defaultImports_1.classNames)('ndl-accordion', className);
|
|
108
|
-
const
|
|
109
|
-
const
|
|
110
|
-
const
|
|
111
|
-
const rootProps = multiple ? isMultipleRootProps : isNotMultipleRootProps;
|
|
112
|
-
const contextValue = multiple
|
|
108
|
+
const { expandedItemIds } = restProps;
|
|
109
|
+
const { expandedItemId } = restProps;
|
|
110
|
+
const contextValue = isMultiple
|
|
113
111
|
? {
|
|
114
112
|
onChange,
|
|
115
|
-
|
|
113
|
+
isMultiple,
|
|
116
114
|
expandedItemIds,
|
|
117
115
|
}
|
|
118
116
|
: {
|
|
119
117
|
onChange,
|
|
120
|
-
|
|
118
|
+
isMultiple,
|
|
121
119
|
expandedItemId,
|
|
122
120
|
};
|
|
123
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
121
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, ref: accordionRef, onKeyDown: handleKeyDown, role: "presentation" }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(AccordionContext.Provider, { value: contextValue, children: children }) })));
|
|
124
122
|
});
|
|
125
123
|
AccordionComponent.displayName = 'Accordion';
|
|
126
124
|
const createItemId = (type, id) => `ndl-accordionitem${type}id-${id}`;
|
|
127
125
|
const AccordionItem = (_a) => {
|
|
128
|
-
var { itemId, children, title, className = '', arrowPosition = '
|
|
126
|
+
var { itemId, children, title, className = '', arrowPosition = 'left', isDisabled = false, onExpandedChange, htmlAttributes } = _a, restProps = __rest(_a, ["itemId", "children", "title", "className", "arrowPosition", "isDisabled", "onExpandedChange", "htmlAttributes"]);
|
|
129
127
|
const contentRef = (0, react_1.useRef)(null);
|
|
130
128
|
const innerContentRef = (0, react_1.useRef)(null);
|
|
131
129
|
const itemElementId = createItemId('item', itemId);
|
|
@@ -133,19 +131,18 @@ const AccordionItem = (_a) => {
|
|
|
133
131
|
const buttonElementId = createItemId('button', itemId);
|
|
134
132
|
const panelElementId = createItemId('panel', itemId);
|
|
135
133
|
const context = useAccordionContext();
|
|
136
|
-
|
|
137
|
-
const
|
|
138
|
-
const isExpanded = multiple
|
|
134
|
+
const { isMultiple } = context;
|
|
135
|
+
const isExpanded = isMultiple
|
|
139
136
|
? context.expandedItemIds.includes(itemId)
|
|
140
137
|
: context.expandedItemId === itemId;
|
|
141
138
|
const handleOnClick = (0, react_1.useCallback)(() => {
|
|
142
139
|
var _a, _b;
|
|
143
|
-
if (
|
|
140
|
+
if (isDisabled)
|
|
144
141
|
return;
|
|
145
142
|
// Custom callback to call.
|
|
146
143
|
if (onExpandedChange !== undefined)
|
|
147
144
|
onExpandedChange(!isExpanded);
|
|
148
|
-
if (
|
|
145
|
+
if (isMultiple) {
|
|
149
146
|
const { expandedItemIds, onChange } = context;
|
|
150
147
|
// Multiple expanded.
|
|
151
148
|
if (isExpanded) {
|
|
@@ -174,29 +171,32 @@ const AccordionItem = (_a) => {
|
|
|
174
171
|
}
|
|
175
172
|
// The W3 WAI-ARIA states that focus can only happen on the header not the header button.
|
|
176
173
|
(_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.focus();
|
|
177
|
-
}, [isExpanded,
|
|
174
|
+
}, [isExpanded, isMultiple, isDisabled, itemId, onExpandedChange, context]);
|
|
178
175
|
const classes = (0, defaultImports_1.classNames)('ndl-accordion-item', className, {
|
|
179
|
-
'ndl-accordion-item-disabled':
|
|
176
|
+
'ndl-accordion-item-disabled': isDisabled,
|
|
180
177
|
'ndl-accordion-item-expanded': isExpanded,
|
|
181
178
|
});
|
|
182
179
|
const headerClasses = (0, defaultImports_1.classNames)('ndl-accordion-item-header', {
|
|
183
|
-
'ndl-accordion-item-header-disabled':
|
|
180
|
+
'ndl-accordion-item-header-disabled': isDisabled,
|
|
184
181
|
});
|
|
185
182
|
const iconClasses = (0, defaultImports_1.classNames)('ndl-accordion-item-header-icon-wrapper', {
|
|
186
|
-
'ndl-accordion-item-header-icon-wrapper-
|
|
183
|
+
'ndl-accordion-item-header-icon-wrapper-left': arrowPosition === 'left',
|
|
187
184
|
});
|
|
188
185
|
const buttonClasses = (0, defaultImports_1.classNames)('ndl-accordion-item-header-button', {
|
|
189
|
-
'ndl-accordion-item-header-button-disabled':
|
|
186
|
+
'ndl-accordion-item-header-button-disabled': isDisabled,
|
|
190
187
|
});
|
|
191
188
|
const titleClasses = (0, defaultImports_1.classNames)('ndl-accordion-item-header-button-title', {
|
|
192
|
-
'ndl-accordion-item-header-button-title':
|
|
193
|
-
'ndl-accordion-item-header-button-title-
|
|
189
|
+
'ndl-accordion-item-header-button-title': isDisabled,
|
|
190
|
+
'ndl-accordion-item-header-button-title-left': arrowPosition === 'left',
|
|
194
191
|
});
|
|
195
192
|
const contentClasses = (0, defaultImports_1.classNames)('ndl-accordion-item-content', {
|
|
196
193
|
'ndl-accordion-item-content-expanded': isExpanded,
|
|
197
|
-
'ndl-accordion-item-content-
|
|
194
|
+
'ndl-accordion-item-content-left': arrowPosition === 'left',
|
|
198
195
|
});
|
|
199
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, restProps, { className: classes, id: itemElementId, children: [(0, jsx_runtime_1.jsx)("div", { className: headerClasses, id: headerElementId, children: (0, jsx_runtime_1.jsx)("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled":
|
|
196
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, restProps, htmlAttributes, { className: classes, id: itemElementId, children: [(0, jsx_runtime_1.jsx)("div", { className: headerClasses, id: headerElementId, children: (0, jsx_runtime_1.jsx)("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": isDisabled, "aria-label": title, "aria-controls": panelElementId, disabled: isDisabled, children: (0, jsx_runtime_1.jsxs)("span", { className: iconClasses, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-medium", className: titleClasses, htmlAttributes: {
|
|
197
|
+
role: 'heading',
|
|
198
|
+
'aria-level': 2,
|
|
199
|
+
}, children: title }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, defaultImports_1.classNames)('ndl-accordion-item-header-icon', {
|
|
200
200
|
'-n-rotate-180': isExpanded,
|
|
201
201
|
}) })] }) }) }), (0, jsx_runtime_1.jsx)("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: (0, jsx_runtime_1.jsx)("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", onKeyDown: (event) => event.stopPropagation(), children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", className: "n-text-palette-neutral-text-weak", as: "div", children: children }) }) }), (0, jsx_runtime_1.jsx)(divider_1.Divider, {})] })));
|
|
202
202
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAMe;AAEf,8DAAuD;AACvD,4CAA6C;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/avatar/Avatar.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -98,12 +87,12 @@ exports.defaultProps = {
|
|
|
98
87
|
status: undefined,
|
|
99
88
|
type: 'image',
|
|
100
89
|
};
|
|
101
|
-
exports.Avatar = react_1.default.forwardRef(function Avatar(
|
|
102
|
-
var { as = exports.defaultProps.as, className = exports.defaultProps.className, hasStatus = exports.defaultProps.hasStatus, isDisabled = exports.defaultProps.isDisabled, name = exports.defaultProps.name, shape = exports.defaultProps.shape, size = exports.defaultProps.size, source = exports.defaultProps.source, status = exports.defaultProps.status, type: initialType = exports.defaultProps.type } = _a, restProps = __rest(_a, ["as", "className", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type"]);
|
|
90
|
+
exports.Avatar = react_1.default.forwardRef(function Avatar({ as = exports.defaultProps.as, className = exports.defaultProps.className, hasStatus = exports.defaultProps.hasStatus, isDisabled = exports.defaultProps.isDisabled, name = exports.defaultProps.name, shape = exports.defaultProps.shape, size = exports.defaultProps.size, source = exports.defaultProps.source, status = exports.defaultProps.status, type: initialType = exports.defaultProps.type, htmlAttributes, }, ref) {
|
|
103
91
|
// If source is not provided, fallback to icon
|
|
104
92
|
const type = initialType === 'image' && !source ? 'icon' : initialType;
|
|
105
|
-
const Component = as;
|
|
106
|
-
const
|
|
93
|
+
const Component = as || exports.defaultProps.as;
|
|
94
|
+
const isButton = Component === 'button';
|
|
95
|
+
const classes = (0, defaultImports_1.classNames)(`ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`, className);
|
|
107
96
|
const shapeClasses = (0, defaultImports_1.classNames)(`ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`, {
|
|
108
97
|
'ndl-avatar-disabled': isDisabled,
|
|
109
98
|
});
|
|
@@ -127,7 +116,8 @@ exports.Avatar = react_1.default.forwardRef(function Avatar(_a, ref) {
|
|
|
127
116
|
? renderLettersType()
|
|
128
117
|
: null;
|
|
129
118
|
const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
|
|
130
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref
|
|
119
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes, "aria-hidden": !isButton }, (isButton && {
|
|
120
|
+
disabled: isDisabled,
|
|
121
|
+
}), htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, defaultImports_1.classNames)(shapeClasses, typeClass), "aria-label": `avatar ${name}`, "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && ((0, jsx_runtime_1.jsx)(StatusIndicator, { size: size, status: status }))] })));
|
|
131
122
|
});
|
|
132
|
-
exports.Avatar.displayName = 'Avatar';
|
|
133
123
|
//# 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/cjs/banner/Banner.js
CHANGED
|
@@ -60,6 +60,7 @@ const react_1 = __importStar(require("react"));
|
|
|
60
60
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
61
61
|
const utils_1 = require("../_common/utils");
|
|
62
62
|
const icons_1 = require("../icons");
|
|
63
|
+
const typography_1 = require("../typography");
|
|
63
64
|
/**
|
|
64
65
|
*
|
|
65
66
|
*
|
|
@@ -67,34 +68,37 @@ const icons_1 = require("../icons");
|
|
|
67
68
|
*
|
|
68
69
|
*
|
|
69
70
|
*/
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
case 'success':
|
|
74
|
-
iconComponent = (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, {});
|
|
75
|
-
break;
|
|
76
|
-
case 'warning':
|
|
77
|
-
iconComponent = (0, jsx_runtime_1.jsx)(icons_1.ExclamationTriangleIconSolid, {});
|
|
78
|
-
break;
|
|
79
|
-
case 'danger':
|
|
80
|
-
iconComponent = (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {});
|
|
81
|
-
break;
|
|
82
|
-
default:
|
|
83
|
-
iconComponent = (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconSolid, {});
|
|
71
|
+
const StatusIcon = ({ type }) => {
|
|
72
|
+
if (type === 'neutral') {
|
|
73
|
+
return null;
|
|
84
74
|
}
|
|
75
|
+
const iconComponent = (() => {
|
|
76
|
+
switch (type) {
|
|
77
|
+
case 'success':
|
|
78
|
+
return (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, {});
|
|
79
|
+
case 'warning':
|
|
80
|
+
return (0, jsx_runtime_1.jsx)(icons_1.ExclamationTriangleIconSolid, {});
|
|
81
|
+
case 'danger':
|
|
82
|
+
return (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {});
|
|
83
|
+
case 'info':
|
|
84
|
+
return (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconSolid, {});
|
|
85
|
+
default:
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
})();
|
|
85
89
|
return ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
|
|
86
90
|
};
|
|
87
|
-
const BannerActions = (_a)
|
|
88
|
-
var { label } = _a, restProps = __rest(_a, ["label"]);
|
|
89
|
-
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
const BannerActions = react_1.default.forwardRef(function BannerActions(_a, ref) {
|
|
92
|
+
var { label, as, htmlAttributes } = _a, restProps = __rest(_a, ["label", "as", "htmlAttributes"]);
|
|
93
|
+
const Component = as || 'a';
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, restProps, { ref: ref }, htmlAttributes, { children: label })));
|
|
95
|
+
});
|
|
96
|
+
const Banner = react_1.default.forwardRef(function Banner({ type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className = '', children = null, isCloseable = false, usage = 'inline', htmlAttributes, }, ref) {
|
|
93
97
|
(0, react_1.useEffect)(() => {
|
|
94
|
-
if (typeof title !== 'string' && !name &&
|
|
98
|
+
if (typeof title !== 'string' && !name && isCloseable) {
|
|
95
99
|
(0, utils_1.needleWarningMessage)('Banner Component expected `name` prop when title is not a string: https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name?application=axeAPI');
|
|
96
100
|
}
|
|
97
|
-
}, [title, name,
|
|
101
|
+
}, [title, name, isCloseable]);
|
|
98
102
|
if (typeof title === 'string' && !name) {
|
|
99
103
|
name = title;
|
|
100
104
|
}
|
|
@@ -105,7 +109,9 @@ const Banner = react_1.default.forwardRef(function Banner(_a, ref) {
|
|
|
105
109
|
'ndl-success': type === 'success',
|
|
106
110
|
'ndl-warning': type === 'warning',
|
|
107
111
|
'ndl-danger': type === 'danger',
|
|
108
|
-
'ndl-
|
|
112
|
+
'ndl-global': usage === 'global',
|
|
113
|
+
'ndl-inline': usage === 'inline',
|
|
114
|
+
'ndl-full-width': usage === 'full-width',
|
|
109
115
|
[className]: className && className !== '',
|
|
110
116
|
});
|
|
111
117
|
const handleClose = (e) => {
|
|
@@ -113,8 +119,7 @@ const Banner = react_1.default.forwardRef(function Banner(_a, ref) {
|
|
|
113
119
|
onClose(e);
|
|
114
120
|
}
|
|
115
121
|
};
|
|
116
|
-
|
|
117
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref, children: [hasIcon && getStatusIcon(type), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-content", children: [title && (0, jsx_runtime_1.jsx)("h6", { className: "ndl-banner-title", children: title }), (description || children) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-actions", children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(BannerActions, Object.assign({}, action), index))) }))] }), closeable && ((0, jsx_runtime_1.jsx)("div", { tabIndex: 0, role: "button", className: "ndl-banner-icon ndl-close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close-banner", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
|
|
122
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, role: isCloseable ? 'alertdialog' : 'alert', title: name, ref: ref }, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { type: type }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-content", children: [title && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-actions", children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && ((0, jsx_runtime_1.jsx)("button", { className: "ndl-banner-icon ndl-close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close banner", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
|
|
118
123
|
});
|
|
119
124
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
120
125
|
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,+CAAyC;AAEzC,8DAAuD;AACvD,4CAAwD;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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"}
|