@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
|
@@ -1,14 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
12
24
|
};
|
|
13
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
26
|
exports.Breadcrumbs = void 0;
|
|
@@ -34,98 +46,70 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
34
46
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
35
47
|
*/
|
|
36
48
|
// NPM
|
|
37
|
-
const react_1 = require("react");
|
|
49
|
+
const react_1 = __importStar(require("react"));
|
|
38
50
|
// Local
|
|
39
51
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
40
52
|
const button_1 = require("../button");
|
|
41
53
|
const context_menu_1 = require("../context-menu");
|
|
42
54
|
const icons_1 = require("../icons");
|
|
43
55
|
const typography_1 = require("../typography");
|
|
44
|
-
const BreadcrumbsBaseItem = (
|
|
45
|
-
|
|
46
|
-
const Component = as;
|
|
56
|
+
const BreadcrumbsBaseItem = react_1.default.forwardRef(function BreadcrumbsBaseItem({ as, children = ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: "span", variant: "body-medium", children: "Home" })), className, href, isCurrentPage = false, onClick, htmlAttributes, }, ref) {
|
|
57
|
+
const Component = as || 'a';
|
|
47
58
|
const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-base-item-link', className, {
|
|
48
59
|
'ndl-breadcrumbs-base-item-link-active': isCurrentPage,
|
|
49
60
|
});
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)("li", { className: "ndl-breadcrumbs-base-item", children: (0, jsx_runtime_1.jsx)(Component
|
|
51
|
-
/* Overridable */
|
|
52
|
-
, Object.assign({
|
|
53
|
-
/* Overridable */
|
|
54
|
-
role: "button", tabIndex: 0, "aria-label": "home" }, restProps, {
|
|
55
|
-
/* Non-overridable */
|
|
56
|
-
className: classes, href: href, onClick: (event) => {
|
|
61
|
+
return ((0, jsx_runtime_1.jsx)("li", { className: "ndl-breadcrumbs-base-item", ref: ref, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ role: "button", tabIndex: 0, "aria-label": "home", className: classes, href: href, onClick: (event) => {
|
|
57
62
|
if (onClick)
|
|
58
63
|
onClick(event, href);
|
|
59
|
-
}, children: children })) }));
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
const
|
|
63
|
-
var { as = 'li', children, className } = _a, restProps = __rest(_a, ["as", "children", "className"]);
|
|
64
|
-
const Component = as;
|
|
64
|
+
} }, htmlAttributes, { children: children })) }));
|
|
65
|
+
});
|
|
66
|
+
const BreadcrumbsGroupItem = ({ as, children, className, htmlAttributes, }) => {
|
|
67
|
+
const Component = as || 'li';
|
|
65
68
|
const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-group-item', className);
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)(Component
|
|
67
|
-
/* Overridable */
|
|
68
|
-
, Object.assign({}, restProps, {
|
|
69
|
-
/* Non-overridable */
|
|
70
|
-
className: classes, children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
|
|
71
70
|
};
|
|
72
71
|
BreadcrumbsGroupItem.displayName = 'Breadcrumbs.GroupItem';
|
|
73
|
-
const BreadcrumbsItem = (
|
|
74
|
-
var { as = 'a', children, className, hasSeparator = true, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "hasSeparator", "href", "isCurrentPage", "onClick"]);
|
|
72
|
+
const BreadcrumbsItem = ({ as, children, className, hasSeparator = true, href, isCurrentPage = false, onClick, htmlAttributes, }) => {
|
|
75
73
|
const listItemClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item', {
|
|
76
74
|
'ndl-breadcrumbs-separator': hasSeparator,
|
|
77
75
|
});
|
|
78
76
|
const linkClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-link', {
|
|
79
77
|
'ndl-breadcrumbs-item-link-active': isCurrentPage,
|
|
80
78
|
}, className);
|
|
81
|
-
return ((0, jsx_runtime_1.jsx)("li", { className: listItemClasses, children: (0, jsx_runtime_1.jsx)(typography_1.Typography
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
className: linkClasses, href: href, onClick: (event) => {
|
|
86
|
-
if (onClick)
|
|
87
|
-
onClick(event, href);
|
|
88
|
-
}, children: children })) }));
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)("li", { className: listItemClasses, children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { as: as, variant: "body-medium", className: linkClasses, href: href, htmlAttributes: Object.assign({ role: 'button', tabIndex: 0, onClick: (event) => {
|
|
80
|
+
if (onClick)
|
|
81
|
+
onClick(event, href);
|
|
82
|
+
}, 'aria-current': isCurrentPage ? 'page' : undefined }, htmlAttributes), children: children }) }));
|
|
89
83
|
};
|
|
90
84
|
BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
|
|
91
|
-
const BreadcrumbsItemMenu = (
|
|
92
|
-
var { children, className, isOpen = false, onClick, onClose } = _a, restProps = __rest(_a, ["children", "className", "isOpen", "onClick", "onClose"]);
|
|
85
|
+
const BreadcrumbsItemMenu = ({ children, className, isOpen = false, onClick, onClose, htmlAttributes, }) => {
|
|
93
86
|
const buttonRef = (0, react_1.useRef)(null);
|
|
94
87
|
const [isItemMenuOpen, setIsItemMenuOpen] = (0, react_1.useState)(isOpen);
|
|
95
88
|
(0, react_1.useEffect)(() => {
|
|
96
89
|
setIsItemMenuOpen(isOpen);
|
|
97
90
|
}, [isOpen]);
|
|
98
91
|
const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-menu-button', className);
|
|
99
|
-
return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-item-menu", children: [(0, jsx_runtime_1.jsx)(button_1.IconButton
|
|
100
|
-
|
|
101
|
-
|
|
92
|
+
return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-item-menu", children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, { as: "button",
|
|
93
|
+
/* Overridable */
|
|
94
|
+
ariaLabel: "breadcrumbs item menu", isClean: true, isGrouped: true, size: "small",
|
|
102
95
|
/* Non-overridable */
|
|
103
96
|
className: classes, onClick: (event) => {
|
|
104
97
|
setIsItemMenuOpen(true);
|
|
105
98
|
if (onClick)
|
|
106
99
|
onClick(event);
|
|
107
|
-
}, ref: buttonRef, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) })
|
|
108
|
-
vertical: 'bottom',
|
|
109
|
-
horizontal: 'center',
|
|
110
|
-
}, captureFocus: true, onClose: (event) => {
|
|
100
|
+
}, ref: buttonRef, htmlAttributes: Object.assign({ 'aria-haspopup': true }, htmlAttributes), children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) }), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { anchorRef: buttonRef, onClose: (event) => {
|
|
111
101
|
setIsItemMenuOpen(false);
|
|
112
102
|
if (onClose)
|
|
113
103
|
onClose(event);
|
|
114
|
-
},
|
|
104
|
+
}, isOpen: isItemMenuOpen, children: (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Items, { children: children }) })] }));
|
|
115
105
|
};
|
|
116
106
|
BreadcrumbsItemMenu.displayName = 'Breadcrumbs.ItemMenu';
|
|
117
|
-
const BreadcrumbsEllipsisMenu = (
|
|
118
|
-
var { as = 'span', children, className, isOpen = false, onClick, onClose, onKeyDown } = _a, restProps = __rest(_a, ["as", "children", "className", "isOpen", "onClick", "onClose", "onKeyDown"]);
|
|
107
|
+
const BreadcrumbsEllipsisMenu = ({ as, children, className, isOpen = false, onClick, onClose, onKeyDown, htmlAttributes, }) => {
|
|
119
108
|
const ellipsisButtonRef = (0, react_1.useRef)(null);
|
|
120
|
-
const ellipsisMenuRef = (0, react_1.useRef)(null);
|
|
121
109
|
const [isEllipsisMenuOpen, setIsEllipsisMenuOpen] = (0, react_1.useState)(isOpen);
|
|
122
|
-
const Component = as;
|
|
110
|
+
const Component = as || 'span';
|
|
123
111
|
const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-ellipsis-menu-button', className);
|
|
124
|
-
return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [(0, jsx_runtime_1.jsx)(Component
|
|
125
|
-
/* Overridable */
|
|
126
|
-
, Object.assign({ "aria-controls": isEllipsisMenuOpen ? 'ellipsis-menu' : undefined, "aria-expanded": isEllipsisMenuOpen ? 'true' : undefined, "aria-haspopup": "true", role: "button", tabIndex: 0 }, restProps, {
|
|
127
|
-
/* Non-overridable */
|
|
128
|
-
className: classes, onClick: (event) => {
|
|
112
|
+
return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [(0, jsx_runtime_1.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) => {
|
|
129
113
|
setIsEllipsisMenuOpen(true);
|
|
130
114
|
if (onClick)
|
|
131
115
|
onClick(event);
|
|
@@ -134,46 +118,32 @@ const BreadcrumbsEllipsisMenu = (_a) => {
|
|
|
134
118
|
setIsEllipsisMenuOpen(true);
|
|
135
119
|
if (onKeyDown)
|
|
136
120
|
onKeyDown(event);
|
|
137
|
-
}, ref: ellipsisButtonRef, children: "\u2026" })), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, {
|
|
121
|
+
}, ref: ellipsisButtonRef }, htmlAttributes, { children: "\u2026" })), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { anchorRef: ellipsisButtonRef, onClose: (event) => {
|
|
138
122
|
setIsEllipsisMenuOpen(false);
|
|
139
123
|
if (onClose)
|
|
140
124
|
onClose(event);
|
|
141
|
-
},
|
|
125
|
+
}, isOpen: isEllipsisMenuOpen, children: (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Items, { children: children }) })] }));
|
|
142
126
|
};
|
|
143
|
-
|
|
144
|
-
const BreadcrumbsMenuItem = (_a) => {
|
|
145
|
-
var { as = 'span', children, className, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "href", "isCurrentPage", "onClick"]);
|
|
127
|
+
const BreadcrumbsMenuItem = ({ as, children, className, href, isCurrentPage = false, onClick, htmlAttributes, }) => {
|
|
146
128
|
const linkClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-link', className, {
|
|
147
129
|
'ndl-breadcrumbs-item-link-active': isCurrentPage,
|
|
148
130
|
});
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
if (onClick)
|
|
155
|
-
onClick(event, href);
|
|
156
|
-
}, children: children }))) : ((0, jsx_runtime_1.jsx)(typography_1.Typography
|
|
157
|
-
/* Overridable */
|
|
158
|
-
, Object.assign({
|
|
159
|
-
/* Overridable */
|
|
160
|
-
as: as, tabIndex: -1, variant: "body-medium" }, restProps, { onClick: (event) => {
|
|
161
|
-
if (onClick)
|
|
162
|
-
onClick(event);
|
|
163
|
-
},
|
|
131
|
+
const Component = as || 'span';
|
|
132
|
+
return ((0, jsx_runtime_1.jsx)(context_menu_1.Menu.Item, { as: Component, className: "ndl-breadcrumbs-menu-item", title: href ? ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: Component, variant: "body-medium", className: linkClasses, href: href, htmlAttributes: Object.assign({ role: 'button', tabIndex: 0, onClick: (event) => {
|
|
133
|
+
if (onClick)
|
|
134
|
+
onClick(event, href);
|
|
135
|
+
}, 'aria-current': isCurrentPage ? 'page' : undefined }, htmlAttributes), children: children })) : ((0, jsx_runtime_1.jsx)(typography_1.Typography, { as: Component, variant: "body-medium",
|
|
164
136
|
/* Non-overridable */
|
|
165
|
-
className: linkClasses,
|
|
137
|
+
className: linkClasses, htmlAttributes: Object.assign({ tabIndex: -1, onClick: (event) => {
|
|
138
|
+
if (onClick)
|
|
139
|
+
onClick(event, href);
|
|
140
|
+
} }, htmlAttributes), children: children })) }));
|
|
166
141
|
};
|
|
167
142
|
BreadcrumbsMenuItem.displayName = 'Breadcrumbs.MenuItem';
|
|
168
|
-
const BreadcrumbsComponent = (
|
|
169
|
-
|
|
170
|
-
const Component = as;
|
|
143
|
+
const BreadcrumbsComponent = ({ as, children, className, htmlAttributes, }) => {
|
|
144
|
+
const Component = as || 'nav';
|
|
171
145
|
const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs', className);
|
|
172
|
-
return ((0, jsx_runtime_1.jsx)(Component
|
|
173
|
-
/* Overridable */
|
|
174
|
-
, Object.assign({ "aria-label": "breadcrumb" }, restProps, {
|
|
175
|
-
/* Non-overridable */
|
|
176
|
-
className: classes, children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
|
|
146
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ "aria-label": "breadcrumb", className: classes }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
|
|
177
147
|
};
|
|
178
148
|
BreadcrumbsComponent.displayName = 'Breadcrumbs';
|
|
179
149
|
// 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":"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"}
|
package/lib/cjs/button/Button.js
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Button = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
8
|
/**
|
|
2
9
|
*
|
|
3
10
|
* Copyright (c) "Neo4j"
|
|
@@ -18,36 +25,13 @@
|
|
|
18
25
|
* You should have received a copy of the GNU General Public License
|
|
19
26
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
27
|
*/
|
|
21
|
-
|
|
22
|
-
"use strict";
|
|
23
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
24
|
-
var t = {};
|
|
25
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
26
|
-
t[p] = s[p];
|
|
27
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
28
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
29
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
30
|
-
t[p[i]] = s[p[i]];
|
|
31
|
-
}
|
|
32
|
-
return t;
|
|
33
|
-
};
|
|
34
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
35
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
36
|
-
};
|
|
37
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
-
exports.Button = void 0;
|
|
39
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
28
|
const react_1 = __importDefault(require("react"));
|
|
41
29
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
42
30
|
const utils_1 = require("../_common/utils");
|
|
43
31
|
const loading_spinner_1 = require("../loading-spinner");
|
|
44
|
-
exports.Button = react_1.default.forwardRef(function Button(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
if (!as && restProps.href) {
|
|
48
|
-
Component = 'a';
|
|
49
|
-
}
|
|
50
|
-
const isInteractable = !disabled && !loading;
|
|
32
|
+
exports.Button = react_1.default.forwardRef(function Button({ children, as, type = 'button', isLoading = false, color = 'primary', isDisabled = false, fill = 'filled', size = 'medium', className, onClick, isFloating = false, htmlAttributes, }, ref) {
|
|
33
|
+
const Component = as || 'button';
|
|
34
|
+
const isInteractable = !isDisabled && !isLoading;
|
|
51
35
|
const classes = (0, defaultImports_1.classNames)('ndl-btn', {
|
|
52
36
|
'ndl-small': size === 'small',
|
|
53
37
|
'ndl-medium': size === 'medium',
|
|
@@ -55,9 +39,9 @@ exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
55
39
|
'ndl-filled': fill === 'filled',
|
|
56
40
|
'ndl-outlined': fill === 'outlined',
|
|
57
41
|
'ndl-text': fill === 'text',
|
|
58
|
-
'ndl-disabled':
|
|
59
|
-
'ndl-loading':
|
|
60
|
-
'ndl-floating-btn':
|
|
42
|
+
'ndl-disabled': isDisabled,
|
|
43
|
+
'ndl-loading': isLoading,
|
|
44
|
+
'ndl-floating-btn': isFloating,
|
|
61
45
|
/** Now check button is outlined or filled */
|
|
62
46
|
/**
|
|
63
47
|
* Notice:
|
|
@@ -97,12 +81,12 @@ exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
97
81
|
active:n-bg-palette-${color}-pressed-weak
|
|
98
82
|
`}
|
|
99
83
|
`]: fill === 'text' && color !== 'neutral',
|
|
100
|
-
[`
|
|
84
|
+
[`
|
|
101
85
|
n-text-palette-neutral-text-weak
|
|
102
86
|
${isInteractable && `hover:n-bg-palette-neutral-bg-default`}
|
|
103
87
|
`]: fill === 'text' && color == 'neutral',
|
|
104
88
|
});
|
|
105
|
-
const
|
|
89
|
+
const sanitizedClasses = (0, utils_1.removeSpaces)((0, utils_1.removeNewlines)(classes));
|
|
106
90
|
const handleClick = (e) => {
|
|
107
91
|
if (!isInteractable) {
|
|
108
92
|
// By default, a <button /> element with disabled set to true will not get its
|
|
@@ -118,7 +102,7 @@ exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
118
102
|
}
|
|
119
103
|
};
|
|
120
104
|
return ((0, jsx_runtime_1.jsxs)(Component
|
|
121
|
-
/**
|
|
122
|
-
, Object.assign({},
|
|
105
|
+
/** Add button type prop only for button components */
|
|
106
|
+
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), ref: ref, tabIndex: !isInteractable ? -1 : 0 }, htmlAttributes, { children: [isLoading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
123
107
|
});
|
|
124
108
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -41,28 +41,25 @@ const defaultImports_1 = require("../_common/defaultImports");
|
|
|
41
41
|
const utils_1 = require("../_common/utils");
|
|
42
42
|
const loading_spinner_1 = require("../loading-spinner");
|
|
43
43
|
exports.IconButton = react_1.default.forwardRef(function Button(_a, ref) {
|
|
44
|
-
var { children, as,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
Component = 'a';
|
|
48
|
-
}
|
|
49
|
-
const isInteractable = !disabled && !loading;
|
|
44
|
+
var { children, as, isLoading = false, isDisabled = false, size = 'medium', className, isGrouped, isFloating = false, isDanger, isClean, isActive = false, ariaLabel, htmlAttributes, onClick } = _a, restProps = __rest(_a, ["children", "as", "isLoading", "isDisabled", "size", "className", "isGrouped", "isFloating", "isDanger", "isClean", "isActive", "ariaLabel", "htmlAttributes", "onClick"]);
|
|
45
|
+
const Component = as || 'button';
|
|
46
|
+
const isInteractable = !isDisabled && !isLoading;
|
|
50
47
|
const classes = (0, defaultImports_1.classNames)('ndl-icon-btn', className, {
|
|
51
48
|
'ndl-small': size === 'small',
|
|
52
49
|
'ndl-medium': size === 'medium',
|
|
53
50
|
'ndl-large': size === 'large',
|
|
54
|
-
'ndl-grouped':
|
|
55
|
-
'ndl-disabled':
|
|
56
|
-
'ndl-loading':
|
|
57
|
-
'ndl-floating':
|
|
58
|
-
'ndl-danger':
|
|
59
|
-
'ndl-clean':
|
|
60
|
-
'ndl-active':
|
|
51
|
+
'ndl-grouped': isGrouped,
|
|
52
|
+
'ndl-disabled': isDisabled,
|
|
53
|
+
'ndl-loading': isLoading,
|
|
54
|
+
'ndl-floating': isFloating,
|
|
55
|
+
'ndl-danger': isDanger,
|
|
56
|
+
'ndl-clean': isClean,
|
|
57
|
+
'ndl-active': isActive,
|
|
61
58
|
});
|
|
62
|
-
if (
|
|
59
|
+
if (isClean && isFloating) {
|
|
63
60
|
(0, utils_1.needleWarningMessage)("Can't have 'clean' and 'floating' props true at the same time");
|
|
64
61
|
}
|
|
65
|
-
if (!
|
|
62
|
+
if (!htmlAttributes || (htmlAttributes && !htmlAttributes['aria-label'])) {
|
|
66
63
|
(0, utils_1.needleWarningMessage)('Icon buttons do not have text, be sure to include an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI');
|
|
67
64
|
}
|
|
68
65
|
const handleClick = (e) => {
|
|
@@ -78,12 +75,7 @@ exports.IconButton = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
78
75
|
if (onClick) {
|
|
79
76
|
onClick(e);
|
|
80
77
|
}
|
|
81
|
-
else if (!restProps.href) {
|
|
82
|
-
console.error('onClick was not provided');
|
|
83
|
-
}
|
|
84
78
|
};
|
|
85
|
-
return ((0, jsx_runtime_1.jsx)(Component
|
|
86
|
-
/** First props and then className to avoid overriding in classNames */
|
|
87
|
-
, Object.assign({}, restProps, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: classes, ref: ref, children: loading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { size: "small" })) : ((0, jsx_runtime_1.jsx)("div", { className: "ndl-icon", children: children })) })));
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ onClick: handleClick, disabled: !isInteractable, "aria-label": ariaLabel, className: classes, ref: ref }, restProps, htmlAttributes, { children: isLoading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { size: "small" })) : ((0, jsx_runtime_1.jsx)("div", { className: "ndl-icon", children: children })) })));
|
|
88
80
|
});
|
|
89
81
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/button/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;AACvD,4CAAwD;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/button/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;AACvD,4CAAwD;AACxD,wDAAoD;AA4EvC,QAAA,UAAU,GAAwB,eAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAG7E,EAgBgD,EAChD,GAAsB;QAjBtB,EACE,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,cAAc,EACd,OAAO,OAEuC,EAD3C,SAAS,cAfd,0KAgBC,CADa;IAId,MAAM,SAAS,GAAsB,EAAE,IAAI,QAAQ,CAAC;IAEpD,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,cAAc,EAAE,SAAS,EAAE;QACpD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,UAAU;QAC1B,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,UAAU;QAC1B,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,IAAI,OAAO,IAAI,UAAU,EAAE,CAAC;QAC1B,IAAA,4BAAoB,EAClB,+DAA+D,CAChE,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;QACzE,IAAA,4BAAoB,EAClB,mKAAmK,CACpK,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,cAAc,gBACb,SAAS,EACrB,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,IAEJ,SAAS,EACT,cAAc,cAEjB,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,gCAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAChC,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAO,CAC3C,IACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,20 +1,9 @@
|
|
|
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
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.IconButtonArray = void 0;
|
|
6
|
+
exports.IconButtonArray = exports.IconButtonArrayComponent = void 0;
|
|
18
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
8
|
/**
|
|
20
9
|
*
|
|
@@ -38,19 +27,51 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
38
27
|
*/
|
|
39
28
|
const react_1 = __importDefault(require("react"));
|
|
40
29
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
30
|
+
const IconButton_1 = require("./IconButton");
|
|
31
|
+
const icons_1 = require("../icons");
|
|
32
|
+
const CollapsibleButtonWrapper = ({ children, }) => {
|
|
33
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
34
|
+
};
|
|
35
|
+
CollapsibleButtonWrapper.displayName = 'CollapsibleButtonWrapper';
|
|
36
|
+
exports.IconButtonArrayComponent = react_1.default.forwardRef(function IconButtonArrayComponent({ children, as, className, isFloating = false, orientation = 'horizontal', size = 'medium', htmlAttributes, }, ref) {
|
|
37
|
+
const [isCollapsed, setIsCollapsed] = react_1.default.useState(true);
|
|
48
38
|
const classes = (0, defaultImports_1.classNames)('ndl-icon-btn-array', {
|
|
49
39
|
'n-flex-row': orientation === 'horizontal',
|
|
50
40
|
'n-flex-col': orientation === 'vertical',
|
|
51
|
-
'ndl-array-floating':
|
|
52
|
-
[
|
|
41
|
+
'ndl-array-floating': isFloating,
|
|
42
|
+
[`ndl-${size}`]: size,
|
|
43
|
+
[className]: className,
|
|
53
44
|
});
|
|
54
|
-
|
|
45
|
+
const Component = as || 'div';
|
|
46
|
+
const applySizeProp = (child) => {
|
|
47
|
+
if (react_1.default.isValidElement(child) &&
|
|
48
|
+
child.type === IconButton_1.IconButton) {
|
|
49
|
+
return react_1.default.cloneElement(child, { size: child.props.size || size });
|
|
50
|
+
}
|
|
51
|
+
return child;
|
|
52
|
+
};
|
|
53
|
+
const childrenArray = react_1.default.Children.toArray(children);
|
|
54
|
+
const fixedButtons = childrenArray.filter((child) => !react_1.default.isValidElement(child) ||
|
|
55
|
+
child.type.displayName !==
|
|
56
|
+
'CollapsibleButtonWrapper');
|
|
57
|
+
const fixedButtonsWithProps = react_1.default.Children.map(fixedButtons, applySizeProp);
|
|
58
|
+
const collapsibleButtonWrapper = childrenArray.find((child) => react_1.default.isValidElement(child) &&
|
|
59
|
+
child.type.displayName ===
|
|
60
|
+
'CollapsibleButtonWrapper');
|
|
61
|
+
const collapsibleButtonsWithProps = collapsibleButtonWrapper
|
|
62
|
+
? react_1.default.Children.map(collapsibleButtonWrapper.props.children, applySizeProp)
|
|
63
|
+
: null;
|
|
64
|
+
const renderChevronIcon = () => {
|
|
65
|
+
if (orientation === 'horizontal') {
|
|
66
|
+
return isCollapsed ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, {})) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIconOutline, {}));
|
|
67
|
+
}
|
|
68
|
+
return isCollapsed ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {})) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, {}));
|
|
69
|
+
};
|
|
70
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ role: "group", className: classes, ref: ref }, htmlAttributes, { children: [fixedButtonsWithProps, collapsibleButtonsWithProps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isCollapsed && collapsibleButtonsWithProps, (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: () => setIsCollapsed(!isCollapsed), size: size, ariaLabel: "Show more", "aria-expanded": !isCollapsed, isClean: true, isGrouped: true, children: renderChevronIcon() })] }))] })));
|
|
71
|
+
});
|
|
72
|
+
const IconButtonArray = Object.assign(exports.IconButtonArrayComponent, {
|
|
73
|
+
CollapsibleButtonWrapper,
|
|
55
74
|
});
|
|
75
|
+
exports.IconButtonArray = IconButtonArray;
|
|
76
|
+
IconButtonArray.displayName = 'IconButtonArray';
|
|
56
77
|
//# sourceMappingURL=IconButtonArray.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/button/IconButtonArray.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/button/IconButtonArray.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
};
|
|
@@ -72,8 +61,7 @@ const getStatusIcon = (iconType) => {
|
|
|
72
61
|
*
|
|
73
62
|
*
|
|
74
63
|
*/
|
|
75
|
-
exports.Callout = react_1.default.forwardRef(function Callout(
|
|
76
|
-
var { as, type = 'note', header = null, children, description = null, className } = _a, restProps = __rest(_a, ["as", "type", "header", "children", "description", "className"]);
|
|
64
|
+
exports.Callout = react_1.default.forwardRef(function Callout({ as, type = 'note', header = null, children, description = null, className, htmlAttributes, }, ref) {
|
|
77
65
|
const Component = as || 'div';
|
|
78
66
|
const classes = (0, defaultImports_1.classNames)('ndl-callout', className, {
|
|
79
67
|
'ndl-callout-note': type === 'note',
|
|
@@ -81,6 +69,6 @@ exports.Callout = react_1.default.forwardRef(function Callout(_a, ref) {
|
|
|
81
69
|
'ndl-callout-example': type === 'example',
|
|
82
70
|
'ndl-callout-tip': type === 'tip',
|
|
83
71
|
});
|
|
84
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref },
|
|
72
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes }, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-callout-rectangle" }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-callout-wrapper", children: [getStatusIcon(type), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-callout-content", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "h6", className: "ndl-callout-title", children: type.toUpperCase() }), header && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-medium", className: "ndl-callout-header", children: header })), (description || children) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", className: "ndl-callout-description", children: children || description }))] })] })] })));
|
|
85
73
|
});
|
|
86
74
|
//# sourceMappingURL=Callout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/callout/Callout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/callout/Callout.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;AAEvD,oCAKkB;AAClB,8CAA2C;AA6B3C;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAqB,EAAE,EAAE;IAC9C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,WAAW;YACd,aAAa,GAAG,CACd,uBAAC,sCAA8B,IAAC,SAAS,EAAC,4BAA4B,GAAG,CAC1E,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,CACd,uBAAC,yBAAiB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAC3D,CAAC;YACF,MAAM;QACR,KAAK,KAAK;YACR,aAAa,GAAG,uBAAC,4BAAoB,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YAC1E,MAAM;QACR,KAAK,MAAM,CAAC;QACZ;YACE,aAAa,GAAG,CACd,uBAAC,oCAA4B,IAAC,SAAS,EAAC,uBAAuB,GAAG,CACnE,CAAC;IACN,CAAC;IAED,OAAO,gCAAK,SAAS,EAAC,kBAAkB,YAAE,aAAa,GAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;;;;;GAMG;AAEU,QAAA,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAGtD,EACE,EAAE,EACF,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,cAAc,GAC6B,EAC7C,GAAsB;IAEtB,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,aAAa,EAAE,SAAS,EAAE;QACnD,kBAAkB,EAAE,IAAI,KAAK,MAAM;QACnC,uBAAuB,EAAE,IAAI,KAAK,WAAW;QAC7C,qBAAqB,EAAE,IAAI,KAAK,SAAS;QACzC,iBAAiB,EAAE,IAAI,KAAK,KAAK;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAM,cAAc,eACzD,gCAAK,SAAS,EAAC,uBAAuB,GAAO,EAC7C,iCAAK,SAAS,EAAC,qBAAqB,aACjC,aAAa,CAAC,IAAI,CAAC,EACpB,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,uBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,YACnD,IAAI,CAAC,WAAW,EAAE,GACR,EACZ,MAAM,IAAI,CACT,uBAAC,uBAAU,IACT,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAC,oBAAoB,YAE7B,MAAM,GACI,CACd,EACA,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAC5B,uBAAC,uBAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,WAAW,GACb,CACd,IACG,IACF,KACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|