@neo4j-ndl/react 1.10.6 → 2.0.0-alpha-e609471
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 +30 -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 +4 -4
- package/lib/cjs/accordion/Accordion.js.map +1 -1
- package/lib/cjs/banner/Banner.js +2 -2
- 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/code-block/CodeBlock.js +3 -3
- package/lib/cjs/code-block/CodeBlock.js.map +1 -1
- package/lib/cjs/context-menu/ContextMenu.js +6 -6
- 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/date-picker/DatePicker.js +5 -5
- package/lib/cjs/date-picker/DatePicker.js.map +1 -1
- package/lib/cjs/dialog/Dialog.js +7 -7
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/drag-and-drop/DragAndDrop.js +2 -2
- package/lib/cjs/drag-and-drop/DragAndDrop.js.map +1 -1
- package/lib/cjs/drag-and-drop/icons/Cloud.js +1 -1
- package/lib/cjs/drag-and-drop/icons/Cloud.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/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 +1 -1
- 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 +2 -2
- package/lib/cjs/modal/Modal.js.map +1 -1
- package/lib/cjs/popover/Popover.js +2 -2
- 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/side-navigation/SideNavigation.js +5 -5
- 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 -18
- package/lib/cjs/table/Components.js.map +1 -1
- package/lib/cjs/table/Table.js +3 -3
- package/lib/cjs/table/Table.js.map +1 -1
- package/lib/cjs/table-deprecated/Table.js +9 -9
- package/lib/cjs/table-deprecated/Table.js.map +1 -1
- package/lib/cjs/table-deprecated/TableNavigation.js +2 -2
- package/lib/cjs/table-deprecated/TableNavigation.js.map +1 -1
- package/lib/cjs/table-deprecated/helpers.js +1 -1
- package/lib/cjs/table-deprecated/helpers.js.map +1 -1
- package/lib/cjs/tabs/Tabs.js +3 -3
- 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/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/{tooltip → tip}/index.js +16 -5
- 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/view-selector/ViewSelector.js +2 -2
- package/lib/cjs/view-selector/ViewSelector.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 +4 -4
- package/lib/esm/accordion/Accordion.js.map +1 -1
- package/lib/esm/banner/Banner.js +2 -2
- 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/code-block/CodeBlock.js +3 -3
- package/lib/esm/code-block/CodeBlock.js.map +1 -1
- package/lib/esm/context-menu/ContextMenu.js +6 -6
- 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/date-picker/DatePicker.js +5 -5
- package/lib/esm/date-picker/DatePicker.js.map +1 -1
- package/lib/esm/dialog/Dialog.js +6 -6
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/drag-and-drop/DragAndDrop.js +2 -2
- package/lib/esm/drag-and-drop/DragAndDrop.js.map +1 -1
- package/lib/esm/drag-and-drop/icons/Cloud.js +1 -1
- package/lib/esm/drag-and-drop/icons/Cloud.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/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 +1 -1
- 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 +1 -1
- package/lib/esm/modal/Modal.js.map +1 -1
- package/lib/esm/popover/Popover.js +2 -2
- 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/side-navigation/SideNavigation.js +5 -5
- 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 -18
- package/lib/esm/table/Components.js.map +1 -1
- package/lib/esm/table/Table.js +3 -3
- package/lib/esm/table/Table.js.map +1 -1
- package/lib/esm/table-deprecated/Table.js +9 -9
- package/lib/esm/table-deprecated/Table.js.map +1 -1
- package/lib/esm/table-deprecated/TableNavigation.js +2 -2
- package/lib/esm/table-deprecated/TableNavigation.js.map +1 -1
- package/lib/esm/table-deprecated/helpers.js +1 -1
- package/lib/esm/table-deprecated/helpers.js.map +1 -1
- package/lib/esm/tabs/Tabs.js +3 -3
- 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/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/esm/{tooltip → tip}/index.js +1 -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/view-selector/ViewSelector.js +2 -2
- package/lib/esm/view-selector/ViewSelector.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 +6 -6
- package/lib/types/banner/Banner.d.ts +6 -6
- 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 +5 -9
- package/lib/types/context-menu/SafeArea.d.ts +1 -1
- package/lib/types/dialog/Dialog.d.ts +12 -12
- package/lib/types/drag-and-drop/DragAndDrop.d.ts +1 -1
- package/lib/types/drag-and-drop/icons/CSV-file.d.ts +1 -1
- package/lib/types/drag-and-drop/icons/Cloud.d.ts +1 -1
- package/lib/types/drag-and-drop/icons/File.d.ts +1 -1
- package/lib/types/drag-and-drop/icons/InvalidFile.d.ts +1 -1
- 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/graph-label/color.d.ts +3 -3
- package/lib/types/helpers/forwardRef.d.ts +1 -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 +1 -1
- package/lib/types/loading-spinner/LoadingSpinner.d.ts +1 -1
- package/lib/types/modal/Modal.d.ts +1 -1
- package/lib/types/popover/Popover.d.ts +3 -3
- package/lib/types/side-navigation/SideNavigation.d.ts +3 -3
- package/lib/types/table/Components.d.ts +18 -18
- package/lib/types/table/Table.d.ts +19 -19
- package/lib/types/table/TableContext.d.ts +1 -1
- package/lib/types/table-deprecated/Table.d.ts +6 -6
- package/lib/types/table-deprecated/TableNavigation.d.ts +1 -2
- package/lib/types/table-deprecated/helpers.d.ts +2 -2
- package/lib/types/table-deprecated/hooks/hookCallbackTypes.d.ts +3 -3
- package/lib/types/tabs/Tabs.d.ts +3 -3
- 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/tip/Tip.d.ts +166 -0
- package/lib/types/{tooltip → tip}/Tooltip.d.ts +1 -1
- package/lib/types/{tooltip → tip}/index.d.ts +1 -2
- package/lib/types/typography/Typography.d.ts +1 -2
- package/lib/types/typography/types.d.ts +6 -6
- package/lib/types/view-selector/ViewSelector.d.ts +1 -1
- 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 -1266
- 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.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.map +0 -1
- package/lib/types/tooltip/SmartTooltip.d.ts +0 -36
- package/lib/types/tooltip/Tip.d.ts +0 -62
package/lib/cjs/tag/Tag.js
CHANGED
|
@@ -93,7 +93,7 @@ exports.Tag = react_1.default.forwardRef(function Tag(props, ref) {
|
|
|
93
93
|
onRemove && onRemove(e);
|
|
94
94
|
}
|
|
95
95
|
}, [onRemove]);
|
|
96
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref, children: [children, removeable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "ndl-remove-icon", onKeyDown: keyDownHandler, onClick: onRemove, children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
|
|
97
97
|
});
|
|
98
98
|
exports.default = exports.Tag;
|
|
99
99
|
//# sourceMappingURL=Tag.js.map
|
package/lib/cjs/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAA2C;AAC3C,4DAAoC;AACpC,oCAA4C;AAE5C,4CAAwD;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEU,QAAA,GAAG,GAAG,eAAK,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,IAAA,4BAAoB,EAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,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,IAAA,mBAAW,EAChC,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,iDAAS,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,+CAA2C;AAC3C,4DAAoC;AACpC,oCAA4C;AAE5C,4CAAwD;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEU,QAAA,GAAG,GAAG,eAAK,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,IAAA,4BAAoB,EAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,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,IAAA,mBAAW,EAChC,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,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,aACxC,QAAQ,EACR,UAAU,IAAI,CACb,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,YAEjB,uBAAC,wBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAG,CAAC"}
|
|
@@ -38,7 +38,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
38
38
|
const react_1 = require("react");
|
|
39
39
|
const classnames_1 = __importDefault(require("classnames"));
|
|
40
40
|
const icons_1 = require("../icons");
|
|
41
|
-
const
|
|
41
|
+
const tip_1 = require("../tip");
|
|
42
42
|
const utils_1 = require("../_common/utils");
|
|
43
43
|
const messages_1 = require("../_common/messages");
|
|
44
44
|
/**
|
|
@@ -49,7 +49,7 @@ const messages_1 = require("../_common/messages");
|
|
|
49
49
|
*
|
|
50
50
|
*/
|
|
51
51
|
const TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
52
|
-
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = 'small', 'aria-label': ariaLabel,
|
|
52
|
+
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"]);
|
|
53
53
|
const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-text`, customProps.className, {
|
|
54
54
|
'ndl-disabled': customProps.disabled,
|
|
55
55
|
'ndl-extra-small': size === 'extra-small',
|
|
@@ -80,8 +80,7 @@ const TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
|
80
80
|
'ndl-information-icon-small': size === 'small' || size === 'extra-small',
|
|
81
81
|
'ndl-information-icon-large': size === 'large',
|
|
82
82
|
});
|
|
83
|
-
|
|
84
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-icon ndl-left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-icon ndl-right-icon" }, { children: rightIcon })))] })), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-form-item-wrapper" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-form-label-text" }, { children: label })), informationIconText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: informationIconClass, "data-testid": "information-icon", ref: informationRef }, { children: [(0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}), (0, jsx_runtime_1.jsx)(tooltip_1.SmartTooltip, Object.assign({}, smartTooltipProps, { ref: informationRef }, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-form-item-optional" }, { children: "Optional" })))] })))] })), helpText && !errorText && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-form-msg" }, { children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-form-msg" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
|
|
83
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClass, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClass, children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-input-wrapper", children: [leftIcon && (0, jsx_runtime_1.jsx)("div", { className: "ndl-icon ndl-left-icon", children: leftIcon }), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-icon ndl-right-icon", children: rightIcon }))] }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-form-item-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-form-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tip_1.Tip, Object.assign({}, tooltipProps, { children: [(0, jsx_runtime_1.jsx)(tip_1.Tip.Trigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClass, "data-testid": "information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) }), (0, jsx_runtime_1.jsx)(tip_1.Tip.Content, { children: informationIconText })] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-form-item-optional", children: "Optional" }))] }))] }), helpText && !errorText && (0, jsx_runtime_1.jsx)("div", { className: "ndl-form-msg", children: helpText }), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-form-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
85
84
|
});
|
|
86
85
|
exports.default = TextInput;
|
|
87
86
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAOe;AACf,4DAAoC;AAEpC,oCAGkB;AAClB,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAOe;AACf,4DAAoC;AAEpC,oCAGkB;AAClB,gCAA6B;AAC7B,4CAAwD;AACxD,kDAA8E;AAkC9E;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,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,IAAA,oBAAU,EACvC,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,IAAA,oBAAU,EAAC,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,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,uLAAuL,CACxL,CAAC;SACH;QAED,IAAI,4BAA4B,EAAE;YAChC,IAAA,4BAAoB,EAAC,kDAAuC,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,IAAA,oBAAU,EAAC;QACtC,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,aAAa;QACxE,4BAA4B,EAAE,IAAI,KAAK,OAAO;KAC/C,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,sBAAsB,aAGpC,mCAAO,SAAS,EAAE,kBAAkB,aAClC,iCAAK,SAAS,EAAC,mBAAmB,aAC/B,QAAQ,IAAI,gCAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACrE,kDACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,yBAAyB,YAAE,SAAS,GAAO,CAC3D,IACG,EACL,CAAC,kBAAkB,IAAI,CACtB,iCAAK,SAAS,EAAC,uBAAuB,aACpC,iCAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAQ,EACnD,mBAAmB,IAAI,CACtB,wBAAC,SAAG,oBAAK,YAAY,eACnB,uBAAC,SAAG,CAAC,OAAO,cACV,gCACE,SAAS,EAAE,oBAAoB,iBACnB,kBAAkB,YAE9B,uBAAC,oCAA4B,KAAG,GAC5B,GACM,EACd,uBAAC,SAAG,CAAC,OAAO,cAAE,mBAAmB,GAAe,KAC5C,CACP,EACA,UAAU,IAAI,CACb,iCAAM,SAAS,EAAC,wBAAwB,yBAAgB,CACzD,IACG,CACP,IACK,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,gCAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,EACxE,SAAS,IAAI,CACZ,iCAAK,SAAS,EAAC,cAAc,aAC3B,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,kCAA0B,KAAG,GAC1B,EACN,gCAAK,SAAS,EAAC,gBAAgB,YAAE,SAAS,GAAO,IAC7C,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -36,7 +36,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
36
36
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
37
37
|
*/
|
|
38
38
|
const react_1 = require("react");
|
|
39
|
-
const
|
|
39
|
+
const tip_1 = require("../tip");
|
|
40
40
|
const classnames_1 = __importDefault(require("classnames"));
|
|
41
41
|
const utils_1 = require("../_common/utils");
|
|
42
42
|
const messages_1 = require("../_common/messages");
|
|
@@ -49,7 +49,7 @@ const icons_1 = require("../icons");
|
|
|
49
49
|
*
|
|
50
50
|
*/
|
|
51
51
|
const Textarea = (0, react_1.forwardRef)(function Textarea(props, ref) {
|
|
52
|
-
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'small', 'aria-label': ariaLabel,
|
|
52
|
+
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"]);
|
|
53
53
|
const containerWrappingClass = (0, classnames_1.default)(`ndl-textarea ndl-type-text`, customProps.className, {
|
|
54
54
|
'ndl-disabled': customProps.disabled,
|
|
55
55
|
'ndl-small': size === 'small',
|
|
@@ -78,8 +78,7 @@ const Textarea = (0, react_1.forwardRef)(function Textarea(props, ref) {
|
|
|
78
78
|
'ndl-information-icon-small': size === 'small',
|
|
79
79
|
'ndl-information-icon-large': size === 'large',
|
|
80
80
|
});
|
|
81
|
-
|
|
82
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) })), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-textarea-label-text" }, { children: label })), informationIconText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: informationIconClass, "data-testid": "information-icon", ref: informationRef }, { children: [(0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}), (0, jsx_runtime_1.jsx)(SmartTooltip_1.default, Object.assign({}, smartTooltipProps, { ref: informationRef }, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-textarea-optional" }, { children: "Optional" })))] })))] })), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-textarea-msg" }, { children: helpText }))), errorText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-textarea-msg" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
|
|
81
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClass, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClass, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-textarea-wrapper", children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-textarea-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-textarea-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tip_1.Tip, Object.assign({}, tooltipProps, { children: [(0, jsx_runtime_1.jsx)(tip_1.Tip.Trigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClass, "data-testid": "information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) }), (0, jsx_runtime_1.jsx)(tip_1.Tip.Content, { children: informationIconText })] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-textarea-optional", children: "Optional" }))] }))] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-textarea-msg", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-textarea-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
83
82
|
});
|
|
84
83
|
exports.default = Textarea;
|
|
85
84
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Action = exports.Actions = exports.Body = exports.Header = exports.Content = exports.Trigger = exports.Tip = exports.useTipContext = exports.useTip = void 0;
|
|
18
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
/**
|
|
20
|
+
*
|
|
21
|
+
* Copyright (c) "Neo4j"
|
|
22
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
23
|
+
*
|
|
24
|
+
* This file is part of Neo4j.
|
|
25
|
+
*
|
|
26
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
27
|
+
* it under the terms of the GNU General Public License as published by
|
|
28
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
29
|
+
* (at your option) any later version.
|
|
30
|
+
*
|
|
31
|
+
* This program is distributed in the hope that it will be useful,
|
|
32
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
33
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
34
|
+
* GNU General Public License for more details.
|
|
35
|
+
*
|
|
36
|
+
* You should have received a copy of the GNU General Public License
|
|
37
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
38
|
+
*/
|
|
39
|
+
const react_1 = require("@floating-ui/react");
|
|
40
|
+
const Tooltip_1 = __importDefault(require("./Tooltip"));
|
|
41
|
+
const ConditionalWrap_1 = __importDefault(require("../_common/ConditionalWrap"));
|
|
42
|
+
const typography_1 = require("../typography");
|
|
43
|
+
const icons_1 = require("../icons");
|
|
44
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
45
|
+
const base_1 = require("@neo4j-ndl/base");
|
|
46
|
+
const button_1 = require("../button");
|
|
47
|
+
const react_2 = __importDefault(require("react"));
|
|
48
|
+
const PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
49
|
+
const calculateArrow = (placement) => {
|
|
50
|
+
switch (placement) {
|
|
51
|
+
case 'bottom':
|
|
52
|
+
return 'top';
|
|
53
|
+
case 'left':
|
|
54
|
+
return 'right';
|
|
55
|
+
case 'right':
|
|
56
|
+
return 'left';
|
|
57
|
+
case 'top':
|
|
58
|
+
default:
|
|
59
|
+
return 'bottom';
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
function useTip({ allowedPlacements = PLACEMENTS, isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'tooltip', } = {}) {
|
|
63
|
+
const [uncontrolledOpen, setUncontrolledOpen] = react_2.default.useState(false);
|
|
64
|
+
const open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
|
|
65
|
+
const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
|
|
66
|
+
const data = (0, react_1.useFloating)({
|
|
67
|
+
placement: allowedPlacements[0],
|
|
68
|
+
open,
|
|
69
|
+
onOpenChange: setOpen,
|
|
70
|
+
whileElementsMounted: react_1.autoUpdate,
|
|
71
|
+
middleware: [
|
|
72
|
+
(0, react_1.offset)(10),
|
|
73
|
+
(0, react_1.flip)({
|
|
74
|
+
fallbackAxisSideDirection: 'start',
|
|
75
|
+
fallbackPlacements: allowedPlacements,
|
|
76
|
+
}),
|
|
77
|
+
],
|
|
78
|
+
});
|
|
79
|
+
const context = data.context;
|
|
80
|
+
const hover = (0, react_1.useHover)(context, {
|
|
81
|
+
move: false,
|
|
82
|
+
enabled: type == 'tooltip',
|
|
83
|
+
delay: {
|
|
84
|
+
// TODO v2: add a slower animation token to avoid this being hardcoded
|
|
85
|
+
open: 200,
|
|
86
|
+
// Strip the 'ms' from the duration token, need to provide pure ms durations
|
|
87
|
+
close: parseInt(base_1.tokens.transitions.values.duration.default.replace('ms', '')),
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
const focus = (0, react_1.useFocus)(context, {
|
|
91
|
+
enabled: type == 'tooltip',
|
|
92
|
+
});
|
|
93
|
+
const dismiss = (0, react_1.useDismiss)(context, {
|
|
94
|
+
enabled: type == 'tooltip',
|
|
95
|
+
});
|
|
96
|
+
const click = (0, react_1.useClick)(context, {
|
|
97
|
+
enabled: type == 'toggletip',
|
|
98
|
+
});
|
|
99
|
+
const role = (0, react_1.useRole)(context, { role: 'tooltip' });
|
|
100
|
+
const interactions = (0, react_1.useInteractions)([hover, focus, dismiss, role, click]);
|
|
101
|
+
return react_2.default.useMemo(() => (Object.assign(Object.assign({ open,
|
|
102
|
+
setOpen,
|
|
103
|
+
type }, interactions), data)), [open, setOpen, interactions, data, type]);
|
|
104
|
+
}
|
|
105
|
+
exports.useTip = useTip;
|
|
106
|
+
const TooltipContext = react_2.default.createContext(null);
|
|
107
|
+
const useTipContext = () => {
|
|
108
|
+
const context = react_2.default.useContext(TooltipContext);
|
|
109
|
+
if (context == null) {
|
|
110
|
+
throw new Error('Tip components must be wrapped in <Tip />');
|
|
111
|
+
}
|
|
112
|
+
return context;
|
|
113
|
+
};
|
|
114
|
+
exports.useTipContext = useTipContext;
|
|
115
|
+
function Tip(_a) {
|
|
116
|
+
var { children } = _a, options = __rest(_a, ["children"]);
|
|
117
|
+
// This can accept any props as options, e.g. `placement`,
|
|
118
|
+
// or other positioning options.
|
|
119
|
+
const tooltip = useTip(Object.assign({}, options));
|
|
120
|
+
return ((0, jsx_runtime_1.jsx)(TooltipContext.Provider, { value: tooltip, children: children }));
|
|
121
|
+
}
|
|
122
|
+
exports.Tip = Tip;
|
|
123
|
+
/**
|
|
124
|
+
* Wrapping the trigger in a button by default
|
|
125
|
+
* Use `asChild` to pass any element as the trigger
|
|
126
|
+
*/
|
|
127
|
+
exports.Trigger = react_2.default.forwardRef(function Trigger(_a, propRef) {
|
|
128
|
+
var { children, hasButtonWrapper = false } = _a, props = __rest(_a, ["children", "hasButtonWrapper"]);
|
|
129
|
+
const context = (0, exports.useTipContext)();
|
|
130
|
+
const childrenRef = children.ref;
|
|
131
|
+
const ref = (0, react_1.useMergeRefs)([context.refs.setReference, propRef, childrenRef]);
|
|
132
|
+
// `hasButtonWrapper=false` allows the user to pass any element as the anchor
|
|
133
|
+
if (!hasButtonWrapper && react_2.default.isValidElement(children)) {
|
|
134
|
+
return react_2.default.cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({ ref }, props), children.props), { 'data-state': context.open ? 'open' : 'closed' })));
|
|
135
|
+
}
|
|
136
|
+
return ((0, jsx_runtime_1.jsx)("button", Object.assign({ ref: ref, "data-state": context.open ? 'open' : 'closed' }, context.getReferenceProps(props), { children: children })));
|
|
137
|
+
});
|
|
138
|
+
exports.Content = react_2.default.forwardRef(function Content(_a, propRef) {
|
|
139
|
+
var { style, isPortaled = true, portalProps = {} } = _a, props = __rest(_a, ["style", "isPortaled", "portalProps"]);
|
|
140
|
+
const { open, type, context, getFloatingProps, placement } = (0, exports.useTipContext)();
|
|
141
|
+
const ref = (0, react_1.useMergeRefs)([context.refs.setFloating, propRef]);
|
|
142
|
+
if (!open)
|
|
143
|
+
return null;
|
|
144
|
+
const floatingProps = getFloatingProps(Object.assign(Object.assign({}, props), {
|
|
145
|
+
className: (0, classnames_1.default)('ndl-tip ndl-tooltip-wrapper', props.className, {
|
|
146
|
+
'ndl-toggletip': type === 'toggletip',
|
|
147
|
+
}),
|
|
148
|
+
}));
|
|
149
|
+
return ((0, jsx_runtime_1.jsx)(ConditionalWrap_1.default, { condition: isPortaled, wrap: (children) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: children }))), children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, disabled: type === 'tooltip', children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, Object.assign({ ref: ref }, floatingProps, { arrowPosition: calculateArrow(placement), style: Object.assign(Object.assign({ zIndex: base_1.tokens.zIndex.alias.tooltip }, context.floatingStyles), style), children: props.children })) }) }));
|
|
150
|
+
});
|
|
151
|
+
exports.Header = react_2.default.forwardRef(function Content(_a, ref) {
|
|
152
|
+
var { isCloseable = true } = _a, restProps = __rest(_a, ["isCloseable"]);
|
|
153
|
+
const { open, setOpen } = (0, exports.useTipContext)();
|
|
154
|
+
if (!open)
|
|
155
|
+
return null;
|
|
156
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-toggletip-header" }, restProps, { ref: ref, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "h6", children: restProps.children }), isCloseable && ((0, jsx_runtime_1.jsx)(button_1.IconButton, { clean: true, tabIndex: 0, role: "button", size: "extra-small", className: "ndl-toggletip-close-icon", onKeyDown: (event) => {
|
|
157
|
+
if (event.key === 'Enter' || event.key === 'Space') {
|
|
158
|
+
setOpen(false, event.nativeEvent);
|
|
159
|
+
}
|
|
160
|
+
}, onClick: (event) => {
|
|
161
|
+
setOpen(false, event.nativeEvent);
|
|
162
|
+
}, "aria-label": "close-toggletip", "data-testid": "close-toggletip", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
|
|
163
|
+
});
|
|
164
|
+
exports.Body = react_2.default.forwardRef(function Body(_a, ref) {
|
|
165
|
+
var restProps = __rest(_a, []);
|
|
166
|
+
const { open } = (0, exports.useTipContext)();
|
|
167
|
+
if (!open)
|
|
168
|
+
return null;
|
|
169
|
+
return (0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { ref: ref }));
|
|
170
|
+
});
|
|
171
|
+
exports.Actions = react_2.default.forwardRef(function Actions(_a, ref) {
|
|
172
|
+
var restProps = __rest(_a, []);
|
|
173
|
+
const { open } = (0, exports.useTipContext)();
|
|
174
|
+
const className = (0, classnames_1.default)('ndl-toggletip-actions', restProps.className);
|
|
175
|
+
if (!open)
|
|
176
|
+
return null;
|
|
177
|
+
return (0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: className, ref: ref }));
|
|
178
|
+
});
|
|
179
|
+
const Action = (props) => {
|
|
180
|
+
const { open } = (0, exports.useTipContext)();
|
|
181
|
+
const className = (0, classnames_1.default)('ndl-toggletip-action', props.className);
|
|
182
|
+
if (!open)
|
|
183
|
+
return null;
|
|
184
|
+
return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ as: "button" }, props, { tabIndex: 0, variant: "label", className: className })));
|
|
185
|
+
};
|
|
186
|
+
exports.Action = Action;
|
|
187
|
+
Tip.Content = exports.Content;
|
|
188
|
+
Tip.Trigger = exports.Trigger;
|
|
189
|
+
Tip.Header = exports.Header;
|
|
190
|
+
Tip.Body = exports.Body;
|
|
191
|
+
Tip.Actions = exports.Actions;
|
|
192
|
+
Tip.Action = exports.Action;
|
|
193
|
+
//# sourceMappingURL=Tip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../src/tip/Tip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,7 +48,7 @@ const Tooltip = react_1.default.forwardRef(function Tooltip(_a, ref) {
|
|
|
48
48
|
'ndl-top-left': arrowPosition === 'top-left',
|
|
49
49
|
'ndl-top-right': arrowPosition === 'top-right',
|
|
50
50
|
});
|
|
51
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { role: "tooltip", className: classesWrapper, ref: ref
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { role: "tooltip", className: classesWrapper, ref: ref, children: [children, (0, jsx_runtime_1.jsx)("div", { className: classesTriangle })] })));
|
|
52
52
|
});
|
|
53
53
|
exports.default = Tooltip;
|
|
54
54
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAgBpC,MAAM,OAAO,GAAG,eAAK,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,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,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,iDAAS,KAAK,IAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,aAC/D,QAAQ,EACT,gCAAK,SAAS,EAAE,eAAe,GAAI,KAC/B,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,OAAO,CAAC"}
|
|
@@ -19,15 +19,26 @@
|
|
|
19
19
|
* You should have received a copy of the GNU General Public License
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
23
|
+
if (k2 === undefined) k2 = k;
|
|
24
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
25
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
26
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
27
|
+
}
|
|
28
|
+
Object.defineProperty(o, k2, desc);
|
|
29
|
+
}) : (function(o, m, k, k2) {
|
|
30
|
+
if (k2 === undefined) k2 = k;
|
|
31
|
+
o[k2] = m[k];
|
|
32
|
+
}));
|
|
33
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
34
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
35
|
+
};
|
|
22
36
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
38
|
};
|
|
25
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
40
|
+
exports.Tooltip = void 0;
|
|
27
41
|
var Tooltip_1 = require("./Tooltip");
|
|
28
42
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
|
|
29
|
-
|
|
30
|
-
Object.defineProperty(exports, "SmartTooltip", { enumerable: true, get: function () { return __importDefault(SmartTooltip_1).default; } });
|
|
31
|
-
var Tip_1 = require("./Tip");
|
|
32
|
-
Object.defineProperty(exports, "Tip", { enumerable: true, get: function () { return __importDefault(Tip_1).default; } });
|
|
43
|
+
__exportStar(require("./Tip"), exports);
|
|
33
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tip/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;AAEH,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,wCAAsB"}
|
|
@@ -49,7 +49,7 @@ exports.Typography = Typography;
|
|
|
49
49
|
/**
|
|
50
50
|
* Experimental Type testing
|
|
51
51
|
*/
|
|
52
|
-
const Link = ({ linkClick }) => ((0, jsx_runtime_1.jsx)("button",
|
|
52
|
+
const Link = ({ linkClick }) => ((0, jsx_runtime_1.jsx)("button", { onClick: linkClick, children: "Test" }));
|
|
53
53
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
54
54
|
// @ts-ignore
|
|
55
55
|
const _MultipleCasesComponent = () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(exports.Typography, { variant: "h2", as: "a", href: "www.neo4j.com" }), (0, jsx_runtime_1.jsx)(exports.Typography, { variant: "h2", as: "span", href: "www.neo4j.com" }), (0, jsx_runtime_1.jsx)(exports.Typography, { variant: "body-medium", as: Link }), (0, jsx_runtime_1.jsx)(exports.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,4DAAoC;AACpC,4CAAwD;AACxD,mCAMiB;AAEV,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,IAAA,oBAAU,EAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,gCAAwB,CAAC,OAAO,CAAC,CAAmB,CAAC;IAE9E,OAAO,uBAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrD,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB;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,4DAAoC;AACpC,4CAAwD;AACxD,mCAMiB;AAEV,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,IAAA,oBAAU,EAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,gCAAwB,CAAC,OAAO,CAAC,CAAmB,CAAC;IAE9E,OAAO,uBAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrD,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB;AAEF;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAA6B,EAAE,EAAE,CAAC,CACzD,mCAAQ,OAAO,EAAE,SAAS,qBAAe,CAC1C,CAAC;AAEF,6DAA6D;AAC7D,aAAa;AACb,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CACpC,4CAEE,uBAAC,kBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,eAAe,GAAG,EAGvD,uBAAC,kBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,GAAG,EAG1D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,EAAE,EAAE,IAAI,GAAI,EAG9C,uBAAC,kBAAU,IACT,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,IAAI,EACR,SAAS,EAAE,GAAG,EAAE;gBACd,IAAA,4BAAoB,EAAC,cAAc,CAAC,CAAC;YACvC,CAAC,GACD,IACE,CACP,CAAC"}
|
|
@@ -77,7 +77,7 @@ exports.ViewSelector = (0, helpers_1.forwardRef)(function ViewSelector(_a, ref)
|
|
|
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)(ViewSelectorContext.Provider, { value: { onChange, selected, icons }, children: children }) })));
|
|
81
81
|
});
|
|
82
82
|
exports.ViewSelectorItem = react_1.default.forwardRef(function ViewSelectorItem(_a, ref) {
|
|
83
83
|
var { children, value, as = 'button', className } = _a, rest = __rest(_a, ["children", "value", "as", "className"]);
|
|
@@ -89,6 +89,6 @@ exports.ViewSelectorItem = react_1.default.forwardRef(function ViewSelectorItem(
|
|
|
89
89
|
'ndl-current': value && value === selected,
|
|
90
90
|
});
|
|
91
91
|
const Component = as;
|
|
92
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { onClick: () => !isSelected && onChange(value), className: base, ref: ref
|
|
92
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { onClick: () => !isSelected && onChange(value), className: base, ref: ref, children: children })));
|
|
93
93
|
});
|
|
94
94
|
//# sourceMappingURL=ViewSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAA0C;AAC1C,4DAAoC;AACpC,wCAA0D;AAuC1D,MAAM,mBAAmB,GACvB,eAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAE7D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;KACvD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,oBAAU,EAAC,SAAS,YAAY,CAG1D,EASuB,EACvB,GAAgC;QAVhC,EACE,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,SAAS,OAEY,EADlB,IAAI,cART,wEASC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,EAAE;QACzD,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,
|
|
1
|
+
{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAA0C;AAC1C,4DAAoC;AACpC,wCAA0D;AAuC1D,MAAM,mBAAmB,GACvB,eAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAE7D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;KACvD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,oBAAU,EAAC,SAAS,YAAY,CAG1D,EASuB,EACvB,GAAgC;QAVhC,EACE,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,SAAS,OAEY,EADlB,IAAI,cART,wEASC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,EAAE;QACzD,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,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAC/D,QAAQ,GACoB,IACrB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,gBAAgB,CACxE,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,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE3D,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE;QACjC,mBAAmB,EAAE,CAAC,KAAK;QAC3B,mBAAmB,EAAE,KAAK;QAC1B,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"}
|
package/lib/cjs/widget/Widget.js
CHANGED
|
@@ -52,7 +52,7 @@ const Widget = (0, react_1.forwardRef)(function Widget(_a, ref) {
|
|
|
52
52
|
'ndl-leftmenu': leftMenu,
|
|
53
53
|
'ndl-elevated': isElevated,
|
|
54
54
|
});
|
|
55
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, ref: ref }, props, { children: [(0, jsx_runtime_1.jsxs)("header",
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, ref: ref }, props, { children: [(0, jsx_runtime_1.jsxs)("header", { className: "ndl-header-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-header-left", children: [leftMenu, (0, jsx_runtime_1.jsxs)("div", { className: "ndl-headers n-flex n-flex-col", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-header", children: header }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-subheader", children: subheader })] })] }), rightMenu] }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-widget-content n-flex-grow", children: children }), isResizeable && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(ResizeCorner_1.default, {}) })))] })));
|
|
56
56
|
});
|
|
57
57
|
exports.default = Widget;
|
|
58
58
|
//# sourceMappingURL=Widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAA6D;AAC7D,4DAAoC;AACpC,0FAAqF;AAgCrF;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,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,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,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,iCAA6D;AAC7D,4DAAoC;AACpC,0FAAqF;AAgCrF;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,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,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eAC1C,oCAAQ,SAAS,EAAC,oBAAoB,aACpC,iCAAK,SAAS,EAAC,iBAAiB,aAC7B,QAAQ,EACT,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,gCAAK,SAAS,EAAC,YAAY,YAAE,MAAM,GAAO,EAC1C,gCAAK,SAAS,EAAC,eAAe,YAAE,SAAS,GAAO,IAC5C,IACF,EACL,SAAS,IACH,EACT,gCAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,YAAY,IAAI,CACf,+DACa,iBAAiB,IACxB,eAAe,IACnB,SAAS,EAAE,qBAAqB,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,mCAAI,EAAE,EAAE,YAElE,uBAAC,sBAAgB,KAAG,IACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,MAAM,CAAC"}
|
package/lib/cjs/wizard/Wizard.js
CHANGED
|
@@ -53,9 +53,9 @@ const Circle = ({ status, number, text, type, }) => {
|
|
|
53
53
|
'ndl-horizontal': type === 'horizontal',
|
|
54
54
|
'ndl-vertical': type === 'vertical',
|
|
55
55
|
});
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-wizard-circle", children: [(0, jsx_runtime_1.jsx)("div", { className: "n-relative", children: (0, jsx_runtime_1.jsx)("div", { className: `ndl-text ${typeClassName}`, children: text }) }), (0, jsx_runtime_1.jsxs)("svg", { className: `n-h-10 n-w-10 ${statusClassName}`, children: [status === 'active' && ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("circle", { className: "n-fill-palette-primary-text", cx: "20", cy: "20", r: "20" }), (0, jsx_runtime_1.jsx)("circle", { className: "n-fill-neutral-10", cx: "20", cy: "20", r: "18" })] })), (0, jsx_runtime_1.jsx)("circle", { className: `${status === 'complete' || status === 'active'
|
|
57
57
|
? 'n-fill-palette-primary-text'
|
|
58
|
-
: 'n-fill-palette-neutral-text-weakest'}`, cx: "20", cy: "20", r: "16" }), (0, jsx_runtime_1.jsx)("text",
|
|
58
|
+
: 'n-fill-palette-neutral-text-weakest'}`, cx: "20", cy: "20", r: "16" }), (0, jsx_runtime_1.jsx)("text", { x: "50%", y: "50%", className: "n-fill-neutral-10", textAnchor: "middle", dy: "0.3em", children: number })] })] }));
|
|
59
59
|
};
|
|
60
60
|
const Line = ({ status, type, }) => {
|
|
61
61
|
const classes = (0, classnames_1.default)('ndl-wizard-line', {
|
|
@@ -77,7 +77,7 @@ const Horizontal = (_a) => {
|
|
|
77
77
|
components.push((0, jsx_runtime_1.jsx)(Line, { type: "horizontal", status: getStatus(activeStep, i) }, `line-${i}-step-${(0, utils_1.randomId)(4)}`));
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-horizontal-wizard', props.className), role: "navigation"
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-horizontal-wizard', props.className), role: "navigation", children: components })));
|
|
81
81
|
};
|
|
82
82
|
exports.Horizontal = Horizontal;
|
|
83
83
|
const Vertical = (_a) => {
|
|
@@ -89,14 +89,14 @@ const Vertical = (_a) => {
|
|
|
89
89
|
i < steps.length - 1 &&
|
|
90
90
|
components.push((0, jsx_runtime_1.jsx)(Line, { type: "vertical", status: getStatus(activeStep, i) }, `line-${i}-step-${(0, utils_1.randomId)(4)}`));
|
|
91
91
|
}
|
|
92
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-vertical-wizard ', props.className), role: "navigation"
|
|
92
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-vertical-wizard ', props.className), role: "navigation", children: components })));
|
|
93
93
|
};
|
|
94
94
|
exports.Vertical = Vertical;
|
|
95
95
|
const Footer = (_a) => {
|
|
96
96
|
var { activeStep, steps } = _a, props = __rest(_a, ["activeStep", "steps"]);
|
|
97
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-footer-wizard', props.className), role: "navigation"
|
|
97
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-footer-wizard', props.className), role: "navigation", children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "n-w-32 n-mr-6 n-h-[1px] n-bg-palette-neutral-border-strong" }), steps.map((v, i) => ((0, jsx_runtime_1.jsx)("div", { className: "n-items-center n-justify-center n-flex n-px-[2px]", children: (0, jsx_runtime_1.jsxs)("svg", { className: `n-h-2 n-w-2 footer-circle ${getStatus(activeStep, i)}`, children: [getStatus(activeStep, i) === 'active' && ((0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("circle", { className: "n-fill-palette-primary-text", cx: "4", cy: "4", r: "4" }) })), (0, jsx_runtime_1.jsx)("circle", { className: `${getStatus(activeStep, i) === 'active'
|
|
98
98
|
? 'n-fill-palette-primary-text'
|
|
99
|
-
: 'n-fill-palette-neutral-border-strong'}`, cx: "4", cy: "4", r: "3" })] })
|
|
99
|
+
: 'n-fill-palette-neutral-border-strong'}`, cx: "4", cy: "4", r: "3" })] }) }, i))), (0, jsx_runtime_1.jsx)("div", { className: "n-w-32 n-ml-6 n-h-[1px] n-bg-palette-neutral-border-strong" })] }) })));
|
|
100
100
|
};
|
|
101
101
|
exports.Footer = Footer;
|
|
102
102
|
const Wizard = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../src/wizard/Wizard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAEpC,4CAA4C;AAE5C,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,SAAiB,EAAE,EAAE,CAC1D,SAAS,GAAG,CAAC,KAAK,UAAU;IAC1B,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,UAAU,GAAG,SAAS,GAAG,CAAC;QAC5B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,UAAU,CAAC;AAEjB,MAAM,MAAM,GAAG,CAAC,EACd,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,GAML,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC;QACjC,YAAY,EAAE,MAAM,KAAK,QAAQ;QACjC,cAAc,EAAE,MAAM,KAAK,UAAU;QACrC,gBAAgB,EAAE,MAAM,KAAK,YAAY;KAC1C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,oBAAU,EAAC;QAC/B,gBAAgB,EAAE,IAAI,KAAK,YAAY;QACvC,cAAc,EAAE,IAAI,KAAK,UAAU;KACpC,CAAC,CAAC;IAEH,OAAO,CACL
|
|
1
|
+
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../src/wizard/Wizard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,21 +51,21 @@ export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper({ as,
|
|
|
51
51
|
setShouldShowExpandButton(true);
|
|
52
52
|
}
|
|
53
53
|
}, [maxHeight, code, setShouldShowExpandButton]);
|
|
54
|
-
return (_jsxs(Component,
|
|
54
|
+
return (_jsxs(Component, { ref: ref, className: "ndl-code-block-container", style: { height: containerHeight }, children: [_jsxs("div", { className: "n-flex n-flex-col n-h-full", children: [headerTitle && (_jsx("div", { className: classNames('ndl-code-block-title', {
|
|
55
55
|
'ndl-disabled': disabled,
|
|
56
56
|
}), style: {
|
|
57
57
|
maxWidth: `calc(100% - ${((actions === null || actions === void 0 ? void 0 : actions.length) || 0) * 36 + 20}px)`,
|
|
58
|
-
}, "data-testid": "code-block-title"
|
|
58
|
+
}, "data-testid": "code-block-title", children: headerTitle })), _jsxs("div", { className: classNames('ndl-code-content-container', {
|
|
59
59
|
'ndl-disabled': disabled,
|
|
60
|
-
}), style: { height: headerTitle ? 'calc(100% - 24px - 12px)' : '100%' }
|
|
60
|
+
}), style: { height: headerTitle ? 'calc(100% - 24px - 12px)' : '100%' }, children: [_jsx("div", { className: "ndl-code-pseudo-element" }), _jsx("div", { ref: syntaxHighlighterWrapperRef, className: classNames('ndl-highlight-wrapper', {
|
|
61
61
|
'ndl-focused': isFocused,
|
|
62
62
|
}), role: "textbox", "aria-label": "code-snippet", tabIndex: 0, onFocus: () => {
|
|
63
63
|
setIsFocused(true);
|
|
64
64
|
}, onBlur: () => {
|
|
65
65
|
setIsFocused(false);
|
|
66
|
-
}
|
|
66
|
+
}, children: children }), _jsx("div", { className: "ndl-code-pseudo-element" })] })] }), _jsx("div", { className: classNames('ndl-code-block-actions', {
|
|
67
67
|
'ndl-disabled': disabled,
|
|
68
|
-
})
|
|
68
|
+
}), children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => (_jsx(IconButton, Object.assign({ "data-testid": `action-button-${i}`, clean: true, "aria-label": `${iconButtonProps['aria-label'] || 'CodeBlock Action'}`, disabled: disabled }, iconButtonProps), i))) }), shouldShowExpandButton && (_jsx("div", { className: "ndl-code-block-expand-button", children: _jsx(IconButton, { "aria-label": "Expand/Collapse", onClick: () => {
|
|
69
69
|
if (isExpanded) {
|
|
70
70
|
setContainerHeight(`${maxHeight}px`);
|
|
71
71
|
setIsExpanded(false);
|
|
@@ -74,6 +74,6 @@ export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper({ as,
|
|
|
74
74
|
setContainerHeight(`fit-content`);
|
|
75
75
|
setIsExpanded(true);
|
|
76
76
|
}
|
|
77
|
-
}, clean: true
|
|
77
|
+
}, clean: true, children: isExpanded ? _jsx(ChevronUpIconOutline, {}) : _jsx(ChevronDownIconOutline, {}) }) }))] }));
|
|
78
78
|
});
|
|
79
79
|
//# sourceMappingURL=CodeBlockWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAwB,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAcxE,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,gBAAgB,CACxE,EACE,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,yBAAyB,GACH,EACxB,GAAG;IAEH,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,2BAA2B,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;;QACb,IACE,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC;YACxD,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EACxD;YACA,aAAa,CAAC,IAAI,CAAC,CAAC;SACrB;aAAM;YACL,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,GAAG,EAAE;;QACnB,IACE,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC;YACxD,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EACxD;YACA,kBAAkB,CAAC,aAAa,CAAC,CAAC;YAClC,yBAAyB,CAAC,KAAK,CAAC,CAAC;SAClC;aAAM;YACL,kBAAkB,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;YACrC,yBAAyB,CAAC,IAAI,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":"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"}
|