@neo4j-ndl/react 1.10.7 → 2.0.0-alpha-3f8358d
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/LICENSES.txt +2105 -67
- package/lib/NOTICE.txt +32 -31
- package/lib/cjs/_common/CodeBlockWrapper.js +6 -6
- package/lib/cjs/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js +1 -1
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/cjs/accordion/Accordion.js +10 -9
- package/lib/cjs/accordion/Accordion.js.map +1 -1
- package/lib/cjs/banner/Banner.js +10 -7
- package/lib/cjs/banner/Banner.js.map +1 -1
- package/lib/cjs/button/Button.js +1 -1
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/IconButton.js +1 -1
- package/lib/cjs/button/IconButton.js.map +1 -1
- package/lib/cjs/button/IconButtonArray.js +1 -1
- package/lib/cjs/button/IconButtonArray.js.map +1 -1
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/code-block/CodeBlock.js +3 -3
- package/lib/cjs/code-block/CodeBlock.js.map +1 -1
- package/lib/cjs/context-menu/ContextMenu.js +34 -20
- package/lib/cjs/context-menu/ContextMenu.js.map +1 -1
- package/lib/cjs/context-menu/SafeArea.js +6 -6
- package/lib/cjs/context-menu/SafeArea.js.map +1 -1
- package/lib/cjs/cypher-code-block/CypherCodeBlock.js +1 -1
- package/lib/cjs/cypher-code-block/CypherCodeBlock.js.map +1 -1
- package/lib/cjs/data-grid/Components.js +364 -0
- package/lib/cjs/data-grid/Components.js.map +1 -0
- package/lib/cjs/data-grid/DataGrid.js +98 -0
- package/lib/cjs/data-grid/DataGrid.js.map +1 -0
- package/lib/cjs/{table-deprecated/hooks/hookCallbackTypes.js → data-grid/DataGridContext.js} +12 -1
- package/lib/cjs/data-grid/DataGridContext.js.map +1 -0
- package/lib/cjs/data-grid/helpers.js +94 -0
- package/lib/cjs/data-grid/helpers.js.map +1 -0
- package/lib/cjs/data-grid/index.js +57 -0
- package/lib/cjs/data-grid/index.js.map +1 -0
- package/lib/cjs/date-picker/DatePicker.js +5 -5
- package/lib/cjs/date-picker/DatePicker.js.map +1 -1
- package/lib/cjs/dialog/Dialog.js +10 -9
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/drawer/Drawer.js +6 -6
- package/lib/cjs/drawer/Drawer.js.map +1 -1
- package/lib/cjs/dropdown/Dropdown.js +17 -17
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js +4 -4
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/cjs/{drag-and-drop/DragAndDrop.js → dropzone/Dropzone.js} +7 -14
- package/lib/cjs/dropzone/Dropzone.js.map +1 -0
- package/lib/cjs/dropzone/icons/CSV-file.js.map +1 -0
- package/lib/cjs/dropzone/icons/Cloud.js +27 -0
- package/lib/cjs/dropzone/icons/Cloud.js.map +1 -0
- package/lib/cjs/{drag-and-drop → dropzone}/icons/File.js +1 -1
- package/lib/cjs/dropzone/icons/File.js.map +1 -0
- package/lib/cjs/{drag-and-drop → dropzone}/icons/InvalidFile.js +1 -1
- package/lib/cjs/dropzone/icons/InvalidFile.js.map +1 -0
- package/lib/cjs/{drag-and-drop → dropzone}/index.js +3 -3
- package/lib/cjs/dropzone/index.js.map +1 -0
- package/lib/cjs/graph-label/GraphLabel.js +11 -11
- package/lib/cjs/graph-label/GraphLabel.js.map +1 -1
- package/lib/cjs/graph-label/color.js +8 -8
- package/lib/cjs/graph-label/color.js.map +1 -1
- package/lib/cjs/icons/generated/custom/NomLevel.js +1 -1
- package/lib/cjs/icons/generated/custom/NomLevel.js.map +1 -1
- package/lib/cjs/icons/generated/custom/Underline.js +1 -1
- package/lib/cjs/icons/generated/custom/Underline.js.map +1 -1
- package/lib/cjs/index.js +5 -4
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/label/Label.js +17 -8
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/cjs/modal/Modal.js +6 -19
- package/lib/cjs/modal/Modal.js.map +1 -1
- package/lib/cjs/popover/Popover.js +8 -4
- package/lib/cjs/popover/Popover.js.map +1 -1
- package/lib/cjs/progress-bar/ProgressBar.js +1 -1
- package/lib/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/lib/cjs/{view-selector/ViewSelector.js → segmented-control/SegmentedControl.js} +21 -14
- package/lib/cjs/segmented-control/SegmentedControl.js.map +1 -0
- package/lib/cjs/{table-deprecated/hooks → segmented-control}/index.js +1 -3
- package/lib/cjs/segmented-control/index.js.map +1 -0
- package/lib/cjs/side-navigation/SideNavigation.js +22 -36
- package/lib/cjs/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/status-indicator/StatusIndicator.js +5 -5
- package/lib/cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/cjs/table/Components.js +18 -20
- package/lib/cjs/table/Components.js.map +1 -1
- package/lib/cjs/table/Table.js +11 -3
- package/lib/cjs/table/Table.js.map +1 -1
- package/lib/cjs/tabs/Tabs.js +18 -7
- package/lib/cjs/tabs/Tabs.js.map +1 -1
- package/lib/cjs/tag/Tag.js +1 -1
- package/lib/cjs/tag/Tag.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +3 -4
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/cjs/textarea/Textarea.js +3 -4
- package/lib/cjs/textarea/Textarea.js.map +1 -1
- package/lib/cjs/theme/ThemeProvider.js +99 -0
- package/lib/cjs/theme/ThemeProvider.js.map +1 -0
- package/lib/cjs/{view-selector → theme}/index.js +1 -1
- package/lib/cjs/theme/index.js.map +1 -0
- package/lib/cjs/tip/Tip.js +193 -0
- package/lib/cjs/tip/Tip.js.map +1 -0
- package/lib/cjs/{tooltip → tip}/Tooltip.js +1 -1
- package/lib/cjs/tip/Tooltip.js.map +1 -0
- package/lib/cjs/{table-deprecated → tip}/index.js +4 -4
- package/lib/cjs/tip/index.js.map +1 -0
- package/lib/cjs/typography/Typography.js +1 -1
- package/lib/cjs/typography/Typography.js.map +1 -1
- package/lib/cjs/widget/Widget.js +1 -1
- package/lib/cjs/widget/Widget.js.map +1 -1
- package/lib/cjs/wizard/Wizard.js +6 -6
- package/lib/cjs/wizard/Wizard.js.map +1 -1
- package/lib/esm/_common/CodeBlockWrapper.js +6 -6
- package/lib/esm/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js +1 -1
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/esm/accordion/Accordion.js +11 -12
- package/lib/esm/accordion/Accordion.js.map +1 -1
- package/lib/esm/banner/Banner.js +9 -5
- package/lib/esm/banner/Banner.js.map +1 -1
- package/lib/esm/button/Button.js +1 -1
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/button/IconButton.js +1 -1
- package/lib/esm/button/IconButton.js.map +1 -1
- package/lib/esm/button/IconButtonArray.js +1 -1
- package/lib/esm/button/IconButtonArray.js.map +1 -1
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/code-block/CodeBlock.js +3 -3
- package/lib/esm/code-block/CodeBlock.js.map +1 -1
- package/lib/esm/context-menu/ContextMenu.js +33 -19
- package/lib/esm/context-menu/ContextMenu.js.map +1 -1
- package/lib/esm/context-menu/SafeArea.js +6 -6
- package/lib/esm/context-menu/SafeArea.js.map +1 -1
- package/lib/esm/cypher-code-block/CypherCodeBlock.js +1 -1
- package/lib/esm/cypher-code-block/CypherCodeBlock.js.map +1 -1
- package/lib/esm/data-grid/Components.js +339 -0
- package/lib/esm/data-grid/Components.js.map +1 -0
- package/lib/esm/data-grid/DataGrid.js +92 -0
- package/lib/esm/data-grid/DataGrid.js.map +1 -0
- package/lib/esm/{table-deprecated/hooks/index.js → data-grid/DataGridContext.js} +10 -4
- package/lib/esm/data-grid/DataGridContext.js.map +1 -0
- package/lib/esm/data-grid/helpers.js +88 -0
- package/lib/esm/data-grid/helpers.js.map +1 -0
- package/lib/esm/{drag-and-drop → data-grid}/index.js +4 -1
- package/lib/esm/data-grid/index.js.map +1 -0
- package/lib/esm/date-picker/DatePicker.js +5 -5
- package/lib/esm/date-picker/DatePicker.js.map +1 -1
- package/lib/esm/dialog/Dialog.js +9 -8
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/drawer/Drawer.js +6 -6
- package/lib/esm/drawer/Drawer.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +17 -17
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js +4 -4
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/esm/{drag-and-drop/DragAndDrop.js → dropzone/Dropzone.js} +7 -14
- package/lib/esm/dropzone/Dropzone.js.map +1 -0
- package/lib/esm/dropzone/icons/CSV-file.js.map +1 -0
- package/lib/esm/dropzone/icons/Cloud.js +25 -0
- package/lib/esm/dropzone/icons/Cloud.js.map +1 -0
- package/lib/esm/dropzone/icons/File.js +25 -0
- package/lib/esm/dropzone/icons/File.js.map +1 -0
- package/lib/esm/dropzone/icons/InvalidFile.js +25 -0
- package/lib/esm/dropzone/icons/InvalidFile.js.map +1 -0
- package/lib/{types/table-deprecated/index.d.ts → esm/dropzone/index.js} +2 -2
- package/lib/esm/dropzone/index.js.map +1 -0
- package/lib/esm/graph-label/GraphLabel.js +11 -11
- package/lib/esm/graph-label/GraphLabel.js.map +1 -1
- package/lib/esm/graph-label/color.js +8 -8
- package/lib/esm/graph-label/color.js.map +1 -1
- package/lib/esm/icons/generated/custom/NomLevel.js +1 -1
- package/lib/esm/icons/generated/custom/NomLevel.js.map +1 -1
- package/lib/esm/icons/generated/custom/Underline.js +1 -1
- package/lib/esm/icons/generated/custom/Underline.js.map +1 -1
- package/lib/esm/index.js +5 -4
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/label/Label.js +17 -8
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/esm/modal/Modal.js +6 -18
- package/lib/esm/modal/Modal.js.map +1 -1
- package/lib/esm/popover/Popover.js +8 -4
- package/lib/esm/popover/Popover.js.map +1 -1
- package/lib/esm/progress-bar/ProgressBar.js +1 -1
- package/lib/esm/progress-bar/ProgressBar.js.map +1 -1
- package/lib/esm/{view-selector/ViewSelector.js → segmented-control/SegmentedControl.js} +21 -14
- package/lib/esm/segmented-control/SegmentedControl.js.map +1 -0
- package/lib/esm/segmented-control/index.js +22 -0
- package/lib/esm/segmented-control/index.js.map +1 -0
- package/lib/esm/side-navigation/SideNavigation.js +21 -12
- package/lib/esm/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/status-indicator/StatusIndicator.js +5 -5
- package/lib/esm/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/esm/table/Components.js +18 -20
- package/lib/esm/table/Components.js.map +1 -1
- package/lib/esm/table/Table.js +11 -3
- package/lib/esm/table/Table.js.map +1 -1
- package/lib/esm/tabs/Tabs.js +18 -7
- package/lib/esm/tabs/Tabs.js.map +1 -1
- package/lib/esm/tag/Tag.js +1 -1
- package/lib/esm/tag/Tag.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +4 -5
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/esm/textarea/Textarea.js +4 -5
- package/lib/esm/textarea/Textarea.js.map +1 -1
- package/lib/esm/theme/ThemeProvider.js +68 -0
- package/lib/esm/theme/ThemeProvider.js.map +1 -0
- package/lib/esm/{view-selector → theme}/index.js +1 -1
- package/lib/esm/theme/index.js.map +1 -0
- package/lib/esm/tip/Tip.js +183 -0
- package/lib/esm/tip/Tip.js.map +1 -0
- package/lib/esm/{tooltip → tip}/Tooltip.js +1 -1
- package/lib/esm/tip/Tooltip.js.map +1 -0
- package/lib/{types/tooltip/index.d.ts → esm/tip/index.js} +2 -2
- package/lib/esm/tip/index.js.map +1 -0
- package/lib/esm/typography/Typography.js +1 -1
- package/lib/esm/typography/Typography.js.map +1 -1
- package/lib/esm/widget/Widget.js +1 -1
- package/lib/esm/widget/Widget.js.map +1 -1
- package/lib/esm/wizard/Wizard.js +6 -6
- package/lib/esm/wizard/Wizard.js.map +1 -1
- package/lib/types/_common/coditionalWrap.d.ts +2 -2
- package/lib/types/accordion/Accordion.d.ts +12 -11
- package/lib/types/banner/Banner.d.ts +14 -10
- package/lib/types/button/Button.d.ts +1 -1
- package/lib/types/code-block/languages.d.ts +1 -1
- package/lib/types/context-menu/ContextMenu.d.ts +18 -18
- package/lib/types/context-menu/SafeArea.d.ts +1 -1
- package/lib/types/data-grid/Components.d.ts +94 -0
- package/lib/types/data-grid/DataGrid.d.ts +90 -0
- package/lib/types/data-grid/DataGridContext.d.ts +62 -0
- package/lib/types/{table-deprecated → data-grid}/helpers.d.ts +15 -21
- package/lib/types/{table-deprecated/hooks → data-grid}/index.d.ts +5 -3
- package/lib/types/dialog/Dialog.d.ts +12 -12
- package/lib/types/drawer/Drawer.d.ts +9 -9
- package/lib/types/dropdown/Overrides.d.ts +4 -5
- package/lib/types/dropdown/types.d.ts +5 -5
- package/lib/types/{drag-and-drop/DragAndDrop.d.ts → dropzone/Dropzone.d.ts} +4 -11
- package/lib/types/{drag-and-drop → dropzone}/icons/CSV-file.d.ts +1 -1
- package/lib/types/{drag-and-drop → dropzone}/icons/Cloud.d.ts +1 -1
- package/lib/types/{drag-and-drop → dropzone}/icons/File.d.ts +1 -1
- package/lib/types/{drag-and-drop → dropzone}/icons/InvalidFile.d.ts +1 -1
- package/lib/types/{drag-and-drop → dropzone}/index.d.ts +1 -1
- package/lib/types/graph-label/color.d.ts +3 -3
- package/lib/types/helpers/forwardRef.d.ts +7 -1
- package/lib/types/helpers/types.d.ts +1 -1
- package/lib/types/icons/generated/custom/AddNode.d.ts +1 -1
- package/lib/types/icons/generated/custom/AlignBottom.d.ts +1 -1
- package/lib/types/icons/generated/custom/AlignCenter.d.ts +1 -1
- package/lib/types/icons/generated/custom/AlignTop.d.ts +1 -1
- package/lib/types/icons/generated/custom/Bold.d.ts +1 -1
- package/lib/types/icons/generated/custom/Circle.d.ts +1 -1
- package/lib/types/icons/generated/custom/CollapseExpand.d.ts +1 -1
- package/lib/types/icons/generated/custom/CollapseExpandLeft.d.ts +1 -1
- package/lib/types/icons/generated/custom/CollapseExpandRight.d.ts +1 -1
- package/lib/types/icons/generated/custom/Configure.d.ts +1 -1
- package/lib/types/icons/generated/custom/DatabaseAddCircle.d.ts +1 -1
- package/lib/types/icons/generated/custom/Dbms.d.ts +1 -1
- package/lib/types/icons/generated/custom/Drag.d.ts +1 -1
- package/lib/types/icons/generated/custom/Expand.d.ts +1 -1
- package/lib/types/icons/generated/custom/ExternalLink.d.ts +1 -1
- package/lib/types/icons/generated/custom/FitToScreen.d.ts +1 -1
- package/lib/types/icons/generated/custom/FolderBookmark.d.ts +1 -1
- package/lib/types/icons/generated/custom/Heirarchy2.d.ts +1 -1
- package/lib/types/icons/generated/custom/Hierarchy1.d.ts +1 -1
- package/lib/types/icons/generated/custom/Hierarchy2.d.ts +1 -1
- package/lib/types/icons/generated/custom/Italic.d.ts +1 -1
- package/lib/types/icons/generated/custom/NomLevel.d.ts +1 -1
- package/lib/types/icons/generated/custom/Pin.d.ts +1 -1
- package/lib/types/icons/generated/custom/PlanView.d.ts +1 -1
- package/lib/types/icons/generated/custom/Presentation.d.ts +1 -1
- package/lib/types/icons/generated/custom/QueryBrowser.d.ts +1 -1
- package/lib/types/icons/generated/custom/ResizeCorner.d.ts +1 -1
- package/lib/types/icons/generated/custom/Rhombus.d.ts +1 -1
- package/lib/types/icons/generated/custom/ScienceMolecule.d.ts +1 -1
- package/lib/types/icons/generated/custom/Shrink.d.ts +1 -1
- package/lib/types/icons/generated/custom/SidebarLineLeft.d.ts +1 -1
- package/lib/types/icons/generated/custom/SidebarLineRight.d.ts +1 -1
- package/lib/types/icons/generated/custom/Square.d.ts +1 -1
- package/lib/types/icons/generated/custom/Status.d.ts +1 -1
- package/lib/types/icons/generated/custom/Text.d.ts +1 -1
- package/lib/types/icons/generated/custom/Triangle.d.ts +1 -1
- package/lib/types/icons/generated/custom/Underline.d.ts +1 -1
- package/lib/types/icons/generated/custom/VisualizeBloom.d.ts +1 -1
- package/lib/types/index.d.ts +5 -4
- package/lib/types/loading-spinner/LoadingSpinner.d.ts +1 -1
- package/lib/types/modal/Modal.d.ts +13 -6
- package/lib/types/popover/Popover.d.ts +11 -5
- package/lib/types/{view-selector/ViewSelector.d.ts → segmented-control/SegmentedControl.d.ts} +13 -19
- package/lib/{esm/table-deprecated/hooks/hookCallbackTypes.js → types/segmented-control/index.d.ts} +1 -2
- package/lib/types/side-navigation/SideNavigation.d.ts +13 -12
- package/lib/types/table/Components.d.ts +18 -18
- package/lib/types/table/Table.d.ts +23 -19
- package/lib/types/table/TableContext.d.ts +1 -1
- package/lib/types/tabs/Tabs.d.ts +8 -7
- package/lib/types/tag/Tag.d.ts +1 -1
- package/lib/types/text-input/TextInput.d.ts +5 -5
- package/lib/types/textarea/Textarea.d.ts +4 -4
- package/lib/types/theme/ThemeProvider.d.ts +54 -0
- package/lib/types/{view-selector → theme}/index.d.ts +1 -1
- package/lib/types/tip/Tip.d.ts +166 -0
- package/lib/types/{tooltip → tip}/Tooltip.d.ts +1 -1
- package/lib/types/tip/index.d.ts +22 -0
- package/lib/types/typography/Typography.d.ts +1 -2
- package/lib/types/typography/types.d.ts +6 -6
- package/lib/types/widget/Widget.d.ts +1 -1
- package/lib/types/wizard/Wizard.d.ts +4 -4
- package/package.json +19 -20
- package/CHANGELOG.md +0 -1273
- package/lib/cjs/drag-and-drop/DragAndDrop.js.map +0 -1
- package/lib/cjs/drag-and-drop/icons/CSV-file.js.map +0 -1
- package/lib/cjs/drag-and-drop/icons/Cloud.js +0 -27
- package/lib/cjs/drag-and-drop/icons/Cloud.js.map +0 -1
- package/lib/cjs/drag-and-drop/icons/File.js.map +0 -1
- package/lib/cjs/drag-and-drop/icons/InvalidFile.js.map +0 -1
- package/lib/cjs/drag-and-drop/index.js.map +0 -1
- package/lib/cjs/table-deprecated/Table.js +0 -157
- package/lib/cjs/table-deprecated/Table.js.map +0 -1
- package/lib/cjs/table-deprecated/TableNavigation.js +0 -51
- package/lib/cjs/table-deprecated/TableNavigation.js.map +0 -1
- package/lib/cjs/table-deprecated/helpers.js +0 -123
- package/lib/cjs/table-deprecated/helpers.js.map +0 -1
- package/lib/cjs/table-deprecated/hooks/hookCallbackTypes.js.map +0 -1
- package/lib/cjs/table-deprecated/hooks/index.js.map +0 -1
- package/lib/cjs/table-deprecated/hooks/useMultiRowSelect.js +0 -84
- package/lib/cjs/table-deprecated/hooks/useMultiRowSelect.js.map +0 -1
- package/lib/cjs/table-deprecated/hooks/useSingleRowSelect.js +0 -61
- package/lib/cjs/table-deprecated/hooks/useSingleRowSelect.js.map +0 -1
- package/lib/cjs/table-deprecated/index.js.map +0 -1
- package/lib/cjs/tooltip/SmartTooltip.js +0 -33
- package/lib/cjs/tooltip/SmartTooltip.js.map +0 -1
- package/lib/cjs/tooltip/Tip.js +0 -169
- package/lib/cjs/tooltip/Tip.js.map +0 -1
- package/lib/cjs/tooltip/Tooltip.js.map +0 -1
- package/lib/cjs/tooltip/index.js +0 -33
- package/lib/cjs/tooltip/index.js.map +0 -1
- package/lib/cjs/view-selector/ViewSelector.js.map +0 -1
- package/lib/cjs/view-selector/index.js.map +0 -1
- package/lib/esm/drag-and-drop/DragAndDrop.js.map +0 -1
- package/lib/esm/drag-and-drop/icons/CSV-file.js.map +0 -1
- package/lib/esm/drag-and-drop/icons/Cloud.js +0 -25
- package/lib/esm/drag-and-drop/icons/Cloud.js.map +0 -1
- package/lib/esm/drag-and-drop/icons/File.js +0 -25
- package/lib/esm/drag-and-drop/icons/File.js.map +0 -1
- package/lib/esm/drag-and-drop/icons/InvalidFile.js +0 -25
- package/lib/esm/drag-and-drop/icons/InvalidFile.js.map +0 -1
- package/lib/esm/drag-and-drop/index.js.map +0 -1
- package/lib/esm/table-deprecated/Table.js +0 -150
- package/lib/esm/table-deprecated/Table.js.map +0 -1
- package/lib/esm/table-deprecated/TableNavigation.js +0 -44
- package/lib/esm/table-deprecated/TableNavigation.js.map +0 -1
- package/lib/esm/table-deprecated/helpers.js +0 -116
- package/lib/esm/table-deprecated/helpers.js.map +0 -1
- package/lib/esm/table-deprecated/hooks/hookCallbackTypes.js.map +0 -1
- package/lib/esm/table-deprecated/hooks/index.js.map +0 -1
- package/lib/esm/table-deprecated/hooks/useMultiRowSelect.js +0 -82
- package/lib/esm/table-deprecated/hooks/useMultiRowSelect.js.map +0 -1
- package/lib/esm/table-deprecated/hooks/useSingleRowSelect.js +0 -57
- package/lib/esm/table-deprecated/hooks/useSingleRowSelect.js.map +0 -1
- package/lib/esm/table-deprecated/index.js +0 -23
- package/lib/esm/table-deprecated/index.js.map +0 -1
- package/lib/esm/tooltip/SmartTooltip.js +0 -28
- package/lib/esm/tooltip/SmartTooltip.js.map +0 -1
- package/lib/esm/tooltip/Tip.js +0 -141
- package/lib/esm/tooltip/Tip.js.map +0 -1
- package/lib/esm/tooltip/Tooltip.js.map +0 -1
- package/lib/esm/tooltip/index.js +0 -24
- package/lib/esm/tooltip/index.js.map +0 -1
- package/lib/esm/view-selector/ViewSelector.js.map +0 -1
- package/lib/esm/view-selector/index.js.map +0 -1
- package/lib/types/table-deprecated/Table.d.ts +0 -76
- package/lib/types/table-deprecated/TableNavigation.d.ts +0 -39
- package/lib/types/table-deprecated/hooks/hookCallbackTypes.d.ts +0 -27
- package/lib/types/table-deprecated/hooks/useMultiRowSelect.d.ts +0 -42
- package/lib/types/table-deprecated/hooks/useSingleRowSelect.d.ts +0 -37
- package/lib/types/tooltip/SmartTooltip.d.ts +0 -36
- package/lib/types/tooltip/Tip.d.ts +0 -62
- /package/lib/cjs/{drag-and-drop → dropzone}/icons/CSV-file.js +0 -0
- /package/lib/esm/{drag-and-drop → dropzone}/icons/CSV-file.js +0 -0
package/lib/esm/tabs/Tabs.js
CHANGED
|
@@ -32,7 +32,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
32
32
|
*/
|
|
33
33
|
import React, { useContext } from 'react';
|
|
34
34
|
import classnames from 'classnames';
|
|
35
|
-
import { forwardRef } from '../helpers';
|
|
35
|
+
import { forwardRef, } from '../helpers';
|
|
36
36
|
const TabsContext = React.createContext(null);
|
|
37
37
|
const useTabsContext = () => {
|
|
38
38
|
const context = useContext(TabsContext);
|
|
@@ -50,13 +50,16 @@ const getGeneralTabClasses = (size, fill) => {
|
|
|
50
50
|
'ndl-underline-tab': fill === 'underline',
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
|
-
|
|
53
|
+
// React.ForwardRefExoticComponent<BaseTabsProps<TabId> & React.RefAttributes<unknown>>
|
|
54
|
+
const TabsComponent = forwardRef(function TabsComponent(_a, ref) {
|
|
54
55
|
var { children, size = 'large', fill = 'underline', onChange, value, className, as = 'div' } = _a, rest = __rest(_a, ["children", "size", "fill", "onChange", "value", "className", "as"]);
|
|
55
56
|
const classes = classnames('ndl-tabs', getGeneralTabClasses(size, fill), className);
|
|
56
57
|
const Component = as;
|
|
57
|
-
return (_jsx(Component, Object.assign({ className: classes, role: "tablist" }, rest, { ref: ref
|
|
58
|
+
return (_jsx(Component, Object.assign({ className: classes, role: "tablist" }, rest, { ref: ref, children: _jsx(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
|
|
58
59
|
});
|
|
59
|
-
|
|
60
|
+
TabsComponent.displayName =
|
|
61
|
+
'Tabs';
|
|
62
|
+
const TabsTab = forwardRef(function TabsTab(_a, ref) {
|
|
60
63
|
var { children, tabId, disabled = false, className, as = 'button' } = _a, rest = __rest(_a, ["children", "tabId", "disabled", "className", "as"]);
|
|
61
64
|
const { size, fill, value, onChange } = useTabsContext();
|
|
62
65
|
const base = classnames(Object.assign(Object.assign({}, getGeneralTabClasses(size, fill)), { 'ndl-selected': value === tabId, 'ndl-disabled': disabled }));
|
|
@@ -67,11 +70,19 @@ export const Tab = React.forwardRef(function Tab(_a, ref) {
|
|
|
67
70
|
const castOnChange = onChange;
|
|
68
71
|
const handleChange = () => !disabled && castOnChange(tabId);
|
|
69
72
|
const classes = classnames('ndl-tab', base, className);
|
|
70
|
-
return (_jsxs(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref
|
|
73
|
+
return (_jsxs(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref, children: [children, fill === 'underline' && _jsx("span", { className: "ndl-tab-underline" })] })));
|
|
71
74
|
});
|
|
72
|
-
|
|
75
|
+
TabsTab.displayName = 'Tabs.Tab';
|
|
76
|
+
const TabsTabPanel = React.forwardRef(function TabsTabPanel(_a, ref) {
|
|
73
77
|
var { as = 'div', children, value, tabId } = _a, rest = __rest(_a, ["as", "children", "value", "tabId"]);
|
|
74
78
|
const Component = as;
|
|
75
|
-
return (_jsx(_Fragment, { children: value === tabId && (_jsx(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId) }, rest, { ref: ref
|
|
79
|
+
return (_jsx(_Fragment, { children: value === tabId && (_jsx(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId) }, rest, { ref: ref, children: children }))) }));
|
|
76
80
|
});
|
|
81
|
+
TabsTabPanel.displayName = 'Tabs.TabPanel';
|
|
82
|
+
// To work with forwardRef: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
83
|
+
const Tabs = Object.assign(TabsComponent, {
|
|
84
|
+
Tab: TabsTab,
|
|
85
|
+
TabPanel: TabsTabPanel,
|
|
86
|
+
});
|
|
87
|
+
export { Tabs };
|
|
77
88
|
//# sourceMappingURL=Tabs.js.map
|
package/lib/esm/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/tag/Tag.js
CHANGED
|
@@ -64,7 +64,7 @@ export const Tag = React.forwardRef(function Tag(props, ref) {
|
|
|
64
64
|
onRemove && onRemove(e);
|
|
65
65
|
}
|
|
66
66
|
}, [onRemove]);
|
|
67
|
-
return (_jsxs("div", Object.assign({}, rest, { className: classes, ref: ref
|
|
67
|
+
return (_jsxs("div", Object.assign({}, rest, { className: classes, ref: ref, children: [children, removeable && (_jsx("button", { type: "button", className: "ndl-remove-icon", onKeyDown: keyDownHandler, onClick: onRemove, children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
68
68
|
});
|
|
69
69
|
export default Tag;
|
|
70
70
|
//# sourceMappingURL=Tag.js.map
|
package/lib/esm/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE;QACrD,aAAa,EAAE,IAAI,KAAK,SAAS;QACjC,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,gBAAgB,EAAE,UAAU;KAC7B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE;QACrD,aAAa,EAAE,IAAI,KAAK,SAAS;QACjC,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,gBAAgB,EAAE,UAAU;KAC7B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,aACxC,QAAQ,EACR,UAAU,IAAI,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,YAEjB,KAAC,gBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}
|
|
@@ -30,10 +30,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import { forwardRef, useMemo,
|
|
33
|
+
import { forwardRef, useMemo, } from 'react';
|
|
34
34
|
import classNames from 'classnames';
|
|
35
35
|
import { ExclamationCircleIconSolid, InformationCircleIconOutline, } from '../icons';
|
|
36
|
-
import {
|
|
36
|
+
import { Tip } from '../tip';
|
|
37
37
|
import { needleWarningMessage } from '../_common/utils';
|
|
38
38
|
import { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';
|
|
39
39
|
/**
|
|
@@ -44,7 +44,7 @@ import { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';
|
|
|
44
44
|
*
|
|
45
45
|
*/
|
|
46
46
|
const TextInput = forwardRef(function TextInput(props, ref) {
|
|
47
|
-
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = 'small', 'aria-label': ariaLabel,
|
|
47
|
+
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = 'small', 'aria-label': ariaLabel, tooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "isOptional", "informationIconText", "type", "size", 'aria-label', "tooltipProps"]);
|
|
48
48
|
const containerWrappingClass = classNames(`ndl-form-item ndl-type-text`, customProps.className, {
|
|
49
49
|
'ndl-disabled': customProps.disabled,
|
|
50
50
|
'ndl-extra-small': size === 'extra-small',
|
|
@@ -75,8 +75,7 @@ const TextInput = forwardRef(function TextInput(props, ref) {
|
|
|
75
75
|
'ndl-information-icon-small': size === 'small' || size === 'extra-small',
|
|
76
76
|
'ndl-information-icon-large': size === 'large',
|
|
77
77
|
});
|
|
78
|
-
|
|
79
|
-
return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "ndl-input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "ndl-icon ndl-left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && (_jsx("div", Object.assign({ className: "ndl-icon ndl-right-icon" }, { children: rightIcon })))] })), !hasEmptyLabelValue && (_jsxs("div", Object.assign({ className: "ndl-form-item-wrapper" }, { children: [_jsx("span", Object.assign({ className: "ndl-form-label-text" }, { children: label })), informationIconText && (_jsxs("div", Object.assign({ className: informationIconClass, "data-testid": "information-icon", ref: informationRef }, { children: [_jsx(InformationCircleIconOutline, {}), _jsx(SmartTooltip, Object.assign({}, smartTooltipProps, { ref: informationRef }, { children: informationIconText }))] }))), isOptional && (_jsx("span", Object.assign({ className: "ndl-form-item-optional" }, { children: "Optional" })))] })))] })), helpText && !errorText && _jsx("div", Object.assign({ className: "ndl-form-msg" }, { children: helpText })), errorText && (_jsxs("div", Object.assign({ className: "ndl-form-msg" }, { children: [_jsx("div", Object.assign({ className: "ndl-error-icon" }, { children: _jsx(ExclamationCircleIconSolid, {}) })), _jsx("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
|
|
78
|
+
return (_jsxs("div", { className: containerWrappingClass, children: [_jsxs("label", { className: labelWrappingClass, children: [_jsxs("div", { className: "ndl-input-wrapper", children: [leftIcon && _jsx("div", { className: "ndl-icon ndl-left-icon", children: leftIcon }), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && (_jsx("div", { className: "ndl-icon ndl-right-icon", children: rightIcon }))] }), !hasEmptyLabelValue && (_jsxs("div", { className: "ndl-form-item-wrapper", children: [_jsx("span", { className: "ndl-form-label-text", children: label }), informationIconText && (_jsxs(Tip, Object.assign({}, tooltipProps, { children: [_jsx(Tip.Trigger, { children: _jsx("div", { className: informationIconClass, "data-testid": "information-icon", children: _jsx(InformationCircleIconOutline, {}) }) }), _jsx(Tip.Content, { children: informationIconText })] }))), isOptional && (_jsx("span", { className: "ndl-form-item-optional", children: "Optional" }))] }))] }), helpText && !errorText && _jsx("div", { className: "ndl-form-msg", children: helpText }), errorText && (_jsxs("div", { className: "ndl-form-msg", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
80
79
|
});
|
|
81
80
|
export default TextInput;
|
|
82
81
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAEL,UAAU,EACV,OAAO,GAIR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,uCAAuC,EAAE,MAAM,qBAAqB,CAAC;AAkC9E;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CAC7C,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,OAAO,EACd,YAAY,EAAE,SAAS,EACvB,YAAY,KAEV,KAAK,EADJ,WAAW,UACZ,KAAK,EAdH,uJAcL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,cAAc,EAAE,WAAW,CAAC,QAAQ;QACpC,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,eAAe,EAAE,SAAS;QAC1B,mBAAmB,EAAE,QAAQ;QAC7B,oBAAoB,EAAE,SAAS,IAAI,SAAS;QAC5C,cAAc,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KACnD,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,qBAAqB,EAAE;QAC3D,WAAW,EAAE,KAAK;QAClB,wBAAwB,EAAE,kBAAkB;KAC7C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACzD,MAAM,4BAA4B,GAAG,aAAa,IAAI,CAAC,SAAS,CAAC;IAEjE,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;QAED,IAAI,4BAA4B,EAAE;YAChC,oBAAoB,CAAC,uCAAuC,CAAC,CAAC;SAC/D;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAErD,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,MAAM,oBAAoB,GAAG,UAAU,CAAC;QACtC,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,aAAa;QACxE,4BAA4B,EAAE,IAAI,KAAK,OAAO;KAC/C,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,sBAAsB,aAGpC,iBAAO,SAAS,EAAE,kBAAkB,aAClC,eAAK,SAAS,EAAC,mBAAmB,aAC/B,QAAQ,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACrE,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,yBAAyB,YAAE,SAAS,GAAO,CAC3D,IACG,EACL,CAAC,kBAAkB,IAAI,CACtB,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAQ,EACnD,mBAAmB,IAAI,CACtB,MAAC,GAAG,oBAAK,YAAY,eACnB,KAAC,GAAG,CAAC,OAAO,cACV,cACE,SAAS,EAAE,oBAAoB,iBACnB,kBAAkB,YAE9B,KAAC,4BAA4B,KAAG,GAC5B,GACM,EACd,KAAC,GAAG,CAAC,OAAO,cAAE,mBAAmB,GAAe,KAC5C,CACP,EACA,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,wBAAwB,yBAAgB,CACzD,IACG,CACP,IACK,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,EACxE,SAAS,IAAI,CACZ,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,0BAA0B,KAAG,GAC1B,EACN,cAAK,SAAS,EAAC,gBAAgB,YAAE,SAAS,GAAO,IAC7C,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -30,8 +30,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import { forwardRef, useMemo,
|
|
34
|
-
import
|
|
33
|
+
import { forwardRef, useMemo, } from 'react';
|
|
34
|
+
import { Tip } from '../tip';
|
|
35
35
|
import classNames from 'classnames';
|
|
36
36
|
import { needleWarningMessage } from '../_common/utils';
|
|
37
37
|
import { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';
|
|
@@ -44,7 +44,7 @@ import { ExclamationCircleIconSolid, InformationCircleIconOutline, } from '../ic
|
|
|
44
44
|
*
|
|
45
45
|
*/
|
|
46
46
|
const Textarea = forwardRef(function Textarea(props, ref) {
|
|
47
|
-
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'small', 'aria-label': ariaLabel,
|
|
47
|
+
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'small', 'aria-label': ariaLabel, tooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "isOptional", "informationIconText", "size", 'aria-label', "tooltipProps"]);
|
|
48
48
|
const containerWrappingClass = classNames(`ndl-textarea ndl-type-text`, customProps.className, {
|
|
49
49
|
'ndl-disabled': customProps.disabled,
|
|
50
50
|
'ndl-small': size === 'small',
|
|
@@ -73,8 +73,7 @@ const Textarea = forwardRef(function Textarea(props, ref) {
|
|
|
73
73
|
'ndl-information-icon-small': size === 'small',
|
|
74
74
|
'ndl-information-icon-large': size === 'large',
|
|
75
75
|
});
|
|
76
|
-
|
|
77
|
-
return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: _jsx("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) })), !hasEmptyLabelValue && (_jsxs("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: [_jsx("span", Object.assign({ className: "ndl-textarea-label-text" }, { children: label })), informationIconText && (_jsxs("div", Object.assign({ className: informationIconClass, "data-testid": "information-icon", ref: informationRef }, { children: [_jsx(InformationCircleIconOutline, {}), _jsx(SmartTooltip, Object.assign({}, smartTooltipProps, { ref: informationRef }, { children: informationIconText }))] }))), isOptional && (_jsx("span", Object.assign({ className: "ndl-textarea-optional" }, { children: "Optional" })))] })))] })), helpText && !errorText && (_jsx("div", Object.assign({ className: "ndl-textarea-msg" }, { children: helpText }))), errorText && (_jsxs("div", Object.assign({ className: "ndl-textarea-msg" }, { children: [_jsx("div", Object.assign({ className: "ndl-error-icon" }, { children: _jsx(ExclamationCircleIconSolid, {}) })), _jsx("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
|
|
76
|
+
return (_jsxs("div", { className: containerWrappingClass, children: [_jsxs("label", { className: labelWrappingClass, children: [_jsx("div", { className: "ndl-textarea-wrapper", children: _jsx("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) }), !hasEmptyLabelValue && (_jsxs("div", { className: "ndl-textarea-wrapper", children: [_jsx("span", { className: "ndl-textarea-label-text", children: label }), informationIconText && (_jsxs(Tip, Object.assign({}, tooltipProps, { children: [_jsx(Tip.Trigger, { children: _jsx("div", { className: informationIconClass, "data-testid": "information-icon", children: _jsx(InformationCircleIconOutline, {}) }) }), _jsx(Tip.Content, { children: informationIconText })] }))), isOptional && (_jsx("span", { className: "ndl-textarea-optional", children: "Optional" }))] }))] }), helpText && !errorText && (_jsx("div", { className: "ndl-textarea-msg", children: helpText })), errorText && (_jsxs("div", { className: "ndl-textarea-msg", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
78
77
|
});
|
|
79
78
|
export default Textarea;
|
|
80
79
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,UAAU,EACV,OAAO,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
/**
|
|
14
|
+
*
|
|
15
|
+
* Copyright (c) "Neo4j"
|
|
16
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
17
|
+
*
|
|
18
|
+
* This file is part of Neo4j.
|
|
19
|
+
*
|
|
20
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
21
|
+
* it under the terms of the GNU General Public License as published by
|
|
22
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
23
|
+
* (at your option) any later version.
|
|
24
|
+
*
|
|
25
|
+
* This program is distributed in the hope that it will be useful,
|
|
26
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
27
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
28
|
+
* GNU General Public License for more details.
|
|
29
|
+
*
|
|
30
|
+
* You should have received a copy of the GNU General Public License
|
|
31
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
|
+
*/
|
|
33
|
+
import React, { createContext, useContext, useMemo, } from 'react';
|
|
34
|
+
import classNames from 'classnames';
|
|
35
|
+
export const ThemeContext = createContext(undefined);
|
|
36
|
+
/**
|
|
37
|
+
* Hook to access the current theme effortlessly
|
|
38
|
+
*/
|
|
39
|
+
export const useNeedleTheme = () => {
|
|
40
|
+
let theme = useContext(ThemeContext);
|
|
41
|
+
/**
|
|
42
|
+
* If the theme is undefined, we are not
|
|
43
|
+
* inside a `NeedleThemeProvider` .
|
|
44
|
+
* Defaults to `light` theme.
|
|
45
|
+
*/
|
|
46
|
+
if (theme === undefined)
|
|
47
|
+
theme = 'light';
|
|
48
|
+
return {
|
|
49
|
+
theme,
|
|
50
|
+
themeClassName: `ndl-theme-${theme}`,
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export const NeedleThemeProvider = ({ theme = 'light', children, wrapperProps, }) => {
|
|
54
|
+
const clonedChildren = useMemo(() => {
|
|
55
|
+
const _a = wrapperProps || {}, { isWrappingChildren, className } = _a, restProps = __rest(_a, ["isWrappingChildren", "className"]);
|
|
56
|
+
const props = Object.assign(Object.assign({}, restProps), { className: classNames(className, `ndl-theme-${theme}`) });
|
|
57
|
+
if (isWrappingChildren !== true) {
|
|
58
|
+
return React.Children.map(children, (child) => {
|
|
59
|
+
return React.cloneElement(child, Object.assign(Object.assign({}, props), { className: classNames(child.props.className, props.className) }));
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
return (_jsx("span", Object.assign({}, props, { className: classNames('ndl-theme-wrapper', props.className), children: children })));
|
|
64
|
+
}
|
|
65
|
+
}, [wrapperProps, theme, children]);
|
|
66
|
+
return (_jsx(ThemeContext.Provider, { value: theme, children: clonedChildren }));
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EACZ,aAAa,EAGb,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACvC,SAAS,CACV,CAAC;AAWF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoB,GAAG,EAAE;IAClD,IAAI,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,IAAI,KAAK,KAAK,SAAS;QAAE,KAAK,GAAG,OAAO,CAAC;IAEzC,OAAO;QACL,KAAK;QACL,cAAc,EAAE,aAAa,KAAK,EAAE;KACrC,CAAC;AACJ,CAAC,CAAC;AAiBF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAkD,YAAY,IAAI,EAAE,EAApE,EAAE,kBAAkB,EAAE,SAAS,OAAqC,EAAhC,SAAS,cAA7C,mCAA+C,CAAqB,CAAC;QAC3E,MAAM,KAAK,mCACN,SAAS,KACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,aAAa,KAAK,EAAE,CAAC,GACvD,CAAC;QAEF,IAAI,kBAAkB,KAAK,IAAI,EAAE;YAC/B,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC5C,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,KAAK,KACR,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,IAC7D,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,OAAO,CACL,+BACM,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,YAE1D,QAAQ,IACJ,CACR,CAAC;SACH;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,cAAc,GACO,CACzB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
/**
|
|
14
|
+
*
|
|
15
|
+
* Copyright (c) "Neo4j"
|
|
16
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
17
|
+
*
|
|
18
|
+
* This file is part of Neo4j.
|
|
19
|
+
*
|
|
20
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
21
|
+
* it under the terms of the GNU General Public License as published by
|
|
22
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
23
|
+
* (at your option) any later version.
|
|
24
|
+
*
|
|
25
|
+
* This program is distributed in the hope that it will be useful,
|
|
26
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
27
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
28
|
+
* GNU General Public License for more details.
|
|
29
|
+
*
|
|
30
|
+
* You should have received a copy of the GNU General Public License
|
|
31
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
|
+
*/
|
|
33
|
+
import { useFloating, autoUpdate, offset, flip, useHover, useFocus, useDismiss, useRole, useInteractions, useMergeRefs, useClick, FloatingFocusManager, FloatingPortal, } from '@floating-ui/react';
|
|
34
|
+
import Tooltip from './Tooltip';
|
|
35
|
+
import ConditionalWrap from '../_common/ConditionalWrap';
|
|
36
|
+
import { Typography } from '../typography';
|
|
37
|
+
import { XMarkIconOutline } from '../icons';
|
|
38
|
+
import classNames from 'classnames';
|
|
39
|
+
import { tokens } from '@neo4j-ndl/base';
|
|
40
|
+
import { IconButton } from '../button';
|
|
41
|
+
import React from 'react';
|
|
42
|
+
const PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
43
|
+
const calculateArrow = (placement) => {
|
|
44
|
+
switch (placement) {
|
|
45
|
+
case 'bottom':
|
|
46
|
+
return 'top';
|
|
47
|
+
case 'left':
|
|
48
|
+
return 'right';
|
|
49
|
+
case 'right':
|
|
50
|
+
return 'left';
|
|
51
|
+
case 'top':
|
|
52
|
+
default:
|
|
53
|
+
return 'bottom';
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
export function useTip({ allowedPlacements = PLACEMENTS, isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'tooltip', } = {}) {
|
|
57
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
|
|
58
|
+
const open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
|
|
59
|
+
const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
|
|
60
|
+
const data = useFloating({
|
|
61
|
+
placement: allowedPlacements[0],
|
|
62
|
+
open,
|
|
63
|
+
onOpenChange: setOpen,
|
|
64
|
+
whileElementsMounted: autoUpdate,
|
|
65
|
+
middleware: [
|
|
66
|
+
offset(10),
|
|
67
|
+
flip({
|
|
68
|
+
fallbackAxisSideDirection: 'start',
|
|
69
|
+
fallbackPlacements: allowedPlacements,
|
|
70
|
+
}),
|
|
71
|
+
],
|
|
72
|
+
});
|
|
73
|
+
const context = data.context;
|
|
74
|
+
const hover = useHover(context, {
|
|
75
|
+
move: false,
|
|
76
|
+
enabled: type == 'tooltip',
|
|
77
|
+
delay: {
|
|
78
|
+
// TODO v2: add a slower animation token to avoid this being hardcoded
|
|
79
|
+
open: 200,
|
|
80
|
+
// Strip the 'ms' from the duration token, need to provide pure ms durations
|
|
81
|
+
close: parseInt(tokens.transitions.values.duration.default.replace('ms', '')),
|
|
82
|
+
},
|
|
83
|
+
});
|
|
84
|
+
const focus = useFocus(context, {
|
|
85
|
+
enabled: type == 'tooltip',
|
|
86
|
+
});
|
|
87
|
+
const dismiss = useDismiss(context, {
|
|
88
|
+
enabled: type == 'tooltip',
|
|
89
|
+
});
|
|
90
|
+
const click = useClick(context, {
|
|
91
|
+
enabled: type == 'toggletip',
|
|
92
|
+
});
|
|
93
|
+
const role = useRole(context, { role: 'tooltip' });
|
|
94
|
+
const interactions = useInteractions([hover, focus, dismiss, role, click]);
|
|
95
|
+
return React.useMemo(() => (Object.assign(Object.assign({ open,
|
|
96
|
+
setOpen,
|
|
97
|
+
type }, interactions), data)), [open, setOpen, interactions, data, type]);
|
|
98
|
+
}
|
|
99
|
+
const TooltipContext = React.createContext(null);
|
|
100
|
+
export const useTipContext = () => {
|
|
101
|
+
const context = React.useContext(TooltipContext);
|
|
102
|
+
if (context == null) {
|
|
103
|
+
throw new Error('Tip components must be wrapped in <Tip />');
|
|
104
|
+
}
|
|
105
|
+
return context;
|
|
106
|
+
};
|
|
107
|
+
export function Tip(_a) {
|
|
108
|
+
var { children } = _a, options = __rest(_a, ["children"]);
|
|
109
|
+
// This can accept any props as options, e.g. `placement`,
|
|
110
|
+
// or other positioning options.
|
|
111
|
+
const tooltip = useTip(Object.assign({}, options));
|
|
112
|
+
return (_jsx(TooltipContext.Provider, { value: tooltip, children: children }));
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* Wrapping the trigger in a button by default
|
|
116
|
+
* Use `asChild` to pass any element as the trigger
|
|
117
|
+
*/
|
|
118
|
+
export const Trigger = React.forwardRef(function Trigger(_a, propRef) {
|
|
119
|
+
var { children, hasButtonWrapper = false } = _a, props = __rest(_a, ["children", "hasButtonWrapper"]);
|
|
120
|
+
const context = useTipContext();
|
|
121
|
+
const childrenRef = children.ref;
|
|
122
|
+
const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);
|
|
123
|
+
// `hasButtonWrapper=false` allows the user to pass any element as the anchor
|
|
124
|
+
if (!hasButtonWrapper && React.isValidElement(children)) {
|
|
125
|
+
return React.cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({ ref }, props), children.props), { 'data-state': context.open ? 'open' : 'closed' })));
|
|
126
|
+
}
|
|
127
|
+
return (_jsx("button", Object.assign({ ref: ref, "data-state": context.open ? 'open' : 'closed' }, context.getReferenceProps(props), { children: children })));
|
|
128
|
+
});
|
|
129
|
+
export const Content = React.forwardRef(function Content(_a, propRef) {
|
|
130
|
+
var { style, isPortaled = true, portalProps = {} } = _a, props = __rest(_a, ["style", "isPortaled", "portalProps"]);
|
|
131
|
+
const { open, type, context, getFloatingProps, placement } = useTipContext();
|
|
132
|
+
const ref = useMergeRefs([context.refs.setFloating, propRef]);
|
|
133
|
+
if (!open)
|
|
134
|
+
return null;
|
|
135
|
+
const floatingProps = getFloatingProps(Object.assign(Object.assign({}, props), {
|
|
136
|
+
className: classNames('ndl-tip ndl-tooltip-wrapper', props.className, {
|
|
137
|
+
'ndl-toggletip': type === 'toggletip',
|
|
138
|
+
}),
|
|
139
|
+
}));
|
|
140
|
+
return (_jsx(ConditionalWrap, { condition: isPortaled, wrap: (children) => (_jsx(FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: children }))), children: _jsx(FloatingFocusManager, { context: context, disabled: type === 'tooltip', children: _jsx(Tooltip, Object.assign({ ref: ref }, floatingProps, { arrowPosition: calculateArrow(placement), style: Object.assign(Object.assign({ zIndex: tokens.zIndex.alias.tooltip }, context.floatingStyles), style), children: props.children })) }) }));
|
|
141
|
+
});
|
|
142
|
+
export const Header = React.forwardRef(function Content(_a, ref) {
|
|
143
|
+
var { isCloseable = true } = _a, restProps = __rest(_a, ["isCloseable"]);
|
|
144
|
+
const { open, setOpen } = useTipContext();
|
|
145
|
+
if (!open)
|
|
146
|
+
return null;
|
|
147
|
+
return (_jsxs("div", Object.assign({ className: "ndl-toggletip-header" }, restProps, { ref: ref, children: [_jsx(Typography, { variant: "h6", children: restProps.children }), isCloseable && (_jsx(IconButton, { clean: true, tabIndex: 0, role: "button", size: "extra-small", className: "ndl-toggletip-close-icon", onKeyDown: (event) => {
|
|
148
|
+
if (event.key === 'Enter' || event.key === 'Space') {
|
|
149
|
+
setOpen(false, event.nativeEvent);
|
|
150
|
+
}
|
|
151
|
+
}, onClick: (event) => {
|
|
152
|
+
setOpen(false, event.nativeEvent);
|
|
153
|
+
}, "aria-label": "close-toggletip", "data-testid": "close-toggletip", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
154
|
+
});
|
|
155
|
+
export const Body = React.forwardRef(function Body(_a, ref) {
|
|
156
|
+
var restProps = __rest(_a, []);
|
|
157
|
+
const { open } = useTipContext();
|
|
158
|
+
if (!open)
|
|
159
|
+
return null;
|
|
160
|
+
return _jsx("div", Object.assign({}, restProps, { ref: ref }));
|
|
161
|
+
});
|
|
162
|
+
export const Actions = React.forwardRef(function Actions(_a, ref) {
|
|
163
|
+
var restProps = __rest(_a, []);
|
|
164
|
+
const { open } = useTipContext();
|
|
165
|
+
const className = classNames('ndl-toggletip-actions', restProps.className);
|
|
166
|
+
if (!open)
|
|
167
|
+
return null;
|
|
168
|
+
return _jsx("div", Object.assign({}, restProps, { className: className, ref: ref }));
|
|
169
|
+
});
|
|
170
|
+
export const Action = (props) => {
|
|
171
|
+
const { open } = useTipContext();
|
|
172
|
+
const className = classNames('ndl-toggletip-action', props.className);
|
|
173
|
+
if (!open)
|
|
174
|
+
return null;
|
|
175
|
+
return (_jsx(Typography, Object.assign({ as: "button" }, props, { tabIndex: 0, variant: "label", className: className })));
|
|
176
|
+
};
|
|
177
|
+
Tip.Content = Content;
|
|
178
|
+
Tip.Trigger = Trigger;
|
|
179
|
+
Tip.Header = Header;
|
|
180
|
+
Tip.Body = Body;
|
|
181
|
+
Tip.Actions = Actions;
|
|
182
|
+
Tip.Action = Action;
|
|
183
|
+
//# sourceMappingURL=Tip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../src/tip/Tip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,oBAAoB,EACpB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,UAAU,GAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,CACrB,SAAe,EACkC,EAAE;IACnD,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,KAAK,CAAC;QACX;YACE,OAAO,QAAQ,CAAC;KACnB;AACH,CAAC,CAAC;AAaF,MAAM,UAAU,MAAM,CAAC,EACrB,iBAAiB,GAAG,UAAU,EAC9B,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,iBAAiB,EAC/B,IAAI,GAAG,SAAS,MACJ,EAAE;IACd,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,gBAAgB,CAAC;IAChD,MAAM,OAAO,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,mBAAmB,CAAC;IAEzD,MAAM,IAAI,GAAG,WAAW,CAAC;QACvB,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;QAC/B,IAAI;QACJ,YAAY,EAAE,OAAO;QACrB,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE;YACV,MAAM,CAAC,EAAE,CAAC;YACV,IAAI,CAAC;gBACH,yBAAyB,EAAE,OAAO;gBAClC,kBAAkB,EAAE,iBAAiB;aACtC,CAAC;SACH;KACF,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC9B,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,IAAI,IAAI,SAAS;QAC1B,KAAK,EAAE;YACL,sEAAsE;YACtE,IAAI,EAAE,GAAG;YACT,4EAA4E;YAC5E,KAAK,EAAE,QAAQ,CACb,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7D;SACF;KACF,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,IAAI,IAAI,SAAS;KAC3B,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE;QAClC,OAAO,EAAE,IAAI,IAAI,SAAS;KAC3B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,IAAI,IAAI,WAAW;KAC7B,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3E,OAAO,KAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,+BACJ,IAAI;QACJ,OAAO;QACP,IAAI,IACD,YAAY,GACZ,IAAI,EACP,EACF,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,CAC1C,CAAC;AACJ,CAAC;AAID,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAc,IAAI,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEjD,IAAI,OAAO,IAAI,IAAI,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;KAC9D;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAGuB;QAHvB,EAClB,QAAQ,OAEiC,EADtC,OAAO,cAFQ,YAGnB,CADW;IAEV,0DAA0D;IAC1D,gCAAgC;IAChC,MAAM,OAAO,GAAG,MAAM,mBAAM,OAAO,EAAG,CAAC;IACvC,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACpC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAMrC,SAAS,OAAO,CAAC,EAAgD,EAAE,OAAO;QAAzD,EAAE,QAAQ,EAAE,gBAAgB,GAAG,KAAK,OAAY,EAAP,KAAK,cAA9C,gCAAgD,CAAF;IAC/D,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,MAAM,WAAW,GAAI,QAAgB,CAAC,GAAG,CAAC;IAC1C,MAAM,GAAG,GAAG,YAAY,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5E,6EAA6E;IAC7E,IAAI,CAAC,gBAAgB,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACvD,OAAO,KAAK,CAAC,YAAY,CACvB,QAAQ,EACR,OAAO,CAAC,iBAAiB,6CACvB,GAAG,IACA,KAAK,GACL,QAAQ,CAAC,KAAK,KACjB,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAC9C,CACH,CAAC;KACH;IAED,OAAO,CACL,+BACE,GAAG,EAAE,GAAG,gBAEI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IACxC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAEnC,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EAAwD,EACxD,OAAO;QADP,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,OAAY,EAAP,KAAK,cAAtD,sCAAwD,CAAF;IAGtD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,GACxD,aAAa,EAAE,CAAC;IAClB,MAAM,GAAG,GAAG,YAAY,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9D,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,aAAa,GAAG,gBAAgB,iCACjC,KAAK,GACL;QACD,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,KAAK,CAAC,SAAS,EAAE;YACpE,eAAe,EAAE,IAAI,KAAK,WAAW;SACtC,CAAC;KACH,EACD,CAAC;IAEH,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,KAAC,cAAc,kBAAC,gBAAgB,EAAE,IAAI,IAAM,WAAW,cACpD,QAAQ,IACM,CAClB,YAED,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK,SAAS,YAClE,KAAC,OAAO,kBACN,GAAG,EAAE,GAAG,IACJ,aAAa,IACjB,aAAa,EAAE,cAAc,CAAC,SAAiB,CAAC,EAChD,KAAK,gCACH,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAChC,OAAO,CAAC,cAAc,GACtB,KAAK,aAGT,KAAK,CAAC,QAAQ,IACP,GACW,GACP,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,OAAO,CAAC,EAAoC,EAAE,GAAG;QAAzC,EAAE,WAAW,GAAG,IAAI,OAAgB,EAAX,SAAS,cAAlC,eAAoC,CAAF;IACjD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAE1C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB,IAAK,SAAS,IAAE,GAAG,EAAE,GAAG,aAC3D,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,SAAS,CAAC,QAAQ,GAAc,EACzD,WAAW,IAAI,CACd,KAAC,UAAU,IACT,KAAK,QACL,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,0BAA0B,EACpC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;oBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;wBAClD,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;qBACnC;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;gBACpC,CAAC,gBACU,iBAAiB,iBAChB,iBAAiB,YAE7B,KAAC,gBAAgB,KAAG,GACT,CACd,KACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAIF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,IAAI,CAC3E,EAAgB,EAChB,GAAG;QADE,SAAS,cAAd,EAAgB,CAAF;IAGd,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,8BAAS,SAAS,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1C,CAAC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,EAAgB,EAAE,GAAG;QAAhB,SAAS,cAAd,EAAgB,CAAF;IAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjC,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE3E,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,8BAAS,SAAS,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAChE,CAAC,CACF,CAAC;AAIF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjC,MAAM,SAAS,GAAG,UAAU,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEtE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,KAAC,UAAU,kBACT,EAAE,EAAC,QAAQ,IACP,KAAK,IACT,QAAQ,EAAE,CAAC,EACX,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AACtB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AACtB,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC;AACpB,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;AAChB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AACtB,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC"}
|
|
@@ -43,7 +43,7 @@ const Tooltip = React.forwardRef(function Tooltip(_a, ref) {
|
|
|
43
43
|
'ndl-top-left': arrowPosition === 'top-left',
|
|
44
44
|
'ndl-top-right': arrowPosition === 'top-right',
|
|
45
45
|
});
|
|
46
|
-
return (_jsxs("div", Object.assign({}, props, { role: "tooltip", className: classesWrapper, ref: ref
|
|
46
|
+
return (_jsxs("div", Object.assign({}, props, { role: "tooltip", className: classesWrapper, ref: ref, children: [children, _jsx("div", { className: classesTriangle })] })));
|
|
47
47
|
});
|
|
48
48
|
export default Tooltip;
|
|
49
49
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAgBpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAC/C,EAA8D,EAC9D,GAAuC;QADvC,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,OAA0B,EAArB,KAAK,cAA9C,0CAAgD,CAAF;IAG9C,MAAM,cAAc,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,EAAE;QACzD,SAAS,EAAE,aAAa,KAAK,KAAK;QAClC,YAAY,EAAE,aAAa,KAAK,QAAQ;QACxC,UAAU,EAAE,aAAa,KAAK,MAAM;QACpC,WAAW,EAAE,aAAa,KAAK,OAAO;QACtC,cAAc,EAAE,aAAa,KAAK,UAAU;QAC5C,eAAe,EAAE,aAAa,KAAK,WAAW;KAC/C,CAAC,CAAC;IAEH,OAAO,CACL,+BAAS,KAAK,IAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,aAC/D,QAAQ,EACT,cAAK,SAAS,EAAE,eAAe,GAAI,KAC/B,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
|
@@ -19,5 +19,5 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
export { default as Tooltip } from './Tooltip';
|
|
22
|
-
export
|
|
23
|
-
|
|
22
|
+
export * from './Tip';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tip/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,OAAO,CAAC"}
|
|
@@ -42,7 +42,7 @@ export const Typography = (props) => {
|
|
|
42
42
|
/**
|
|
43
43
|
* Experimental Type testing
|
|
44
44
|
*/
|
|
45
|
-
const Link = ({ linkClick }) => (_jsx("button",
|
|
45
|
+
const Link = ({ linkClick }) => (_jsx("button", { onClick: linkClick, children: "Test" }));
|
|
46
46
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
47
47
|
// @ts-ignore
|
|
48
48
|
const _MultipleCasesComponent = () => (_jsxs("div", { children: [_jsx(Typography, { variant: "h2", as: "a", href: "www.neo4j.com" }), _jsx(Typography, { variant: "h2", as: "span", href: "www.neo4j.com" }), _jsx(Typography, { variant: "body-medium", as: Link }), _jsx(Typography, { variant: "body-medium", as: Link, linkClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,wBAAwB,GAKzB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,UAAU,GAAG,CAIxB,KAGoC,EACpC,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhD,8BAAwC,CAAQ,CAAC;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,wBAAwB,CAAC,OAAO,CAAC,CAAmB,CAAC;IAE9E,OAAO,KAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAA6B,EAAE,EAAE,CAAC,CACzD
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,wBAAwB,GAKzB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,UAAU,GAAG,CAIxB,KAGoC,EACpC,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhD,8BAAwC,CAAQ,CAAC;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,wBAAwB,CAAC,OAAO,CAAC,CAAmB,CAAC;IAE9E,OAAO,KAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAA6B,EAAE,EAAE,CAAC,CACzD,iBAAQ,OAAO,EAAE,SAAS,qBAAe,CAC1C,CAAC;AAEF,6DAA6D;AAC7D,aAAa;AACb,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CACpC,0BAEE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,eAAe,GAAG,EAGvD,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,GAAG,EAG1D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,EAAC,EAAE,EAAE,IAAI,GAAI,EAG9C,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,IAAI,EACR,SAAS,EAAE,GAAG,EAAE;gBACd,oBAAoB,CAAC,cAAc,CAAC,CAAC;YACvC,CAAC,GACD,IACE,CACP,CAAC"}
|
package/lib/esm/widget/Widget.js
CHANGED
|
@@ -47,7 +47,7 @@ const Widget = forwardRef(function Widget(_a, ref) {
|
|
|
47
47
|
'ndl-leftmenu': leftMenu,
|
|
48
48
|
'ndl-elevated': isElevated,
|
|
49
49
|
});
|
|
50
|
-
return (_jsxs("div", Object.assign({ className: classes, ref: ref }, props, { children: [_jsxs("header",
|
|
50
|
+
return (_jsxs("div", Object.assign({ className: classes, ref: ref }, props, { children: [_jsxs("header", { className: "ndl-header-wrapper", children: [_jsxs("div", { className: "ndl-header-left", children: [leftMenu, _jsxs("div", { className: "ndl-headers n-flex n-flex-col", children: [_jsx("div", { className: "ndl-header", children: header }), _jsx("div", { className: "ndl-subheader", children: subheader })] })] }), rightMenu] }), _jsx("div", { className: "ndl-widget-content n-flex-grow", children: children }), isResizeable && (_jsx("button", Object.assign({ "aria-label": "Resizing handle" }, resizeableProps, { className: `ndl-resize-handle ${(_b = resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.className) !== null && _b !== void 0 ? _b : ''}`, children: _jsx(ResizeCornerIcon, {}) })))] })));
|
|
51
51
|
});
|
|
52
52
|
export default Widget;
|
|
53
53
|
//# sourceMappingURL=Widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAgCrF;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CACvC,EAWc,EACd,GAAiC;;QAZjC,EACE,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,EACR,SAAS,OAEG,EADT,KAAK,cAVV,0HAWC,CADS;IAIV,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eAC1C,
|
|
1
|
+
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAgCrF;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CACvC,EAWc,EACd,GAAiC;;QAZjC,EACE,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,EACR,SAAS,OAEG,EADT,KAAK,cAVV,0HAWC,CADS;IAIV,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eAC1C,kBAAQ,SAAS,EAAC,oBAAoB,aACpC,eAAK,SAAS,EAAC,iBAAiB,aAC7B,QAAQ,EACT,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,YAAY,YAAE,MAAM,GAAO,EAC1C,cAAK,SAAS,EAAC,eAAe,YAAE,SAAS,GAAO,IAC5C,IACF,EACL,SAAS,IACH,EACT,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,YAAY,IAAI,CACf,6CACa,iBAAiB,IACxB,eAAe,IACnB,SAAS,EAAE,qBAAqB,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,mCAAI,EAAE,EAAE,YAElE,KAAC,gBAAgB,KAAG,IACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
package/lib/esm/wizard/Wizard.js
CHANGED
|
@@ -47,9 +47,9 @@ const Circle = ({ status, number, text, type, }) => {
|
|
|
47
47
|
'ndl-horizontal': type === 'horizontal',
|
|
48
48
|
'ndl-vertical': type === 'vertical',
|
|
49
49
|
});
|
|
50
|
-
return (_jsxs("div",
|
|
50
|
+
return (_jsxs("div", { className: "ndl-wizard-circle", children: [_jsx("div", { className: "n-relative", children: _jsx("div", { className: `ndl-text ${typeClassName}`, children: text }) }), _jsxs("svg", { className: `n-h-10 n-w-10 ${statusClassName}`, children: [status === 'active' && (_jsxs("g", { children: [_jsx("circle", { className: "n-fill-palette-primary-text", cx: "20", cy: "20", r: "20" }), _jsx("circle", { className: "n-fill-neutral-10", cx: "20", cy: "20", r: "18" })] })), _jsx("circle", { className: `${status === 'complete' || status === 'active'
|
|
51
51
|
? 'n-fill-palette-primary-text'
|
|
52
|
-
: 'n-fill-palette-neutral-text-weakest'}`, cx: "20", cy: "20", r: "16" }), _jsx("text",
|
|
52
|
+
: 'n-fill-palette-neutral-text-weakest'}`, cx: "20", cy: "20", r: "16" }), _jsx("text", { x: "50%", y: "50%", className: "n-fill-neutral-10", textAnchor: "middle", dy: "0.3em", children: number })] })] }));
|
|
53
53
|
};
|
|
54
54
|
const Line = ({ status, type, }) => {
|
|
55
55
|
const classes = classnames('ndl-wizard-line', {
|
|
@@ -71,7 +71,7 @@ export const Horizontal = (_a) => {
|
|
|
71
71
|
components.push(_jsx(Line, { type: "horizontal", status: getStatus(activeStep, i) }, `line-${i}-step-${randomId(4)}`));
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
return (_jsx("div", Object.assign({}, props, { className: classnames('ndl-horizontal-wizard', props.className), role: "navigation"
|
|
74
|
+
return (_jsx("div", Object.assign({}, props, { className: classnames('ndl-horizontal-wizard', props.className), role: "navigation", children: components })));
|
|
75
75
|
};
|
|
76
76
|
export const Vertical = (_a) => {
|
|
77
77
|
var { activeStep, steps } = _a, props = __rest(_a, ["activeStep", "steps"]);
|
|
@@ -82,13 +82,13 @@ export const Vertical = (_a) => {
|
|
|
82
82
|
i < steps.length - 1 &&
|
|
83
83
|
components.push(_jsx(Line, { type: "vertical", status: getStatus(activeStep, i) }, `line-${i}-step-${randomId(4)}`));
|
|
84
84
|
}
|
|
85
|
-
return (_jsx("div", Object.assign({}, props, { className: classnames('ndl-vertical-wizard ', props.className), role: "navigation"
|
|
85
|
+
return (_jsx("div", Object.assign({}, props, { className: classnames('ndl-vertical-wizard ', props.className), role: "navigation", children: components })));
|
|
86
86
|
};
|
|
87
87
|
export const Footer = (_a) => {
|
|
88
88
|
var { activeStep, steps } = _a, props = __rest(_a, ["activeStep", "steps"]);
|
|
89
|
-
return (_jsx("div", Object.assign({}, props, { className: classnames('ndl-footer-wizard', props.className), role: "navigation"
|
|
89
|
+
return (_jsx("div", Object.assign({}, props, { className: classnames('ndl-footer-wizard', props.className), role: "navigation", children: _jsxs("div", { className: "n-flex n-items-center", children: [_jsx("div", { className: "n-w-32 n-mr-6 n-h-[1px] n-bg-palette-neutral-border-strong" }), steps.map((v, i) => (_jsx("div", { className: "n-items-center n-justify-center n-flex n-px-[2px]", children: _jsxs("svg", { className: `n-h-2 n-w-2 footer-circle ${getStatus(activeStep, i)}`, children: [getStatus(activeStep, i) === 'active' && (_jsx("g", { children: _jsx("circle", { className: "n-fill-palette-primary-text", cx: "4", cy: "4", r: "4" }) })), _jsx("circle", { className: `${getStatus(activeStep, i) === 'active'
|
|
90
90
|
? 'n-fill-palette-primary-text'
|
|
91
|
-
: 'n-fill-palette-neutral-border-strong'}`, cx: "4", cy: "4", r: "3" })] })
|
|
91
|
+
: 'n-fill-palette-neutral-border-strong'}`, cx: "4", cy: "4", r: "3" })] }) }, i))), _jsx("div", { className: "n-w-32 n-ml-6 n-h-[1px] n-bg-palette-neutral-border-strong" })] }) })));
|
|
92
92
|
};
|
|
93
93
|
export const Wizard = (_a) => {
|
|
94
94
|
var { type = 'horizontal', activeStep = 0, steps = [] } = _a, props = __rest(_a, ["type", "activeStep", "steps"]);
|