@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAIe;AACf,4DAAoC;AACpC,sCAAmC;AACnC,4CAA2D;AAC3D,wEAAyC;AAEzC,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,oDAAgC,CAAA;IAChC,qDAAiC,CAAA;AACnC,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAsBY,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EACE,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GACC,EACb,GAAuC;IAEvC,MAAM,eAAe,GAAG,IAAA,+BAAuB,GAAE,CAAC;IAClD,MAAM,aAAa,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,CAAC,KAAuC,EAAE,EAAE;QAClE,sEAAsE;QACtE,+DAA+D;QAC/D,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC5D,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;SACzD;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAmC,EAAE,EAAE;QAClE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,OAAO;SACR;QAED,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE;QAC7D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAAE;QACrE,qBAAqB,EAAE,SAAS;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,eAAM,IAAC,SAAS,EAAE,SAAS,YAC1B,uBAAC,0BAAS,IAAC,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,YACpD,gCACE,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,mBAAmB,iBAChB,gBAAgB,EAC5B,IAAI,EAAC,cAAc,YAGnB,8CACE,SAAS,EAAC,mBAAmB,iBACjB,eAAe,IACvB,SAAS,IACb,WAAW,EAAE,eAAe,YAE5B,gDAAS,UAAU,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC9C,QAAQ,IACL,IACF,GACF,GACI,GACL,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -43,6 +43,7 @@ const portal_1 = require("../portal");
|
|
|
43
43
|
const utils_1 = require("../_common/utils");
|
|
44
44
|
const coditionalWrap_1 = require("../_common/coditionalWrap");
|
|
45
45
|
const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
|
|
46
|
+
const ThemeProvider_1 = require("../theme/ThemeProvider");
|
|
46
47
|
const getOffsetTop = (rect, vertical) => {
|
|
47
48
|
let offset = 0;
|
|
48
49
|
if (vertical === 'bottom') {
|
|
@@ -61,11 +62,12 @@ const getOffsetLeft = (rect, horizontal) => {
|
|
|
61
62
|
}
|
|
62
63
|
};
|
|
63
64
|
exports.Popover = (0, react_1.forwardRef)(function Popover(_a, ref) {
|
|
64
|
-
var { as = 'div', children, open, anchorEl, onClose, anchorOrigin = { vertical: 'bottom', horizontal: 'left' }, transformOrigin = { vertical: 'top', horizontal: 'left' }, transformOriginOffsetFromAnchorOrigin = { vertical: 0, horizontal: 0 }, className, anchorPortal, disableBackdrop = false, nested = false, captureFocus = true } = _a, rest = __rest(_a, ["as", "children", "open", "anchorEl", "onClose", "anchorOrigin", "transformOrigin", "transformOriginOffsetFromAnchorOrigin", "className", "anchorPortal", "disableBackdrop", "nested", "captureFocus"]);
|
|
65
|
+
var { as = 'div', children, open, anchorEl, onClose, anchorOrigin = { vertical: 'bottom', horizontal: 'left' }, transformOrigin = { vertical: 'top', horizontal: 'left' }, transformOriginOffsetFromAnchorOrigin = { vertical: 0, horizontal: 0 }, className, anchorPortal, disableBackdrop = false, nested = false, captureFocus = true, focusLockProps = {} } = _a, rest = __rest(_a, ["as", "children", "open", "anchorEl", "onClose", "anchorOrigin", "transformOrigin", "transformOriginOffsetFromAnchorOrigin", "className", "anchorPortal", "disableBackdrop", "nested", "captureFocus", "focusLockProps"]);
|
|
65
66
|
const Component = as;
|
|
66
67
|
const popoverRef = (0, react_1.useRef)(null);
|
|
67
68
|
const backdropRef = (0, react_1.useRef)(null);
|
|
68
69
|
const toggleScrollbar = (0, utils_1.useDocumentScrollToggle)();
|
|
70
|
+
const { themeClassName } = (0, ThemeProvider_1.useNeedleTheme)();
|
|
69
71
|
(0, utils_1.useOnClickOutside)(popoverRef, (event) => {
|
|
70
72
|
disableBackdrop
|
|
71
73
|
? onClose && onClose(event)
|
|
@@ -215,14 +217,16 @@ exports.Popover = (0, react_1.forwardRef)(function Popover(_a, ref) {
|
|
|
215
217
|
if (!open) {
|
|
216
218
|
return null;
|
|
217
219
|
}
|
|
218
|
-
const classes = (0, classnames_1.default)('ndl-popover', base, className);
|
|
220
|
+
const classes = (0, classnames_1.default)('ndl-popover', themeClassName, base, className);
|
|
219
221
|
const handleKeyDown = (event) => {
|
|
220
222
|
if (event.key === 'Escape') {
|
|
221
223
|
onClose && onClose(event);
|
|
222
224
|
}
|
|
223
225
|
};
|
|
224
|
-
return ((0, jsx_runtime_1.jsxs)(portal_1.Portal,
|
|
226
|
+
return ((0, jsx_runtime_1.jsxs)(portal_1.Portal, { container: anchorPortal ? anchorEl || undefined : undefined, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ndl-popover-backdrop', {
|
|
225
227
|
'ndl-allow-click-event-captured': disableBackdrop,
|
|
226
|
-
}), ref: backdropRef, role: "button", tabIndex: 0, onClick: handleBackdropClick, onKeyDown: handleBackdropClick, "data-testid": "popover-backdrop" }), (0, jsx_runtime_1.jsx)(coditionalWrap_1.ConditionalWrap,
|
|
228
|
+
}), ref: backdropRef, role: "button", tabIndex: 0, onClick: handleBackdropClick, onKeyDown: handleBackdropClick, "data-testid": "popover-backdrop" }), (0, jsx_runtime_1.jsx)(coditionalWrap_1.ConditionalWrap, { condition: captureFocus, wrapper: (children) => ((0, jsx_runtime_1.jsx)(react_focus_lock_1.default, Object.assign({ onDeactivation: () => {
|
|
229
|
+
setTimeout(() => anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.focus(), 0);
|
|
230
|
+
} }, focusLockProps, { children: children }))), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { className: classes, ref: popoverRef, "data-testid": "popover-content", onKeyDown: handleKeyDown, children: children })) })] }));
|
|
227
231
|
});
|
|
228
232
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ const ProgressBar = react_1.default.forwardRef(function ProgressBar(_a, ref) {
|
|
|
43
43
|
'ndl-small': size === 'small',
|
|
44
44
|
'ndl-large': size === 'large',
|
|
45
45
|
});
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref, children: [heading && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-heading", children: heading }), (0, jsx_runtime_1.jsx)("span", { className: "ndl-progress-number", children: value + '%' })] })), (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar", style: { width: value + '%' } }) })] })));
|
|
47
47
|
});
|
|
48
48
|
exports.default = ProgressBar;
|
|
49
49
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAUpC,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CACvD,EAAwE,EACxE,GAAuC;QADvC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,OAA6B,EAAxB,IAAI,cAApD,yCAAsD,CAAF;IAGpD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,SAAS,EAAE;QAChE,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAUpC,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CACvD,EAAwE,EACxE,GAAuC;QADvC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,OAA6B,EAAxB,IAAI,cAApD,yCAAsD,CAAF;IAGpD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,SAAS,EAAE;QAChE,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,aACxC,OAAO,IAAI,CACV,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,EAC9C,iCAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAG,GAAG,GAAQ,IACtD,CACP,EACD,gCACE,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,YAEpB,gCAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,GAC/D,KACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}
|
|
@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.
|
|
40
|
+
exports.SegmentedControl = void 0;
|
|
41
41
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
42
|
/**
|
|
43
43
|
*
|
|
@@ -62,33 +62,40 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
62
62
|
const react_1 = __importStar(require("react"));
|
|
63
63
|
const classnames_1 = __importDefault(require("classnames"));
|
|
64
64
|
const helpers_1 = require("../helpers");
|
|
65
|
-
const
|
|
65
|
+
const SegmentedControlContext = react_1.default.createContext(null);
|
|
66
66
|
const useSelectorContext = () => {
|
|
67
|
-
const context = (0, react_1.useContext)(
|
|
67
|
+
const context = (0, react_1.useContext)(SegmentedControlContext);
|
|
68
68
|
if (context === null) {
|
|
69
|
-
throw new Error('
|
|
69
|
+
throw new Error('SegmentedControl used without context');
|
|
70
70
|
}
|
|
71
71
|
return context;
|
|
72
72
|
};
|
|
73
|
-
|
|
74
|
-
var { size = 'large',
|
|
75
|
-
const classes = (0, classnames_1.default)('ndl-
|
|
73
|
+
const SegmentedControlComponent = (0, helpers_1.forwardRef)(function SegmentedControlComponent(_a, ref) {
|
|
74
|
+
var { size = 'large', hasOnlyIcons = false, children, selected, onChange, as = 'div', className } = _a, rest = __rest(_a, ["size", "hasOnlyIcons", "children", "selected", "onChange", "as", "className"]);
|
|
75
|
+
const classes = (0, classnames_1.default)('ndl-segmented-control', className, {
|
|
76
76
|
'ndl-small': size === 'small',
|
|
77
77
|
'ndl-large': size === 'large',
|
|
78
78
|
});
|
|
79
79
|
const Component = as;
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { className: classes, role: "group", ref: ref
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { className: classes, role: "group", ref: ref, children: (0, jsx_runtime_1.jsx)(SegmentedControlContext.Provider, { value: { onChange, selected, hasOnlyIcons }, children: children }) })));
|
|
81
81
|
});
|
|
82
|
-
|
|
82
|
+
SegmentedControlComponent.displayName = 'SegmentedControl';
|
|
83
|
+
const SegmentedControlItem = react_1.default.forwardRef(function SegmentedControlItem(_a, ref) {
|
|
83
84
|
var { children, value, as = 'button', className } = _a, rest = __rest(_a, ["children", "value", "as", "className"]);
|
|
84
|
-
const { onChange, selected,
|
|
85
|
+
const { onChange, selected, hasOnlyIcons } = useSelectorContext();
|
|
85
86
|
const isSelected = value && value === selected;
|
|
86
87
|
const base = (0, classnames_1.default)(className, {
|
|
87
|
-
'ndl-
|
|
88
|
-
'ndl-
|
|
88
|
+
'ndl-segment-item': !hasOnlyIcons,
|
|
89
|
+
'ndl-segment-icon': hasOnlyIcons,
|
|
89
90
|
'ndl-current': value && value === selected,
|
|
90
91
|
});
|
|
91
92
|
const Component = as;
|
|
92
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { onClick: () => !isSelected && onChange(value), className: base, ref: ref
|
|
93
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { onClick: () => !isSelected && onChange(value), className: base, ref: ref, children: children })));
|
|
93
94
|
});
|
|
94
|
-
|
|
95
|
+
SegmentedControlItem.displayName = 'SegmentedControl.Item';
|
|
96
|
+
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
97
|
+
const SegmentedControl = Object.assign(SegmentedControlComponent, {
|
|
98
|
+
Item: SegmentedControlItem,
|
|
99
|
+
});
|
|
100
|
+
exports.SegmentedControl = SegmentedControl;
|
|
101
|
+
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAA0C;AAC1C,4DAAoC;AACpC,wCAIoB;AAwBpB,MAAM,uBAAuB,GAC3B,eAAK,CAAC,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC;IAEpD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;KAC1D;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,IAAA,oBAAU,EAAC,SAAS,yBAAyB,CAG7E,EAS2B,EAC3B,GAAgC;QAVhC,EACE,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,SAAS,OAEgB,EADtB,IAAI,cART,+EASC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,uBAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,YAC5D,uBAAC,uBAAuB,CAAC,QAAQ,IAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAE1C,QAAQ,GACwB,IACzB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAED,yBAGD,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEnC,MAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,oBAAoB,CACzE,EAQC,EACD,GAAG;QATH,EACE,QAAQ,EACR,KAAK,EACL,EAAE,GAAG,QAAQ,EACb,SAAS,OAIV,EAHI,IAAI,cALT,wCAMC,CADQ;IAMT,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAElE,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE;QACjC,kBAAkB,EAAE,CAAC,YAAY;QACjC,kBAAkB,EAAE,YAAY;QAChC,aAAa,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KAC3C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,uBAAC,SAAS,oBACJ,IAAI,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,GAAG,YAEP,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE3D,6IAA6I;AAC7I,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE;IAChE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC;AAEM,4CAAgB"}
|
|
@@ -34,7 +34,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
34
34
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
__exportStar(require("./
|
|
38
|
-
__exportStar(require("./useSingleRowSelect"), exports);
|
|
39
|
-
__exportStar(require("./hookCallbackTypes"), exports);
|
|
37
|
+
__exportStar(require("./SegmentedControl"), exports);
|
|
40
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/segmented-control/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,qDAAmC"}
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
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;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -37,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.
|
|
17
|
+
exports.SideNavigation = void 0;
|
|
41
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
19
|
/**
|
|
43
20
|
*
|
|
@@ -59,8 +36,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
59
36
|
* You should have received a copy of the GNU General Public License
|
|
60
37
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
61
38
|
*/
|
|
62
|
-
const react_1 =
|
|
63
|
-
const helpers_1 = require("../helpers");
|
|
39
|
+
const react_1 = require("react");
|
|
64
40
|
const classnames_1 = __importDefault(require("classnames"));
|
|
65
41
|
const icons_1 = require("../icons");
|
|
66
42
|
const button_1 = require("../button");
|
|
@@ -72,7 +48,7 @@ const getExpandIconName = (position, expanded) => {
|
|
|
72
48
|
return position === 'left' ? ((0, jsx_runtime_1.jsx)(icons_1.CollapseExpandRightIcon, { className: "n-w-full n-h-full" })) : ((0, jsx_runtime_1.jsx)(icons_1.CollapseExpandLeftIcon, { className: "n-w-full n-h-full" }));
|
|
73
49
|
}
|
|
74
50
|
};
|
|
75
|
-
|
|
51
|
+
const SideNavigationComponent = (0, react_1.forwardRef)(function SideNavigationComponent(_a, ref) {
|
|
76
52
|
var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left' } = _a, props = __rest(_a, ["expanded", "children", "className", "onExpandedChange", "iconMenu", "position"]);
|
|
77
53
|
const setOnExpandedChange = (0, react_1.useCallback)(() => onExpandedChange(!expanded), [expanded, onExpandedChange]);
|
|
78
54
|
const classes = (0, classnames_1.default)('ndl-side-navigation', className, {
|
|
@@ -80,17 +56,18 @@ exports.SideNavigation = react_1.default.forwardRef(function SideNavigation(_a,
|
|
|
80
56
|
[`ndl-${position}`]: position,
|
|
81
57
|
});
|
|
82
58
|
const icon = getExpandIconName(position, expanded);
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)(SideNavigationContext.Provider,
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(SideNavigationContext.Provider, { value: { expanded, iconMenu }, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: classes, ref: ref }, (!expanded &&
|
|
84
60
|
!iconMenu && {
|
|
85
61
|
'aria-label': 'open-side-navigation',
|
|
86
62
|
onClick: setOnExpandedChange,
|
|
87
|
-
}), { children: [(0, jsx_runtime_1.jsx)("nav",
|
|
63
|
+
}), { children: [(0, jsx_runtime_1.jsx)("nav", { className: "ndl-side-navigation-nav", children: children }), (0, jsx_runtime_1.jsx)(button_1.IconButton, { className: "ndl-side-navigation-drawer-button", onClick: setOnExpandedChange, "aria-label": expanded ? 'collapse-navigation' : 'expand-navigation', size: "large", "data-testid": "side-nav-expand-btn", title: `${expanded ? 'Collapse' : 'Expand'} side navigation`, clean: true, children: icon })] })) }));
|
|
88
64
|
});
|
|
65
|
+
SideNavigationComponent.displayName = 'SideNavigation';
|
|
89
66
|
const SideNavigationContext = (0, react_1.createContext)(null);
|
|
90
67
|
const useSideNavigationContext = () => (0, react_1.useContext)(SideNavigationContext);
|
|
91
68
|
const SideNavigationListContext = (0, react_1.createContext)(null);
|
|
92
69
|
const useSideNavigationListContext = () => (0, react_1.useContext)(SideNavigationListContext);
|
|
93
|
-
|
|
70
|
+
const SideNavigationList = (0, react_1.forwardRef)(function SideNavigationList(_a, ref) {
|
|
94
71
|
var _b, _c;
|
|
95
72
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
96
73
|
const classes = (0, classnames_1.default)('ndl-side-navigation-nav-list', className);
|
|
@@ -103,9 +80,10 @@ exports.SideNavigationList = (0, helpers_1.forwardRef)(function SideNavigationLi
|
|
|
103
80
|
};
|
|
104
81
|
if (!expanded && !iconMenu)
|
|
105
82
|
return null;
|
|
106
|
-
return ((0, jsx_runtime_1.jsx)(SideNavigationListContext.Provider,
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)(SideNavigationListContext.Provider, { value: { level: level + 1 }, children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: classes, ref: ref }, rest, { children: children })) }));
|
|
107
84
|
});
|
|
108
|
-
|
|
85
|
+
SideNavigationList.displayName = 'SideNavigation.List';
|
|
86
|
+
const SideNavigationItem = (0, react_1.forwardRef)(function SideNavigationItem(_a, ref) {
|
|
109
87
|
var _b, _c;
|
|
110
88
|
var { className, children, icon, as, selected = false, selectable = true, style = {} } = _a, rest = __rest(_a, ["className", "children", "icon", "as", "selected", "selectable", "style"]);
|
|
111
89
|
const Component = as || 'a';
|
|
@@ -131,9 +109,10 @@ exports.SideNavigationItem = (0, helpers_1.forwardRef)(function SideNavigationIt
|
|
|
131
109
|
}
|
|
132
110
|
if (!expanded && !(icon && iconMenu))
|
|
133
111
|
return null;
|
|
134
|
-
return ((0, jsx_runtime_1.jsx)("li",
|
|
112
|
+
return ((0, jsx_runtime_1.jsx)("li", { className: itemClasses, children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: innerClasses, style: Object.assign(Object.assign({}, style), { paddingLeft: indent }), ref: ref }, rest, { children: [iconMenu && icon && (0, jsx_runtime_1.jsx)("span", { className: "ndl-icon", children: icon }), expanded && children] })) }));
|
|
135
113
|
});
|
|
136
|
-
|
|
114
|
+
SideNavigationItem.displayName = 'SideNavigation.Item';
|
|
115
|
+
const SideNavigationGroupHeader = (0, react_1.forwardRef)(function SideNavigationGroupHeader(_a, ref) {
|
|
137
116
|
var _b;
|
|
138
117
|
var { children, className, as, style } = _a, props = __rest(_a, ["children", "className", "as", "style"]);
|
|
139
118
|
const Component = as !== null && as !== void 0 ? as : 'div';
|
|
@@ -143,8 +122,15 @@ exports.SideNavigationGroupHeader = (0, helpers_1.forwardRef)(function SideNavig
|
|
|
143
122
|
};
|
|
144
123
|
const classes = (0, classnames_1.default)('ndl-side-navigation-nav-item', className);
|
|
145
124
|
const indent = expanded ? '12px' : '0';
|
|
146
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, style: Object.assign({ paddingLeft: indent }, style) }, props, { children: (0, jsx_runtime_1.jsxs)(Component,
|
|
125
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, style: Object.assign({ paddingLeft: indent }, style) }, props, { children: (0, jsx_runtime_1.jsxs)(Component, { className: "ndl-side-navigation-inner-item ndl-side-navigation-group-header", ref: ref, children: [!expanded && iconMenu && (0, jsx_runtime_1.jsx)(Divider, {}), expanded && children] }) })));
|
|
147
126
|
});
|
|
127
|
+
SideNavigationGroupHeader.displayName = 'SideNavigation.GroupHeader';
|
|
148
128
|
const Divider = () => (0, jsx_runtime_1.jsx)("div", { className: "ndl-divider" });
|
|
149
|
-
|
|
129
|
+
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
130
|
+
const SideNavigation = Object.assign(SideNavigationComponent, {
|
|
131
|
+
List: SideNavigationList,
|
|
132
|
+
GroupHeader: SideNavigationGroupHeader,
|
|
133
|
+
Item: SideNavigationItem,
|
|
134
|
+
});
|
|
135
|
+
exports.SideNavigation = SideNavigation;
|
|
150
136
|
//# sourceMappingURL=SideNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,15 +42,15 @@ const StatusIndicator = react_1.default.forwardRef(function StatusIndicator(_a,
|
|
|
42
42
|
const className = (0, classnames_1.default)('ndl-status-indicator', props.className);
|
|
43
43
|
switch (type) {
|
|
44
44
|
case 'success':
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref, children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "#00BA88" }) }) })));
|
|
46
46
|
case 'info':
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref, children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "#018BFF" }) }) })));
|
|
48
48
|
case 'warning':
|
|
49
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref, children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.57641 0.35903C4.52349 0.251301 4.44144 0.160559 4.33957 0.0970988C4.23769 0.0336384 4.12007 0 4.00005 0C3.88002 0 3.7624 0.0336384 3.66053 0.0970988C3.55865 0.160559 3.4766 0.251301 3.42368 0.35903L0.0554707 7.22061C0.0149262 7.30309 -0.00393024 7.39454 0.000681349 7.48633C0.00529294 7.57812 0.0332205 7.66722 0.0818275 7.74522C0.130434 7.82322 0.198117 7.88754 0.278487 7.93212C0.358856 7.9767 0.44926 8.00006 0.541165 8H7.45893C7.55083 8.00006 7.64124 7.9767 7.7216 7.93212C7.80197 7.88754 7.86966 7.82322 7.91826 7.74522C7.96687 7.66722 7.9948 7.57812 7.99941 7.48633C8.00402 7.39454 7.98517 7.30309 7.94462 7.22061L4.57641 0.35903Z", fill: "#D9B54A" }) }) })));
|
|
50
50
|
case 'danger':
|
|
51
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref, children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0.188426 4.45553C0.067771 4.33472 0 4.17097 0 4.00024C0 3.8295 0.067771 3.66575 0.188426 3.54494L3.54489 0.188838C3.6046 0.128979 3.67554 0.0814871 3.75363 0.0490833C3.83173 0.0166795 3.91545 0 4 0C4.08455 0 4.16827 0.0166795 4.24637 0.0490833C4.32446 0.0814871 4.3954 0.128979 4.45511 0.188838L7.81157 3.54494C7.93223 3.66575 8 3.8295 8 4.00024C8 4.17097 7.93223 4.33472 7.81157 4.45553L4.45511 7.81163C4.33437 7.93226 4.17068 8.00003 4 8.00003C3.82932 8.00003 3.66563 7.93226 3.54489 7.81163L0.188426 4.45553Z", fill: "#ED1252" }) }) })));
|
|
52
52
|
default:
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { className: className, ref: ref, children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("rect", { width: "8", height: "8", rx: "1", fill: "#B2B7BD" }) }) })));
|
|
54
54
|
}
|
|
55
55
|
});
|
|
56
56
|
exports.default = StatusIndicator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAE1B,4DAAoC;AAOpC,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,eAAe,CAC/D,EAAoD,EACpD,GAAwC;QADxC,EAAE,IAAI,GAAG,SAAS,OAAkC,EAA7B,KAAK,cAA5B,QAA8B,CAAF;IAG5B,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEtE,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,CACL,iDAAU,KAAK,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAE1B,4DAAoC;AAOpC,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,eAAe,CAC/D,EAAoD,EACpD,GAAwC;QADxC,EAAE,IAAI,GAAG,SAAS,OAAkC,EAA7B,KAAK,cAA5B,QAA8B,CAAF;IAG5B,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEtE,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,CACL,iDAAU,KAAK,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,YAC7C,gCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,GACzC,IACD,CACR,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,iDAAU,KAAK,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,YAC7C,gCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,GACzC,IACD,CACR,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,iDAAU,KAAK,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,YAC7C,gCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,ioBAAioB,EACnoB,IAAI,EAAC,SAAS,GACd,GACE,IACD,CACR,CAAC;QACJ,KAAK,QAAQ;YACX,OAAO,CACL,iDAAU,KAAK,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,YAC7C,gCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,kgBAAkgB,EACpgB,IAAI,EAAC,SAAS,GACd,GACE,IACD,CACR,CAAC;QACJ;YACE,OAAO,CACL,iDAAU,KAAK,IAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,YAC7C,gCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,GAC/C,IACD,CACR,CAAC;KACL;AACH,CAAC,CAAC,CAAC;AAEH,kBAAe,eAAe,CAAC"}
|
|
@@ -40,16 +40,14 @@ const TABLE_RESULTS = {
|
|
|
40
40
|
};
|
|
41
41
|
const ResizingBar = ({ header, children, innerProps, }) => {
|
|
42
42
|
const { className = undefined } = innerProps || {};
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", className: "ndl-table-resizer-wrapper", onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), "aria-label": "resizing bar"
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", className: "ndl-table-resizer-wrapper", onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), "aria-label": "resizing bar", children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ndl-table-resizer', className, {
|
|
44
44
|
'ndl-table-is-resizing': header.column.getIsResizing(),
|
|
45
45
|
}) }) }))) }));
|
|
46
46
|
};
|
|
47
47
|
exports.ResizingBar = ResizingBar;
|
|
48
48
|
const Scrollable = ({ children, innerProps }) => {
|
|
49
49
|
const { className } = innerProps || {};
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, {
|
|
51
|
-
// TODO v2: Remove extra -x- class
|
|
52
|
-
className: (0, classnames_1.default)('ndl-table-x-scrollable ndl-table-scrollable', className) }, { children: children })));
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-scrollable', className), children: children })));
|
|
53
51
|
};
|
|
54
52
|
exports.Scrollable = Scrollable;
|
|
55
53
|
const Header = ({ children, innerProps }) => {
|
|
@@ -62,7 +60,7 @@ const Header = ({ children, innerProps }) => {
|
|
|
62
60
|
};
|
|
63
61
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { role: "rowgroup", className: (0, classnames_1.default)('ndl-table-thead', className, {
|
|
64
62
|
'ndl-table-is-resizing': getState().columnSizingInfo.isResizingColumn,
|
|
65
|
-
})
|
|
63
|
+
}), children: children || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)("div", { className: "ndl-table-tr", style: commonStyle, role: "row", children: headerGroup.headers.map((header) => components.HeaderCell && ((0, jsx_runtime_1.jsx)(components.HeaderCell, { cell: header }, header.id))) }, headerGroup.id))) })) })));
|
|
66
64
|
};
|
|
67
65
|
exports.Header = Header;
|
|
68
66
|
const SortingButton = ({ sortDirection, children, innerProps, }) => {
|
|
@@ -87,7 +85,7 @@ const SortingButton = ({ sortDirection, children, innerProps, }) => {
|
|
|
87
85
|
exports.SortingButton = SortingButton;
|
|
88
86
|
const ColumnControls = ({ cell, controls, children, innerProps, }) => {
|
|
89
87
|
const { className } = innerProps || {};
|
|
90
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-header-action-group', className)
|
|
88
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-header-action-group', className), children: children || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: controls === null || controls === void 0 ? void 0 : controls.map((control) => control) }) })));
|
|
91
89
|
};
|
|
92
90
|
exports.ColumnControls = ColumnControls;
|
|
93
91
|
const HeaderCell = ({ cell, children, innerProps, }) => {
|
|
@@ -120,11 +118,11 @@ const HeaderCell = ({ cell, children, innerProps, }) => {
|
|
|
120
118
|
} }, cell.id));
|
|
121
119
|
}
|
|
122
120
|
}, [sort, cell, canSort]);
|
|
123
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: -1, role: "columnheader" }, innerProps, { className: (0, classnames_1.default)('ndl-table-th ndl-focusable-cell', className), "aria-sort": ariaSortRole
|
|
121
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: -1, role: "columnheader" }, innerProps, { className: (0, classnames_1.default)('ndl-table-th ndl-focusable-cell', className), "aria-sort": ariaSortRole, children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-header-group", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-header-cell", children: cell.isPlaceholder
|
|
124
122
|
? null
|
|
125
|
-
: (0, react_table_1.flexRender)(cell.column.columnDef.header, cell.getContext()) })
|
|
123
|
+
: (0, react_table_1.flexRender)(cell.column.columnDef.header, cell.getContext()) }), components.ColumnControls && ((0, jsx_runtime_1.jsx)(components.ColumnControls, { cell: cell, controls: sortingControl ? [sortingControl] : [], innerProps: {
|
|
126
124
|
tabIndex: canSort ? 0 : -1,
|
|
127
|
-
} }))] })
|
|
125
|
+
} }))] }), resizable &&
|
|
128
126
|
cell.headerGroup.headers.length - 1 !== cell.index &&
|
|
129
127
|
cell.column.getCanResize() &&
|
|
130
128
|
components.ResizingBar && (0, jsx_runtime_1.jsx)(components.ResizingBar, { header: cell })] })) }), cell.id));
|
|
@@ -134,7 +132,7 @@ const Body = ({ children, innerProps }) => {
|
|
|
134
132
|
const { tableProps, components, loading } = (0, TableContext_1.useTableContext)();
|
|
135
133
|
const { getRowModel } = tableProps;
|
|
136
134
|
const { className } = innerProps || {};
|
|
137
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-tbody', className), role: "rowgroup", "aria-busy": loading ? 'true' : 'false'
|
|
135
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-tbody', className), role: "rowgroup", "aria-busy": loading ? 'true' : 'false', children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && components.LoadingPlaceholder && ((0, jsx_runtime_1.jsx)(components.LoadingPlaceholder, {})), !loading &&
|
|
138
136
|
getRowModel().rows.length === 0 &&
|
|
139
137
|
components.NoDataPlaceholder && (0, jsx_runtime_1.jsx)(components.NoDataPlaceholder, {}), !loading &&
|
|
140
138
|
getRowModel().rows.map((row, idx) => components.BodyRow && ((0, jsx_runtime_1.jsx)(components.BodyRow, { row: row }, `table-row-${idx}`)))] })) })));
|
|
@@ -145,7 +143,7 @@ const BodyCell = ({ cell, children, innerProps, }) => {
|
|
|
145
143
|
const { className } = innerProps || {};
|
|
146
144
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-td ndl-focusable-cell', className, {
|
|
147
145
|
'ndl-table-is-resizing': isResizing,
|
|
148
|
-
}), role: "cell", tabIndex: 0
|
|
146
|
+
}), role: "cell", tabIndex: 0, children: children || (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
|
|
149
147
|
};
|
|
150
148
|
exports.BodyCell = BodyCell;
|
|
151
149
|
const BodyRow = ({ row, children, innerProps, }) => {
|
|
@@ -171,7 +169,7 @@ const TableResults = ({ children, innerProps, manualPagination, }) => {
|
|
|
171
169
|
totalRows: getCoreRowModel().rows.length,
|
|
172
170
|
}, [pageIndex, pageSize, manualPagination, rows, getCoreRowModel]);
|
|
173
171
|
const { className } = innerProps || {};
|
|
174
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-results', className)
|
|
172
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-results', className), children: children || ((0, jsx_runtime_1.jsxs)("span", { children: ["Showing", ' ', (0, jsx_runtime_1.jsx)("b", { children: totalRows ? `${from}${to !== from ? `-${to}` : ''}` : 0 }), " of", ' ', (0, jsx_runtime_1.jsx)("b", { children: totalRows }), " results"] })) })));
|
|
175
173
|
};
|
|
176
174
|
exports.TableResults = TableResults;
|
|
177
175
|
const RowsPerPage = ({ children, innerProps, }) => {
|
|
@@ -179,14 +177,14 @@ const RowsPerPage = ({ children, innerProps, }) => {
|
|
|
179
177
|
const { setPageSize, getState } = tableProps;
|
|
180
178
|
const { className } = innerProps || {};
|
|
181
179
|
const { pagination: { pageSize }, } = getState();
|
|
182
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-rows-per-page', className)
|
|
180
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-rows-per-page', className), children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Show", (0, jsx_runtime_1.jsx)("select", { onChange: (e) => setPageSize(parseInt(e.target.value, 10)), className: "ndl-table-select", value: pageSize, "aria-label": "Select page size", children: [...new Set([...TABLE_RESULTS.values, pageSize])]
|
|
183
181
|
.sort((a, b) => a - b)
|
|
184
|
-
.map((option) => ((0, jsx_runtime_1.jsx)("option",
|
|
182
|
+
.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: `${option}`, children: option }, `${option}`))) })] })) })));
|
|
185
183
|
};
|
|
186
184
|
exports.RowsPerPage = RowsPerPage;
|
|
187
185
|
const PaginationArrowButton = ({ action, children, innerProps, }) => {
|
|
188
186
|
const { className } = innerProps || {};
|
|
189
|
-
return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", className: (0, classnames_1.default)('ndl-table-pagination-icon-button', className)
|
|
187
|
+
return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", className: (0, classnames_1.default)('ndl-table-pagination-icon-button', className), children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [action === 'previous' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "n-sr-only", children: "Previous table page" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIconOutline, { className: "ndl-table-pagination-icon" })] })), action === 'next' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "n-sr-only", children: "Next table page" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: "ndl-table-pagination-icon" })] }))] })) })));
|
|
190
188
|
};
|
|
191
189
|
exports.PaginationArrowButton = PaginationArrowButton;
|
|
192
190
|
const PaginationNumericButton = ({ currentIndex, isSelected, children, innerProps, }) => {
|
|
@@ -195,7 +193,7 @@ const PaginationNumericButton = ({ currentIndex, isSelected, children, innerProp
|
|
|
195
193
|
'ndl-not-selected-numeric': typeof currentIndex === 'number' && !isSelected,
|
|
196
194
|
'ndl-is-selected': isSelected,
|
|
197
195
|
'ndl-not-selected': !isSelected,
|
|
198
|
-
}), onClick: (e) => typeof currentIndex === 'number' && onClick && onClick(e), tabIndex: typeof currentIndex === 'number' ? 0 : -1
|
|
196
|
+
}), onClick: (e) => typeof currentIndex === 'number' && onClick && onClick(e), tabIndex: typeof currentIndex === 'number' ? 0 : -1, children: children || currentIndex })));
|
|
199
197
|
};
|
|
200
198
|
exports.PaginationNumericButton = PaginationNumericButton;
|
|
201
199
|
const PaginationNumericButtons = () => {
|
|
@@ -213,7 +211,7 @@ const Pagination = ({ children, innerProps, }) => {
|
|
|
213
211
|
const { tableProps, components } = (0, TableContext_1.useTableContext)();
|
|
214
212
|
const { getCanPreviousPage, getCanNextPage, previousPage, nextPage } = tableProps;
|
|
215
213
|
const { className } = innerProps || {};
|
|
216
|
-
return ((0, jsx_runtime_1.jsx)("nav", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-nav', className), "aria-label": "Pagination"
|
|
214
|
+
return ((0, jsx_runtime_1.jsx)("nav", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-nav', className), "aria-label": "Pagination", children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [getCanPreviousPage()
|
|
217
215
|
? components.PaginationArrowButton && ((0, jsx_runtime_1.jsx)(components.PaginationArrowButton, { action: "previous", innerProps: {
|
|
218
216
|
onClick: previousPage,
|
|
219
217
|
} }))
|
|
@@ -228,17 +226,17 @@ const Navigation = ({ children, innerProps, }) => {
|
|
|
228
226
|
const { tableProps, components } = (0, TableContext_1.useTableContext)();
|
|
229
227
|
const { getPageCount } = tableProps;
|
|
230
228
|
const { className } = innerProps || {};
|
|
231
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-navigation', className)
|
|
229
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-navigation', className), children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [components.TableResults && (0, jsx_runtime_1.jsx)(components.TableResults, {}), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-table-navigation-right-items", children: [getPageCount() > 1 && components.Pagination && ((0, jsx_runtime_1.jsx)(components.Pagination, {})), components.RowsPerPage && (0, jsx_runtime_1.jsx)(components.RowsPerPage, {})] })] })) }) })));
|
|
232
230
|
};
|
|
233
231
|
exports.Navigation = Navigation;
|
|
234
232
|
const LoadingPlaceholder = ({ children, innerProps, }) => {
|
|
235
233
|
const { className } = innerProps || {};
|
|
236
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('nld-table-placeholder-wrapper', className), role: "row"
|
|
234
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('nld-table-placeholder-wrapper', className), role: "row", children: children || ((0, jsx_runtime_1.jsx)("div", { role: "cell", className: "ndl-table-placeholder", children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-table-loading-placeholder", children: [(0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {}), (0, jsx_runtime_1.jsx)("h6", { children: "Loading data" })] }) })) })));
|
|
237
235
|
};
|
|
238
236
|
exports.LoadingPlaceholder = LoadingPlaceholder;
|
|
239
237
|
const NoDataPlaceholder = ({ children, innerProps, }) => {
|
|
240
238
|
const { className } = innerProps || {};
|
|
241
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('nld-table-placeholder-wrapper', className), role: "row"
|
|
239
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('nld-table-placeholder-wrapper', className), role: "row", children: children || ((0, jsx_runtime_1.jsx)("div", { role: "cell", className: "ndl-table-placeholder", children: (0, jsx_runtime_1.jsx)("h6", { children: "No data present" }) })) })));
|
|
242
240
|
};
|
|
243
241
|
exports.NoDataPlaceholder = NoDataPlaceholder;
|
|
244
242
|
//# sourceMappingURL=Components.js.map
|