@bigbinary/neetoui 8.2.22 → 8.2.24
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/dist/ActionDropdown.js +2 -2
- package/dist/Alert.js +3 -4
- package/dist/Alert.js.map +1 -1
- package/dist/Checkbox.js +3 -3
- package/dist/ColorPicker.js +3 -3
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +15 -16
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/Input.js +3 -3
- package/dist/Modal.js +3 -4
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +15 -15
- package/dist/Pagination.js +3 -3
- package/dist/Pane.js +3 -4
- package/dist/Pane.js.map +1 -1
- package/dist/Radio.js +3 -3
- package/dist/Select.js +4 -4
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +3 -2
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +3 -3
- package/dist/Switch.js +5 -3
- package/dist/Switch.js.map +1 -1
- package/dist/Table.js +4 -7
- package/dist/Table.js.map +1 -1
- package/dist/{Textarea-afac4a3e.js → Textarea-BcglKMaG.js} +3 -3
- package/dist/{Textarea-afac4a3e.js.map → Textarea-BcglKMaG.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +15 -16
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +2 -2
- package/dist/TranslationProvider.js +3 -1
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +2 -2
- package/dist/TreeSelect.js +2 -2
- package/dist/cjs/Accordion.js +18 -27
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +8 -16
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +9 -15
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +10 -19
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +13 -21
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +5 -13
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +10 -17
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +30 -40
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +15 -16
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +30 -40
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +20 -29
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +4 -11
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +14 -22
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +22 -32
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +51 -62
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +14 -21
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +19 -25
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +19 -29
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +5 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +3 -8
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +17 -26
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +49 -62
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +69 -77
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +12 -21
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +2 -7
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +6 -11
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +18 -23
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +10 -18
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +54 -70
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +9 -16
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-c6496fa2.js → Textarea-XjB9bG3I.js} +19 -28
- package/dist/cjs/{Textarea-c6496fa2.js.map → Textarea-XjB9bG3I.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +15 -16
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +24 -34
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +4 -12
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +6 -9
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +8 -17
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +14 -24
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +4 -12
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +7 -19
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/{en-c69be2fb.js → en-1dfvTYgC.js} +1 -1
- package/dist/cjs/en-1dfvTYgC.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +7 -13
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +12 -20
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +2 -8
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +7 -14
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +13 -24
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +7 -14
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +6 -13
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -15
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +8 -16
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -15
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +7 -14
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +8 -15
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +5 -12
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +6 -9
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-3c44e0c7.js → index-CvMjRZDt.js} +19 -33
- package/dist/cjs/{index-3c44e0c7.js.map → index-CvMjRZDt.js.map} +1 -1
- package/dist/cjs/{index-b7601801.js → index-DoQ9g6qh.js} +53 -70
- package/dist/cjs/{index-b7601801.js.map → index-DoQ9g6qh.js.map} +1 -1
- package/dist/cjs/index.js +22 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +2 -4
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +0 -2
- package/dist/cjs/managers.js.map +1 -1
- package/dist/cjs/overlayManager.js +2 -9
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
- package/dist/cjs/tinycolor-C4a31PPv.js +1214 -0
- package/dist/cjs/tinycolor-C4a31PPv.js.map +1 -0
- package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
- package/dist/cjs/{useOverlayManager-b8134604.js → useOverlayManager-CXLC179x.js} +19 -741
- package/dist/cjs/useOverlayManager-CXLC179x.js.map +1 -0
- package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
- package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
- package/dist/cjs/{useRestoreScrollPosition-26e8d203.js → useRestoreScrollPosition-Dmq0tlvp.js} +18 -22
- package/dist/cjs/{useRestoreScrollPosition-26e8d203.js.map → useRestoreScrollPosition-Dmq0tlvp.js.map} +1 -1
- package/dist/{en-2d3f9fc1.js → en-CJac0MnO.js} +1 -1
- package/dist/en-CJac0MnO.js.map +1 -0
- package/dist/formik/ActionBlock.js +2 -2
- package/dist/formik/BlockNavigation.js +3 -4
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Checkbox.js +3 -3
- package/dist/formik/Input.js +3 -3
- package/dist/formik/MultiEmailInput.js +3 -3
- package/dist/formik/Radio.js +3 -3
- package/dist/formik/Select.js +4 -4
- package/dist/formik/Slider.js +3 -3
- package/dist/formik/Switch.js +3 -3
- package/dist/formik/Textarea.js +4 -4
- package/dist/formik/TreeSelect.js +2 -2
- package/dist/formik/index.js +6 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-6e82a862.js → index-BojMT3ps.js} +3 -3
- package/dist/{index-6e82a862.js.map → index-BojMT3ps.js.map} +1 -1
- package/dist/{index-40372119.js → index-H3jaZAFp.js} +6 -12
- package/dist/{index-40372119.js.map → index-H3jaZAFp.js.map} +1 -1
- package/dist/index.js +22 -23
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +2 -2
- package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
- package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
- package/dist/tinycolor-DX-kZ4bq.js +1212 -0
- package/dist/tinycolor-DX-kZ4bq.js.map +1 -0
- package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
- package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
- package/dist/{useOverlayManager-65f6d80a.js → useOverlayManager-Dyv5Y8Ug.js} +3 -713
- package/dist/useOverlayManager-Dyv5Y8Ug.js.map +1 -0
- package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
- package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
- package/dist/{useRestoreScrollPosition-631cf3e5.js → useRestoreScrollPosition-DnEaioaR.js} +2 -2
- package/dist/{useRestoreScrollPosition-631cf3e5.js.map → useRestoreScrollPosition-DnEaioaR.js.map} +1 -1
- package/package.json +10 -10
- package/dist/cjs/en-c69be2fb.js.map +0 -1
- package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
- package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
- package/dist/cjs/useOverlayManager-b8134604.js.map +0 -1
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
- package/dist/en-2d3f9fc1.js.map +0 -1
- package/dist/tinycolor-282c618c.js +0 -1200
- package/dist/tinycolor-282c618c.js.map +0 -1
- package/dist/useOverlayManager-65f6d80a.js.map +0 -1
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -7,14 +7,6 @@ var React = require('react');
|
|
|
7
7
|
var Tippy = require('@tippyjs/react');
|
|
8
8
|
var tippy_js = require('tippy.js');
|
|
9
9
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
13
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
14
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
|
|
17
|
-
|
|
18
10
|
var ARROW = "<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>";
|
|
19
11
|
|
|
20
12
|
var _excluded = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
|
|
@@ -33,9 +25,9 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
33
25
|
hideAfter = _ref$hideAfter === void 0 ? -1 : _ref$hideAfter,
|
|
34
26
|
_ref$hideOnTargetExit = _ref.hideOnTargetExit,
|
|
35
27
|
hideOnTargetExit = _ref$hideOnTargetExit === void 0 ? false : _ref$hideOnTargetExit,
|
|
36
|
-
otherProps =
|
|
28
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
37
29
|
var _useState = React.useState(null),
|
|
38
|
-
_useState2 =
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
39
31
|
instance = _useState2[0],
|
|
40
32
|
setInstance = _useState2[1];
|
|
41
33
|
var localProps = {};
|
|
@@ -60,7 +52,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
60
52
|
}
|
|
61
53
|
return undefined;
|
|
62
54
|
}, [instance, hideOnTargetExit]);
|
|
63
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/React.createElement(Tippy, _extends({
|
|
64
56
|
animation: "scale-subtle",
|
|
65
57
|
arrow: ARROW,
|
|
66
58
|
content: content,
|
|
@@ -77,7 +69,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
77
69
|
setInstance(instance);
|
|
78
70
|
(_instance$popper$firs = instance.popper.firstElementChild) === null || _instance$popper$firs === void 0 || _instance$popper$firs.setAttribute("data-cy", "tooltip-box");
|
|
79
71
|
}
|
|
80
|
-
}, localProps, otherProps), /*#__PURE__*/
|
|
72
|
+
}, localProps, otherProps), /*#__PURE__*/React.isValidElement(children) ? children : /*#__PURE__*/React.createElement("span", null, children));
|
|
81
73
|
};
|
|
82
74
|
|
|
83
75
|
module.exports = Tooltip;
|
package/dist/cjs/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip/constants.js","../../src/components/Tooltip/index.jsx"],"sourcesContent":["export const ARROW =\n \"<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>\";\n","import React, { useEffect, useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport PropTypes from \"prop-types\";\nimport { followCursor } from \"tippy.js\";\n\nimport { ARROW } from \"./constants\";\n\nconst Tooltip = ({\n content,\n children,\n theme = \"dark\",\n disabled = false,\n position = \"auto\",\n interactive = false,\n hideAfter = -1,\n hideOnTargetExit = false,\n ...otherProps\n}) => {\n const [instance, setInstance] = useState(null);\n\n const localProps = {};\n\n if (hideAfter > 0) {\n localProps[\"onShow\"] = instance =>\n setTimeout(() => instance.hide(), hideAfter);\n }\n\n useEffect(() => {\n if (hideOnTargetExit) {\n const intersectionObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => !entry.isIntersecting && instance?.hide());\n });\n instance?.reference && intersectionObserver.observe(instance?.reference);\n\n return () => intersectionObserver.disconnect();\n }\n\n return undefined;\n }, [instance, hideOnTargetExit]);\n\n return (\n <Tippy\n animation=\"scale-subtle\"\n arrow={ARROW}\n content={content}\n disabled={disabled}\n duration={[100, 200]}\n interactive={interactive}\n placement={position}\n plugins={[followCursor]}\n role=\"tooltip\"\n theme={theme}\n zIndex={100001}\n onCreate={instance => {\n setInstance(instance);\n instance.popper.firstElementChild?.setAttribute(\n \"data-cy\",\n \"tooltip-box\"\n );\n }}\n {...localProps}\n {...otherProps}\n >\n {React.isValidElement(children) ? children : <span>{children}</span>}\n </Tippy>\n );\n};\n\nTooltip.propTypes = {\n /**\n * The component to be rendered inside the popup.\n */\n content: PropTypes.node,\n /**\n * Tooltip popup will be shown when mouse is hovered over this component.\n */\n children: PropTypes.node,\n /**\n * To display Tooltip in dark or light theme. By default the theme is dark.\n */\n theme: PropTypes.oneOf([\"dark\", \"light\"]),\n /**\n * To specify whether the Tooltip is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the position of the Tooltip.\n */\n position: PropTypes.string,\n /**\n * To specify whether the Tooltip can be hovered over and clicked inside without hiding.\n */\n interactive: PropTypes.bool,\n /**\n * To auto-hide the Tooltip after n-milliseconds.\n * Negative values to this prop disables this feature.\n * By default it's disabled.\n */\n hideAfter: PropTypes.number,\n /**\n * To auto-hide the Tooltip on when target leaves the screen.\n * By default it's disabled.\n */\n hideOnTargetExit: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"names":["ARROW","Tooltip","_ref","content","children","_ref$theme","theme","_ref$disabled","disabled","_ref$position","position","_ref$interactive","interactive","_ref$hideAfter","hideAfter","_ref$hideOnTargetExit","hideOnTargetExit","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","instance","setInstance","localProps","setTimeout","hide","useEffect","intersectionObserver","IntersectionObserver","entries","forEach","entry","isIntersecting","reference","observe","disconnect","undefined","React","createElement","Tippy","_extends","animation","arrow","duration","placement","plugins","followCursor","role","zIndex","onCreate","_instance$popper$firs","popper","firstElementChild","setAttribute","isValidElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip/constants.js","../../src/components/Tooltip/index.jsx"],"sourcesContent":["export const ARROW =\n \"<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>\";\n","import React, { useEffect, useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport PropTypes from \"prop-types\";\nimport { followCursor } from \"tippy.js\";\n\nimport { ARROW } from \"./constants\";\n\nconst Tooltip = ({\n content,\n children,\n theme = \"dark\",\n disabled = false,\n position = \"auto\",\n interactive = false,\n hideAfter = -1,\n hideOnTargetExit = false,\n ...otherProps\n}) => {\n const [instance, setInstance] = useState(null);\n\n const localProps = {};\n\n if (hideAfter > 0) {\n localProps[\"onShow\"] = instance =>\n setTimeout(() => instance.hide(), hideAfter);\n }\n\n useEffect(() => {\n if (hideOnTargetExit) {\n const intersectionObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => !entry.isIntersecting && instance?.hide());\n });\n instance?.reference && intersectionObserver.observe(instance?.reference);\n\n return () => intersectionObserver.disconnect();\n }\n\n return undefined;\n }, [instance, hideOnTargetExit]);\n\n return (\n <Tippy\n animation=\"scale-subtle\"\n arrow={ARROW}\n content={content}\n disabled={disabled}\n duration={[100, 200]}\n interactive={interactive}\n placement={position}\n plugins={[followCursor]}\n role=\"tooltip\"\n theme={theme}\n zIndex={100001}\n onCreate={instance => {\n setInstance(instance);\n instance.popper.firstElementChild?.setAttribute(\n \"data-cy\",\n \"tooltip-box\"\n );\n }}\n {...localProps}\n {...otherProps}\n >\n {React.isValidElement(children) ? children : <span>{children}</span>}\n </Tippy>\n );\n};\n\nTooltip.propTypes = {\n /**\n * The component to be rendered inside the popup.\n */\n content: PropTypes.node,\n /**\n * Tooltip popup will be shown when mouse is hovered over this component.\n */\n children: PropTypes.node,\n /**\n * To display Tooltip in dark or light theme. By default the theme is dark.\n */\n theme: PropTypes.oneOf([\"dark\", \"light\"]),\n /**\n * To specify whether the Tooltip is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the position of the Tooltip.\n */\n position: PropTypes.string,\n /**\n * To specify whether the Tooltip can be hovered over and clicked inside without hiding.\n */\n interactive: PropTypes.bool,\n /**\n * To auto-hide the Tooltip after n-milliseconds.\n * Negative values to this prop disables this feature.\n * By default it's disabled.\n */\n hideAfter: PropTypes.number,\n /**\n * To auto-hide the Tooltip on when target leaves the screen.\n * By default it's disabled.\n */\n hideOnTargetExit: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"names":["ARROW","Tooltip","_ref","content","children","_ref$theme","theme","_ref$disabled","disabled","_ref$position","position","_ref$interactive","interactive","_ref$hideAfter","hideAfter","_ref$hideOnTargetExit","hideOnTargetExit","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","instance","setInstance","localProps","setTimeout","hide","useEffect","intersectionObserver","IntersectionObserver","entries","forEach","entry","isIntersecting","reference","observe","disconnect","undefined","React","createElement","Tippy","_extends","animation","arrow","duration","placement","plugins","followCursor","role","zIndex","onCreate","_instance$popper$firs","popper","firstElementChild","setAttribute","isValidElement"],"mappings":"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"}
|
|
@@ -3,12 +3,7 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var reactI18next = require('react-i18next');
|
|
5
5
|
var i18n = require('i18next');
|
|
6
|
-
var en = require('./en-
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
|
|
6
|
+
var en = require('./en-1dfvTYgC.js');
|
|
12
7
|
|
|
13
8
|
var neetoui$5 = {
|
|
14
9
|
blockNavigation: {
|
|
@@ -246,9 +241,11 @@ var resources = {
|
|
|
246
241
|
};
|
|
247
242
|
|
|
248
243
|
/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
|
|
244
|
+
/* eslint-disable import/extensions */
|
|
245
|
+
|
|
249
246
|
var initializeI18n = function initializeI18n() {
|
|
250
247
|
var language = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "en";
|
|
251
|
-
|
|
248
|
+
i18n.use(reactI18next.initReactI18next).init({
|
|
252
249
|
resources: resources,
|
|
253
250
|
lang: language,
|
|
254
251
|
fallbackLng: "en",
|
|
@@ -256,7 +253,7 @@ var initializeI18n = function initializeI18n() {
|
|
|
256
253
|
escapeValue: false
|
|
257
254
|
}
|
|
258
255
|
});
|
|
259
|
-
return
|
|
256
|
+
return i18n;
|
|
260
257
|
};
|
|
261
258
|
|
|
262
259
|
var TranslationProvider = function TranslationProvider(_ref) {
|
|
@@ -267,7 +264,7 @@ var TranslationProvider = function TranslationProvider(_ref) {
|
|
|
267
264
|
if (!language || i18n.language === language) return;
|
|
268
265
|
i18n.changeLanguage(language);
|
|
269
266
|
}, [language]);
|
|
270
|
-
return /*#__PURE__*/
|
|
267
|
+
return /*#__PURE__*/React.createElement(reactI18next.I18nextProvider, {
|
|
271
268
|
i18n: i18n
|
|
272
269
|
}, children);
|
|
273
270
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TranslationProvider.js","sources":["../../src/translations/index.js","../../src/components/TranslationProvider/i18n.js","../../src/components/TranslationProvider/index.jsx"],"sourcesContent":["/* eslint-disable import/extensions */\nimport deTranslations from \"./de.json\";\nimport enTranslations from \"./en.json\";\nimport esTranslations from \"./es.json\";\nimport frTranslations from \"./fr.json\";\nimport nlTranslations from \"./nl.json\";\nimport plTranslations from \"./pl.json\";\nimport ptTranslations from \"./pt.json\";\n\nexport const resources = {\n en: { translation: enTranslations },\n es: { translation: esTranslations },\n fr: { translation: frTranslations },\n de: { translation: deTranslations },\n nl: { translation: nlTranslations },\n pl: { translation: plTranslations },\n pt: { translation: ptTranslations },\n};\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\n/* eslint-disable import/extensions */\n\nimport i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { resources } from \"src/translations\";\n\nexport const initializeI18n = (language = \"en\") => {\n i18n.use(initReactI18next).init({\n resources,\n lang: language,\n fallbackLng: \"en\",\n interpolation: { escapeValue: false },\n });\n\n return i18n;\n};\n","import React, { useEffect } from \"react\";\n\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { initializeI18n } from \"./i18n\";\n\nconst TranslationProvider = ({ children, language }) => {\n const i18n = initializeI18n(language);\n\n useEffect(() => {\n if (!language || i18n.language === language) return;\n\n i18n.changeLanguage(language);\n }, [language]);\n\n return <I18nextProvider {...{ i18n }}>{children}</I18nextProvider>;\n};\n\nexport default TranslationProvider;\n"],"names":["resources","en","translation","enTranslations","es","esTranslations","fr","frTranslations","de","deTranslations","nl","nlTranslations","pl","plTranslations","pt","ptTranslations","initializeI18n","language","arguments","length","undefined","i18n","use","initReactI18next","init","lang","fallbackLng","interpolation","escapeValue","TranslationProvider","_ref","children","useEffect","changeLanguage","React","createElement","I18nextProvider"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TranslationProvider.js","sources":["../../src/translations/index.js","../../src/components/TranslationProvider/i18n.js","../../src/components/TranslationProvider/index.jsx"],"sourcesContent":["/* eslint-disable import/extensions */\nimport deTranslations from \"./de.json\";\nimport enTranslations from \"./en.json\";\nimport esTranslations from \"./es.json\";\nimport frTranslations from \"./fr.json\";\nimport nlTranslations from \"./nl.json\";\nimport plTranslations from \"./pl.json\";\nimport ptTranslations from \"./pt.json\";\n\nexport const resources = {\n en: { translation: enTranslations },\n es: { translation: esTranslations },\n fr: { translation: frTranslations },\n de: { translation: deTranslations },\n nl: { translation: nlTranslations },\n pl: { translation: plTranslations },\n pt: { translation: ptTranslations },\n};\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\n/* eslint-disable import/extensions */\n\nimport i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { resources } from \"src/translations\";\n\nexport const initializeI18n = (language = \"en\") => {\n i18n.use(initReactI18next).init({\n resources,\n lang: language,\n fallbackLng: \"en\",\n interpolation: { escapeValue: false },\n });\n\n return i18n;\n};\n","import React, { useEffect } from \"react\";\n\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { initializeI18n } from \"./i18n\";\n\nconst TranslationProvider = ({ children, language }) => {\n const i18n = initializeI18n(language);\n\n useEffect(() => {\n if (!language || i18n.language === language) return;\n\n i18n.changeLanguage(language);\n }, [language]);\n\n return <I18nextProvider {...{ i18n }}>{children}</I18nextProvider>;\n};\n\nexport default TranslationProvider;\n"],"names":["resources","en","translation","enTranslations","es","esTranslations","fr","frTranslations","de","deTranslations","nl","nlTranslations","pl","plTranslations","pt","ptTranslations","initializeI18n","language","arguments","length","undefined","i18n","use","initReactI18next","init","lang","fallbackLng","interpolation","escapeValue","TranslationProvider","_ref","children","useEffect","changeLanguage","React","createElement","I18nextProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AASO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,EAAE,EAAE;AAAEC,IAAAA,WAAW,EAAEC,iBAAAA;GAAgB;AACnCC,EAAAA,EAAE,EAAE;AAAEF,IAAAA,WAAW,EAAEG,cAAAA;GAAgB;AACnCC,EAAAA,EAAE,EAAE;AAAEJ,IAAAA,WAAW,EAAEK,cAAAA;GAAgB;AACnCC,EAAAA,EAAE,EAAE;AAAEN,IAAAA,WAAW,EAAEO,cAAAA;GAAgB;AACnCC,EAAAA,EAAE,EAAE;AAAER,IAAAA,WAAW,EAAES,cAAAA;GAAgB;AACnCC,EAAAA,EAAE,EAAE;AAAEV,IAAAA,WAAW,EAAEW,cAAAA;GAAgB;AACnCC,EAAAA,EAAE,EAAE;AAAEZ,IAAAA,WAAW,EAAEa,cAAAA;AAAe,GAAA;AACpC,CAAC;;ACjBD;AACA;;AAOO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAwB;AAAA,EAAA,IAApBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AAC5CG,EAAAA,IAAI,CAACC,GAAG,CAACC,6BAAgB,CAAC,CAACC,IAAI,CAAC;AAC9BxB,IAAAA,SAAS,EAATA,SAAS;AACTyB,IAAAA,IAAI,EAAER,QAAQ;AACdS,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,aAAa,EAAE;AAAEC,MAAAA,WAAW,EAAE,KAAA;AAAM,KAAA;AACtC,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOP,IAAI,CAAA;AACb,CAAC;;ACXD,IAAMQ,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA+B;AAAA,EAAA,IAAzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEd,QAAQ,GAAAa,IAAA,CAARb,QAAQ,CAAA;AAC/C,EAAA,IAAMI,IAAI,GAAGL,cAAc,CAACC,QAAQ,CAAC,CAAA;AAErCe,EAAAA,eAAS,CAAC,YAAM;IACd,IAAI,CAACf,QAAQ,IAAII,IAAI,CAACJ,QAAQ,KAAKA,QAAQ,EAAE,OAAA;AAE7CI,IAAAA,IAAI,CAACY,cAAc,CAAChB,QAAQ,CAAC,CAAA;AAC/B,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBAAOiB,KAAA,CAAAC,aAAA,CAACC,4BAAe,EAAA;AAAOf,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EAAKU,QAAQ,CAAmB,CAAA;AACpE;;;;"}
|
package/dist/cjs/Tree.js
CHANGED
|
@@ -8,7 +8,7 @@ var React = require('react');
|
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var reactI18next = require('react-i18next');
|
|
10
10
|
var constants = require('./constants.js');
|
|
11
|
-
var index = require('./index-
|
|
11
|
+
var index = require('./index-CvMjRZDt.js');
|
|
12
12
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
13
13
|
require('antd/locale/de_DE');
|
|
14
14
|
require('antd/locale/en_US');
|
|
@@ -30,32 +30,23 @@ require('dayjs/plugin/weekOfYear');
|
|
|
30
30
|
require('@bigbinary/neeto-cist');
|
|
31
31
|
require('qs');
|
|
32
32
|
require('ramda');
|
|
33
|
-
require('./en-
|
|
34
|
-
|
|
35
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
36
|
-
|
|
37
|
-
var _ConfigProvider__default = /*#__PURE__*/_interopDefaultLegacy(_ConfigProvider);
|
|
38
|
-
var _Tree__default = /*#__PURE__*/_interopDefaultLegacy(_Tree);
|
|
39
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
40
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
41
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
42
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
33
|
+
require('./en-1dfvTYgC.js');
|
|
43
34
|
|
|
44
35
|
var SwitcherIcon = function SwitcherIcon(_ref) {
|
|
45
36
|
var expanded = _ref.expanded;
|
|
46
|
-
return expanded ? /*#__PURE__*/
|
|
37
|
+
return expanded ? /*#__PURE__*/React.createElement(neetoIcons.Down, {
|
|
47
38
|
size: 16
|
|
48
|
-
}) : /*#__PURE__*/
|
|
39
|
+
}) : /*#__PURE__*/React.createElement(neetoIcons.Right, {
|
|
49
40
|
size: 16
|
|
50
41
|
});
|
|
51
42
|
};
|
|
52
43
|
|
|
53
44
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
54
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
45
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
55
46
|
var Tree = function Tree(props) {
|
|
56
47
|
var _useTranslation = reactI18next.useTranslation(),
|
|
57
48
|
i18n = _useTranslation.i18n;
|
|
58
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
59
50
|
locale: constants.ANTD_LOCALE[i18n.language || "en"],
|
|
60
51
|
theme: {
|
|
61
52
|
token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
|
|
@@ -68,10 +59,10 @@ var Tree = function Tree(props) {
|
|
|
68
59
|
}
|
|
69
60
|
}
|
|
70
61
|
}
|
|
71
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/React.createElement(_Tree, _extends({
|
|
72
63
|
switcherIcon: SwitcherIcon
|
|
73
64
|
}, props, {
|
|
74
|
-
className:
|
|
65
|
+
className: classnames("neeto-ui-tree", props.className)
|
|
75
66
|
})));
|
|
76
67
|
};
|
|
77
68
|
|
package/dist/cjs/Tree.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.js","sources":["../../src/components/Tree/SwitcherIcon.jsx","../../src/components/Tree/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Down, Right } from \"neetoicons\";\n\nconst SwitcherIcon = ({ expanded }) =>\n expanded ? <Down size={16} /> : <Right size={16} />;\n\nexport default SwitcherIcon;\n","import React from \"react\";\n\nimport { ConfigProvider, Tree as TreeComponent } from \"antd\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANTD_LOCALE } from \"components/constants\";\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from \"utils\";\n\nimport SwitcherIcon from \"./SwitcherIcon\";\n\nconst Tree = props => {\n const { i18n } = useTranslation();\n\n return (\n <ConfigProvider\n locale={ANTD_LOCALE[i18n.language || \"en\"]}\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n Tree: {\n directoryNodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n directoryNodeSelectedColor: \"rgb(var(--neeto-ui-white))\",\n nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n nodeSelectedBg: \"rgb(var(--neeto-ui-primary-100))\",\n },\n },\n }}\n >\n <TreeComponent\n switcherIcon={SwitcherIcon}\n {...props}\n className={classnames(\"neeto-ui-tree\", props.className)}\n />\n </ConfigProvider>\n );\n};\n\nTree.propTypes = {\n /**\n * Whether to allow dropping on the node\n */\n allowDrop: PropTypes.bool,\n /**\n * Whether to automatically expand a parent treeNode\n */\n autoExpandParent: PropTypes.bool,\n /**\n * Whether treeNode fill remaining horizontal space\n */\n blockNode: PropTypes.bool,\n /**\n * Add a Checkbox before the treeNodes.\n */\n checkable: PropTypes.bool,\n /**\n * Specifies the keys of the checked treeNodes\n */\n checkedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Check treeNode precisely; parent treeNode and children treeNodes are not associated\n */\n checkStrictly: PropTypes.bool,\n /**\n * Specifies the keys of the default checked treeNodes.\n */\n defaultCheckedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Specify the keys of the default expanded treeNodes.\n */\n defaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Specifies the keys of the default selected treeNodes.\n */\n defaultSelectedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Callback function for when the onCheck event occurs.\n */\n onCheck: PropTypes.func,\n /**\n * Whether disabled the tree\n */\n disabled: PropTypes.bool,\n /**\n * The treeNodes data Array, if set it then you need not to construct children TreeNode. (key should be unique across the whole array).\n */\n treeData: PropTypes.array,\n /**\n * Callback function for when the user clicks a treeNode.\n */\n onSelect: PropTypes.func,\n /**\n * Shows a connecting line.\n */\n showLine: PropTypes.bool,\n /**\n * Config virtual scroll height. Will not support horizontal scroll when enable this.\n */\n height: PropTypes.number,\n /**\n * Specifies whether this Tree or the node is draggable.\n */\n draggable: PropTypes.bool,\n /**\n * Callback function for when the onDragEnter event occurs\n */\n onDragEnter: PropTypes.func,\n /**\n * Callback function for when the onDragStart event occurs\n */\n onDragStart: PropTypes.func,\n /**\n * Callback function for when the onDragEnter event occurs\n */\n onDragEnd: PropTypes.func,\n /**\n * Callback function for when the onDragLeave event occurs\n */\n onDragLeave: PropTypes.func,\n /**\n * Callback function for when the onDragOver event occurs\n */\n onDragOver: PropTypes.func,\n /**\n * Callback function for when the onDrop event occurs\n */\n onDrop: PropTypes.func,\n /**\n * Defines a function to filter (highlight) treeNodes. When the function returns true, the corresponding treeNode will be highlighted\n */\n filterTreeNode: PropTypes.func,\n /**\n * Load data asynchronously\n */\n loadData: PropTypes.func,\n /**\n * Set loaded tree nodes. Need work with loadData\n */\n loadedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Whether can be selected\n */\n selectable: PropTypes.bool,\n /**\n * Specifies the keys of the selected treeNodes, multiple selection needs to set multiple to true\n */\n selectedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Allows selecting multiple treeNodes\n */\n multiple: PropTypes.bool,\n /**\n * Customize tree node title render\n */\n titleRender: PropTypes.func,\n /**\n * Disable virtual scroll when set to false\n */\n virtual: PropTypes.bool,\n /**\n * Callback function for when a treeNode is expanded or collapsed\n */\n onExpand: PropTypes.func,\n /**\n * Callback function for when a treeNode is loaded\n */\n onLoad: PropTypes.func,\n /**\n * Customize collapse/expand icon of tree node\n */\n switcherIcon: PropTypes.node,\n};\n\nexport default Tree;\n"],"names":["SwitcherIcon","_ref","expanded","React","createElement","Down","size","Right","Tree","props","_useTranslation","useTranslation","i18n","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","directoryNodeSelectedBg","directoryNodeSelectedColor","nodeHoverBg","nodeSelectedBg","_Tree","_extends","switcherIcon","className","classnames"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tree.js","sources":["../../src/components/Tree/SwitcherIcon.jsx","../../src/components/Tree/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Down, Right } from \"neetoicons\";\n\nconst SwitcherIcon = ({ expanded }) =>\n expanded ? <Down size={16} /> : <Right size={16} />;\n\nexport default SwitcherIcon;\n","import React from \"react\";\n\nimport { ConfigProvider, Tree as TreeComponent } from \"antd\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANTD_LOCALE } from \"components/constants\";\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from \"utils\";\n\nimport SwitcherIcon from \"./SwitcherIcon\";\n\nconst Tree = props => {\n const { i18n } = useTranslation();\n\n return (\n <ConfigProvider\n locale={ANTD_LOCALE[i18n.language || \"en\"]}\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n Tree: {\n directoryNodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n directoryNodeSelectedColor: \"rgb(var(--neeto-ui-white))\",\n nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n nodeSelectedBg: \"rgb(var(--neeto-ui-primary-100))\",\n },\n },\n }}\n >\n <TreeComponent\n switcherIcon={SwitcherIcon}\n {...props}\n className={classnames(\"neeto-ui-tree\", props.className)}\n />\n </ConfigProvider>\n );\n};\n\nTree.propTypes = {\n /**\n * Whether to allow dropping on the node\n */\n allowDrop: PropTypes.bool,\n /**\n * Whether to automatically expand a parent treeNode\n */\n autoExpandParent: PropTypes.bool,\n /**\n * Whether treeNode fill remaining horizontal space\n */\n blockNode: PropTypes.bool,\n /**\n * Add a Checkbox before the treeNodes.\n */\n checkable: PropTypes.bool,\n /**\n * Specifies the keys of the checked treeNodes\n */\n checkedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Check treeNode precisely; parent treeNode and children treeNodes are not associated\n */\n checkStrictly: PropTypes.bool,\n /**\n * Specifies the keys of the default checked treeNodes.\n */\n defaultCheckedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Specify the keys of the default expanded treeNodes.\n */\n defaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Specifies the keys of the default selected treeNodes.\n */\n defaultSelectedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Callback function for when the onCheck event occurs.\n */\n onCheck: PropTypes.func,\n /**\n * Whether disabled the tree\n */\n disabled: PropTypes.bool,\n /**\n * The treeNodes data Array, if set it then you need not to construct children TreeNode. (key should be unique across the whole array).\n */\n treeData: PropTypes.array,\n /**\n * Callback function for when the user clicks a treeNode.\n */\n onSelect: PropTypes.func,\n /**\n * Shows a connecting line.\n */\n showLine: PropTypes.bool,\n /**\n * Config virtual scroll height. Will not support horizontal scroll when enable this.\n */\n height: PropTypes.number,\n /**\n * Specifies whether this Tree or the node is draggable.\n */\n draggable: PropTypes.bool,\n /**\n * Callback function for when the onDragEnter event occurs\n */\n onDragEnter: PropTypes.func,\n /**\n * Callback function for when the onDragStart event occurs\n */\n onDragStart: PropTypes.func,\n /**\n * Callback function for when the onDragEnter event occurs\n */\n onDragEnd: PropTypes.func,\n /**\n * Callback function for when the onDragLeave event occurs\n */\n onDragLeave: PropTypes.func,\n /**\n * Callback function for when the onDragOver event occurs\n */\n onDragOver: PropTypes.func,\n /**\n * Callback function for when the onDrop event occurs\n */\n onDrop: PropTypes.func,\n /**\n * Defines a function to filter (highlight) treeNodes. When the function returns true, the corresponding treeNode will be highlighted\n */\n filterTreeNode: PropTypes.func,\n /**\n * Load data asynchronously\n */\n loadData: PropTypes.func,\n /**\n * Set loaded tree nodes. Need work with loadData\n */\n loadedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Whether can be selected\n */\n selectable: PropTypes.bool,\n /**\n * Specifies the keys of the selected treeNodes, multiple selection needs to set multiple to true\n */\n selectedKeys: PropTypes.arrayOf(PropTypes.string),\n /**\n * Allows selecting multiple treeNodes\n */\n multiple: PropTypes.bool,\n /**\n * Customize tree node title render\n */\n titleRender: PropTypes.func,\n /**\n * Disable virtual scroll when set to false\n */\n virtual: PropTypes.bool,\n /**\n * Callback function for when a treeNode is expanded or collapsed\n */\n onExpand: PropTypes.func,\n /**\n * Callback function for when a treeNode is loaded\n */\n onLoad: PropTypes.func,\n /**\n * Customize collapse/expand icon of tree node\n */\n switcherIcon: PropTypes.node,\n};\n\nexport default Tree;\n"],"names":["SwitcherIcon","_ref","expanded","React","createElement","Down","size","Right","Tree","props","_useTranslation","useTranslation","i18n","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","directoryNodeSelectedBg","directoryNodeSelectedColor","nodeHoverBg","nodeSelectedBg","_Tree","_extends","switcherIcon","className","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAAA,EAAA,OAC9BA,QAAQ,gBAAGC,KAAA,CAAAC,aAAA,CAACC,eAAI,EAAA;AAACC,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,gBAAGH,KAAA,CAAAC,aAAA,CAACG,gBAAK,EAAA;AAACD,IAAAA,IAAI,EAAE,EAAA;GAAM,CAAA,CAAA;AAAA,CAAA;;;;ACOrD,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAGC,KAAK,EAAI;EACpB,IAAAC,eAAA,GAAiBC,2BAAc,EAAE;IAAzBC,IAAI,GAAAF,eAAA,CAAJE,IAAI,CAAA;AAEZ,EAAA,oBACET,KAAA,CAAAC,aAAA,CAAAS,eAAA,EAAA;IACEC,MAAM,EAAEC,qBAAW,CAACH,IAAI,CAACI,QAAQ,IAAI,IAAI,CAAE;AAC3CC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAAC,aAAA,CAAOC,EAAAA,EAAAA,uCAAiC,CAAE;AAC/CC,MAAAA,UAAU,EAAE;AACVb,QAAAA,IAAI,EAAE;AACJc,UAAAA,uBAAuB,EAAE,kCAAkC;AAC3DC,UAAAA,0BAA0B,EAAE,4BAA4B;AACxDC,UAAAA,WAAW,EAAE,+BAA+B;AAC5CC,UAAAA,cAAc,EAAE,kCAAA;AAClB,SAAA;AACF,OAAA;AACF,KAAA;AAAE,GAAA,eAEFtB,KAAA,CAAAC,aAAA,CAAAsB,KAAA,EAAAC,QAAA,CAAA;AACEC,IAAAA,YAAY,EAAE5B,YAAAA;AAAa,GAAA,EACvBS,KAAK,EAAA;AACToB,IAAAA,SAAS,EAAEC,UAAU,CAAC,eAAe,EAAErB,KAAK,CAACoB,SAAS,CAAA;AAAE,GAAA,CAAA,CACxD,CACa,CAAA;AAErB;;;;"}
|
package/dist/cjs/TreeSelect.js
CHANGED
|
@@ -9,7 +9,7 @@ var React = require('react');
|
|
|
9
9
|
var classnames = require('classnames');
|
|
10
10
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
11
11
|
var reactI18next = require('react-i18next');
|
|
12
|
-
var index = require('./index-
|
|
12
|
+
var index = require('./index-CvMjRZDt.js');
|
|
13
13
|
var constants = require('./constants.js');
|
|
14
14
|
var Label = require('./Label.js');
|
|
15
15
|
require('@babel/runtime/helpers/slicedToArray');
|
|
@@ -25,7 +25,7 @@ require('dayjs/plugin/weekOfYear');
|
|
|
25
25
|
require('@bigbinary/neeto-cist');
|
|
26
26
|
require('qs');
|
|
27
27
|
require('ramda');
|
|
28
|
-
require('./en-
|
|
28
|
+
require('./en-1dfvTYgC.js');
|
|
29
29
|
require('antd/locale/de_DE');
|
|
30
30
|
require('antd/locale/en_US');
|
|
31
31
|
require('antd/locale/es_ES');
|
|
@@ -42,19 +42,9 @@ require('tippy.js');
|
|
|
42
42
|
require('./Popover.js');
|
|
43
43
|
require('./Typography.js');
|
|
44
44
|
|
|
45
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
46
|
-
|
|
47
|
-
var _ConfigProvider__default = /*#__PURE__*/_interopDefaultLegacy(_ConfigProvider);
|
|
48
|
-
var _TreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(_TreeSelect);
|
|
49
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
50
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
51
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
52
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
53
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
54
|
-
|
|
55
45
|
var _excluded = ["allowClear", "className", "disabled", "error", "fieldNames", "label", "onChange", "placeholder", "required", "showSearch", "size", "suffixIcon", "switcherIcon", "treeData", "treeDataSimpleMode", "value", "popupClassName"];
|
|
56
46
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
57
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
47
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
58
48
|
var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
59
49
|
var _fieldNames$label;
|
|
60
50
|
var allowClear = _ref.allowClear,
|
|
@@ -81,13 +71,13 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
81
71
|
treeDataSimpleMode = _ref$treeDataSimpleMo === void 0 ? true : _ref$treeDataSimpleMo,
|
|
82
72
|
value = _ref.value,
|
|
83
73
|
popupClassName = _ref.popupClassName,
|
|
84
|
-
otherProps =
|
|
74
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
85
75
|
var _useTranslation = reactI18next.useTranslation(),
|
|
86
76
|
t = _useTranslation.t,
|
|
87
77
|
i18n = _useTranslation.i18n;
|
|
88
78
|
var SuffixIcon = suffixIcon !== null && suffixIcon !== void 0 ? suffixIcon : neetoIcons.Down;
|
|
89
79
|
var SwitcherIcon = switcherIcon !== null && switcherIcon !== void 0 ? switcherIcon : neetoIcons.Down;
|
|
90
|
-
return /*#__PURE__*/
|
|
80
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
91
81
|
locale: constants.ANTD_LOCALE[i18n.language || "en"],
|
|
92
82
|
theme: {
|
|
93
83
|
token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
|
|
@@ -100,12 +90,12 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
100
90
|
}
|
|
101
91
|
}
|
|
102
92
|
}
|
|
103
|
-
}, /*#__PURE__*/
|
|
93
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
104
94
|
className: "neeto-ui-input__wrapper"
|
|
105
|
-
}, label && /*#__PURE__*/
|
|
95
|
+
}, label && /*#__PURE__*/React.createElement(Label, {
|
|
106
96
|
required: required,
|
|
107
97
|
"data-testid": "treeselect-label"
|
|
108
|
-
}, label), /*#__PURE__*/
|
|
98
|
+
}, label), /*#__PURE__*/React.createElement(_TreeSelect, _extends({
|
|
109
99
|
allowClear: allowClear,
|
|
110
100
|
disabled: disabled,
|
|
111
101
|
fieldNames: fieldNames,
|
|
@@ -120,23 +110,23 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
120
110
|
dropdownStyle: {
|
|
121
111
|
zIndex: 100000
|
|
122
112
|
},
|
|
123
|
-
suffixIcon: /*#__PURE__*/
|
|
113
|
+
suffixIcon: /*#__PURE__*/React.createElement(SuffixIcon, null),
|
|
124
114
|
treeNodeFilterProp: (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : "label",
|
|
125
115
|
value: value || undefined,
|
|
126
|
-
className:
|
|
116
|
+
className: classnames("neeto-ui-tree-select__wrapper", className, {
|
|
127
117
|
"neeto-ui-tree-select__error": error
|
|
128
118
|
}),
|
|
129
119
|
notFoundContent:
|
|
130
120
|
/*#__PURE__*/
|
|
131
121
|
// eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized
|
|
132
|
-
|
|
122
|
+
React.createElement("div", {
|
|
133
123
|
className: "neeto-ui-text-center neeto-ui-p-1"
|
|
134
124
|
}, index.getLocale(i18n, t, "neetoui.treeSelect.noOptions")),
|
|
135
|
-
popupClassName:
|
|
125
|
+
popupClassName: classnames("neeto-ui-tree-select-dropdown", popupClassName),
|
|
136
126
|
switcherIcon: function switcherIcon(props) {
|
|
137
|
-
return /*#__PURE__*/
|
|
127
|
+
return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(SwitcherIcon, null));
|
|
138
128
|
}
|
|
139
|
-
}, otherProps)), error && /*#__PURE__*/
|
|
129
|
+
}, otherProps)), error && /*#__PURE__*/React.createElement("p", {
|
|
140
130
|
className: "neeto-ui-input__error",
|
|
141
131
|
"data-testid": "treeselect-error"
|
|
142
132
|
}, error)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeSelect.js","sources":["../../src/components/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { TreeSelect as AntdTreeSelect, ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from \"utils\";\n\nimport { ANTD_LOCALE } from \"./constants\";\nimport Label from \"./Label\";\n\nconst TreeSelect = forwardRef(\n (\n {\n allowClear,\n className,\n disabled = false,\n error,\n fieldNames,\n label = \"\",\n onChange,\n placeholder = \"\",\n required = false,\n showSearch = false,\n size = \"middle\",\n suffixIcon,\n switcherIcon,\n treeData,\n treeDataSimpleMode = true,\n value,\n popupClassName,\n ...otherProps\n },\n ref\n ) => {\n const { t, i18n } = useTranslation();\n const SuffixIcon = suffixIcon ?? Down;\n\n const SwitcherIcon = switcherIcon ?? Down;\n\n return (\n <ConfigProvider\n locale={ANTD_LOCALE[i18n.language || \"en\"]}\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n TreeSelect: {\n nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n nodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n\n // Global overrides\n colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n },\n },\n }}\n >\n <div className=\"neeto-ui-input__wrapper\">\n {label && (\n <Label {...{ required }} data-testid=\"treeselect-label\">\n {label}\n </Label>\n )}\n <AntdTreeSelect\n {...{\n allowClear,\n disabled,\n fieldNames,\n onChange,\n placeholder,\n ref,\n showSearch,\n size,\n treeData,\n treeDataSimpleMode,\n }}\n data-cy=\"neeto-ui-tree-select-wrapper\"\n dropdownStyle={{ zIndex: 100000 }}\n suffixIcon={<SuffixIcon />}\n treeNodeFilterProp={fieldNames?.label ?? \"label\"}\n value={value || undefined}\n className={classnames(\"neeto-ui-tree-select__wrapper\", className, {\n \"neeto-ui-tree-select__error\": error,\n })}\n notFoundContent={\n // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n <div className=\"neeto-ui-text-center neeto-ui-p-1\">\n {getLocale(i18n, t, \"neetoui.treeSelect.noOptions\")}\n </div>\n }\n popupClassName={classnames(\n \"neeto-ui-tree-select-dropdown\",\n popupClassName\n )}\n switcherIcon={props => (\n <div {...props}>\n <SwitcherIcon />\n </div>\n )}\n {...otherProps}\n />\n {error && (\n <p className=\"neeto-ui-input__error\" data-testid=\"treeselect-error\">\n {error}\n </p>\n )}\n </div>\n </ConfigProvider>\n );\n }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nTreeSelect.propTypes = {\n /**\n * Controls whether the value is allowed to be cleared or not.\n */\n allowClear: PropTypes.bool,\n /**\n * To specify additional classes.\n */\n className: PropTypes.string,\n /**\n * To specify additional classes to the popup.\n */\n popupClassName: PropTypes.string,\n /**\n * To disable the TreeSelect component.\n */\n disabled: PropTypes.bool,\n /**\n * To display the specified error.\n */\n error: PropTypes.string,\n /**\n * This prop can be used to override the default keys of label and value pairs in options.\n */\n fieldNames: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n /**\n * To display a label above the TreeSelect component.\n */\n label: PropTypes.string,\n /**\n * The callback function that will be triggered when value changes.\n */\n onChange: PropTypes.func,\n /**\n * Callback function to be executed when search input changes that can be\n * used for advanced usecases. This is not necessary as basic search works\n * when `showSearch` is enabled.\n */\n onSearch: PropTypes.func,\n /**\n * The placeholder string to be displayed.\n */\n placeholder: PropTypes.string,\n /**\n * To specify whether TreeSelect field is required or not.\n */\n required: PropTypes.bool,\n /**\n * The search value to make search controlled. This is not required as basic search\n * works when `showSearch` is enabled.\n */\n searchValue: PropTypes.string,\n /**\n * To enable search for the TreeSelect component.\n */\n showSearch: PropTypes.bool,\n /**\n * To specify the size of the TreeSelect component.\n */\n size: PropTypes.oneOf([\"small\", \"middle\", \"large\"]),\n /**\n * To specify the icon at the end of the TreeSelect component.\n */\n suffixIcon: PropTypes.node,\n /**\n * To specify the icon next to options that have children.\n */\n switcherIcon: PropTypes.node,\n /**\n * The options to be passed to the TreeSelect component.\n */\n treeData: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n children: PropTypes.array,\n })\n ),\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n pId: PropTypes.string,\n })\n ),\n ]),\n /**\n * This prop specifies the format of data that has to be passed in the `treeData` prop.\n * When enabled, treeData can be a flat array of the form `{ id, label, value, pId }`.\n */\n treeDataSimpleMode: PropTypes.bool,\n /**\n * The currently selected option.\n */\n value: PropTypes.string,\n};\n\nexport default TreeSelect;\n"],"names":["TreeSelect","forwardRef","_ref","ref","_fieldNames$label","allowClear","className","_ref$disabled","disabled","error","fieldNames","_ref$label","label","onChange","_ref$placeholder","placeholder","_ref$required","required","_ref$showSearch","showSearch","_ref$size","size","suffixIcon","switcherIcon","treeData","_ref$treeDataSimpleMo","treeDataSimpleMode","value","popupClassName","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","i18n","SuffixIcon","Down","SwitcherIcon","React","createElement","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","nodeHoverBg","nodeSelectedBg","colorBgElevated","Label","_TreeSelect","_extends","dropdownStyle","zIndex","treeNodeFilterProp","undefined","classnames","notFoundContent","getLocale","props","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TreeSelect.js","sources":["../../src/components/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { TreeSelect as AntdTreeSelect, ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from \"utils\";\n\nimport { ANTD_LOCALE } from \"./constants\";\nimport Label from \"./Label\";\n\nconst TreeSelect = forwardRef(\n (\n {\n allowClear,\n className,\n disabled = false,\n error,\n fieldNames,\n label = \"\",\n onChange,\n placeholder = \"\",\n required = false,\n showSearch = false,\n size = \"middle\",\n suffixIcon,\n switcherIcon,\n treeData,\n treeDataSimpleMode = true,\n value,\n popupClassName,\n ...otherProps\n },\n ref\n ) => {\n const { t, i18n } = useTranslation();\n const SuffixIcon = suffixIcon ?? Down;\n\n const SwitcherIcon = switcherIcon ?? Down;\n\n return (\n <ConfigProvider\n locale={ANTD_LOCALE[i18n.language || \"en\"]}\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n TreeSelect: {\n nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n nodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n\n // Global overrides\n colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n },\n },\n }}\n >\n <div className=\"neeto-ui-input__wrapper\">\n {label && (\n <Label {...{ required }} data-testid=\"treeselect-label\">\n {label}\n </Label>\n )}\n <AntdTreeSelect\n {...{\n allowClear,\n disabled,\n fieldNames,\n onChange,\n placeholder,\n ref,\n showSearch,\n size,\n treeData,\n treeDataSimpleMode,\n }}\n data-cy=\"neeto-ui-tree-select-wrapper\"\n dropdownStyle={{ zIndex: 100000 }}\n suffixIcon={<SuffixIcon />}\n treeNodeFilterProp={fieldNames?.label ?? \"label\"}\n value={value || undefined}\n className={classnames(\"neeto-ui-tree-select__wrapper\", className, {\n \"neeto-ui-tree-select__error\": error,\n })}\n notFoundContent={\n // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n <div className=\"neeto-ui-text-center neeto-ui-p-1\">\n {getLocale(i18n, t, \"neetoui.treeSelect.noOptions\")}\n </div>\n }\n popupClassName={classnames(\n \"neeto-ui-tree-select-dropdown\",\n popupClassName\n )}\n switcherIcon={props => (\n <div {...props}>\n <SwitcherIcon />\n </div>\n )}\n {...otherProps}\n />\n {error && (\n <p className=\"neeto-ui-input__error\" data-testid=\"treeselect-error\">\n {error}\n </p>\n )}\n </div>\n </ConfigProvider>\n );\n }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nTreeSelect.propTypes = {\n /**\n * Controls whether the value is allowed to be cleared or not.\n */\n allowClear: PropTypes.bool,\n /**\n * To specify additional classes.\n */\n className: PropTypes.string,\n /**\n * To specify additional classes to the popup.\n */\n popupClassName: PropTypes.string,\n /**\n * To disable the TreeSelect component.\n */\n disabled: PropTypes.bool,\n /**\n * To display the specified error.\n */\n error: PropTypes.string,\n /**\n * This prop can be used to override the default keys of label and value pairs in options.\n */\n fieldNames: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n /**\n * To display a label above the TreeSelect component.\n */\n label: PropTypes.string,\n /**\n * The callback function that will be triggered when value changes.\n */\n onChange: PropTypes.func,\n /**\n * Callback function to be executed when search input changes that can be\n * used for advanced usecases. This is not necessary as basic search works\n * when `showSearch` is enabled.\n */\n onSearch: PropTypes.func,\n /**\n * The placeholder string to be displayed.\n */\n placeholder: PropTypes.string,\n /**\n * To specify whether TreeSelect field is required or not.\n */\n required: PropTypes.bool,\n /**\n * The search value to make search controlled. This is not required as basic search\n * works when `showSearch` is enabled.\n */\n searchValue: PropTypes.string,\n /**\n * To enable search for the TreeSelect component.\n */\n showSearch: PropTypes.bool,\n /**\n * To specify the size of the TreeSelect component.\n */\n size: PropTypes.oneOf([\"small\", \"middle\", \"large\"]),\n /**\n * To specify the icon at the end of the TreeSelect component.\n */\n suffixIcon: PropTypes.node,\n /**\n * To specify the icon next to options that have children.\n */\n switcherIcon: PropTypes.node,\n /**\n * The options to be passed to the TreeSelect component.\n */\n treeData: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n children: PropTypes.array,\n })\n ),\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n pId: PropTypes.string,\n })\n ),\n ]),\n /**\n * This prop specifies the format of data that has to be passed in the `treeData` prop.\n * When enabled, treeData can be a flat array of the form `{ id, label, value, pId }`.\n */\n treeDataSimpleMode: PropTypes.bool,\n /**\n * The currently selected option.\n */\n value: PropTypes.string,\n};\n\nexport default TreeSelect;\n"],"names":["TreeSelect","forwardRef","_ref","ref","_fieldNames$label","allowClear","className","_ref$disabled","disabled","error","fieldNames","_ref$label","label","onChange","_ref$placeholder","placeholder","_ref$required","required","_ref$showSearch","showSearch","_ref$size","size","suffixIcon","switcherIcon","treeData","_ref$treeDataSimpleMo","treeDataSimpleMode","value","popupClassName","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","i18n","SuffixIcon","Down","SwitcherIcon","React","createElement","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","nodeHoverBg","nodeSelectedBg","colorBgElevated","Label","_TreeSelect","_extends","dropdownStyle","zIndex","treeNodeFilterProp","undefined","classnames","notFoundContent","getLocale","props","displayName"],"mappings":"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"}
|
package/dist/cjs/Typography.js
CHANGED
|
@@ -6,14 +6,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
8
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
12
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
13
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
14
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
16
|
-
|
|
17
9
|
var _excluded = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
|
|
18
10
|
var FONT_WEIGHTS = {
|
|
19
11
|
thin: "thin",
|
|
@@ -92,7 +84,7 @@ var COMPONENTS = {
|
|
|
92
84
|
code: "code",
|
|
93
85
|
blockquote: "blockquote"
|
|
94
86
|
};
|
|
95
|
-
var Typography = /*#__PURE__*/
|
|
87
|
+
var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
96
88
|
var _ref$style = _ref.style,
|
|
97
89
|
style = _ref$style === void 0 ? "body1" : _ref$style,
|
|
98
90
|
weight = _ref.weight,
|
|
@@ -102,11 +94,11 @@ var Typography = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
|
102
94
|
textTransform = _ref.textTransform,
|
|
103
95
|
_ref$className = _ref.className,
|
|
104
96
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
105
|
-
otherProps =
|
|
97
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
106
98
|
var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
|
|
107
|
-
return /*#__PURE__*/
|
|
99
|
+
return /*#__PURE__*/React.createElement(Component, _extends({
|
|
108
100
|
ref: ref,
|
|
109
|
-
className:
|
|
101
|
+
className: classnames(_defineProperty({
|
|
110
102
|
"neeto-ui-typography": true,
|
|
111
103
|
"neeto-ui-text-h1": style === STYLES.h1,
|
|
112
104
|
"neeto-ui-text-h2": style === STYLES.h2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../src/components/Typography.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst FONT_WEIGHTS = {\n thin: \"thin\",\n extralight: \"extralight\",\n light: \"light\",\n normal: \"normal\",\n medium: \"medium\",\n semibold: \"semibold\",\n bold: \"bold\",\n extrabold: \"extrabold\",\n black: \"black\",\n};\n\nconst STYLES = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"body1\",\n body2: \"body2\",\n body3: \"body3\",\n nano: \"nano\",\n};\n\nconst LINE_HEIGHTS = {\n none: \"none\",\n tight: \"tight\",\n snug: \"snug\",\n normal: \"normal\",\n relaxed: \"relaxed\",\n loose: \"loose\",\n};\n\nconst TEXT_TRANSFORM = {\n none: \"none\",\n capitalize: \"capitalize\",\n uppercase: \"uppercase\",\n lowercase: \"lowercase\",\n fullwidth: \"fullwidth\",\n inherit: \"inherit\",\n initial: \"initial\",\n revert: \"revert\",\n unset: \"unset\",\n};\n\nconst DEFAULT_COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"p\",\n body2: \"p\",\n body3: \"p\",\n nano: \"span\",\n};\n\nconst COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n p: \"p\",\n span: \"span\",\n b: \"b\",\n strong: \"strong\",\n i: \"i\",\n em: \"em\",\n mark: \"mark\",\n del: \"del\",\n s: \"s\",\n ins: \"ins\",\n sub: \"sub\",\n sup: \"sup\",\n u: \"u\",\n code: \"code\",\n blockquote: \"blockquote\",\n};\n\nconst Typography = React.forwardRef(\n (\n {\n style = \"body1\",\n weight,\n lineHeight,\n component,\n children,\n textTransform,\n className = \"\",\n ...otherProps\n },\n ref\n ) => {\n const Component = component\n ? COMPONENTS[component]\n : style\n ? DEFAULT_COMPONENTS[style]\n : \"p\";\n\n return (\n <Component\n ref={ref}\n className={classnames({\n \"neeto-ui-typography\": true,\n \"neeto-ui-text-h1\": style === STYLES.h1,\n \"neeto-ui-text-h2\": style === STYLES.h2,\n \"neeto-ui-text-h3\": style === STYLES.h3,\n \"neeto-ui-text-h4\": style === STYLES.h4,\n \"neeto-ui-text-h5\": style === STYLES.h5,\n \"neeto-ui-text-h6\": style === STYLES.h6,\n \"neeto-ui-text-body1\": style === STYLES.body1,\n \"neeto-ui-text-body2\": style === STYLES.body2,\n \"neeto-ui-text-body3\": style === STYLES.body3,\n \"neeto-ui-text-nano\": style === STYLES.nano,\n \"neeto-ui-text-transform-none\": textTransform === TEXT_TRANSFORM.none,\n \"neeto-ui-text-transform-capitalize\":\n textTransform === TEXT_TRANSFORM.capitalize,\n \"neeto-ui-text-transform-uppercase\":\n textTransform === TEXT_TRANSFORM.uppercase,\n \"neeto-ui-text-transform-lowercase\":\n textTransform === TEXT_TRANSFORM.lowercase,\n \"neeto-ui-text-transform-fullwidth\":\n textTransform === TEXT_TRANSFORM.fullwidth,\n \"neeto-ui-text-transform-inherit\":\n textTransform === TEXT_TRANSFORM.inherit,\n \"neeto-ui-text-transform-initial\":\n textTransform === TEXT_TRANSFORM.initial,\n \"neeto-ui-text-transform-revert\":\n textTransform === TEXT_TRANSFORM.revert,\n \"neeto-ui-text-transform-unset\":\n textTransform === TEXT_TRANSFORM.unset,\n \"neeto-ui-font-thin\": weight === FONT_WEIGHTS.thin,\n \"neeto-ui-font-extralight\": weight === FONT_WEIGHTS.extralight,\n \"neeto-ui-font-light\": weight === FONT_WEIGHTS.light,\n \"neeto-ui-font-normal\": weight === FONT_WEIGHTS.normal,\n \"neeto-ui-font-medium\": weight === FONT_WEIGHTS.medium,\n \"neeto-ui-font-semibold\": weight === FONT_WEIGHTS.semibold,\n \"neeto-ui-font-bold\": weight === FONT_WEIGHTS.bold,\n \"neeto-ui-font-extrabold\": weight === FONT_WEIGHTS.extrabold,\n \"neeto-ui-font-black\": weight === FONT_WEIGHTS.black,\n \"neeto-ui-leading-none\": lineHeight === LINE_HEIGHTS.none,\n \"neeto-ui-leading-tight\": lineHeight === LINE_HEIGHTS.tight,\n \"neeto-ui-leading-snug\": lineHeight === LINE_HEIGHTS.snug,\n \"neeto-ui-leading-normal\": lineHeight === LINE_HEIGHTS.normal,\n \"neeto-ui-leading-relaxed\": lineHeight === LINE_HEIGHTS.relaxed,\n \"neeto-ui-leading-loose\": lineHeight === LINE_HEIGHTS.loose,\n [className]: className,\n })}\n {...otherProps}\n >\n {children}\n </Component>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n\nTypography.propTypes = {\n style: PropTypes.oneOf(Object.values(STYLES)),\n weight: PropTypes.oneOf(Object.values(FONT_WEIGHTS)),\n component: PropTypes.oneOf(Object.values(COMPONENTS)),\n textTransform: PropTypes.oneOf(Object.values(TEXT_TRANSFORM)),\n lineHeight: PropTypes.oneOf(Object.values(LINE_HEIGHTS)),\n otherProps: PropTypes.object,\n};\n\nexport default Typography;\n"],"names":["FONT_WEIGHTS","thin","extralight","light","normal","medium","semibold","bold","extrabold","black","STYLES","h1","h2","h3","h4","h5","h6","body1","body2","body3","nano","LINE_HEIGHTS","none","tight","snug","relaxed","loose","TEXT_TRANSFORM","capitalize","uppercase","lowercase","fullwidth","inherit","initial","revert","unset","DEFAULT_COMPONENTS","COMPONENTS","p","span","b","strong","i","em","mark","del","s","ins","sub","sup","u","code","blockquote","Typography","React","forwardRef","_ref","ref","_ref$style","style","weight","lineHeight","component","children","textTransform","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","Component","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../src/components/Typography.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst FONT_WEIGHTS = {\n thin: \"thin\",\n extralight: \"extralight\",\n light: \"light\",\n normal: \"normal\",\n medium: \"medium\",\n semibold: \"semibold\",\n bold: \"bold\",\n extrabold: \"extrabold\",\n black: \"black\",\n};\n\nconst STYLES = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"body1\",\n body2: \"body2\",\n body3: \"body3\",\n nano: \"nano\",\n};\n\nconst LINE_HEIGHTS = {\n none: \"none\",\n tight: \"tight\",\n snug: \"snug\",\n normal: \"normal\",\n relaxed: \"relaxed\",\n loose: \"loose\",\n};\n\nconst TEXT_TRANSFORM = {\n none: \"none\",\n capitalize: \"capitalize\",\n uppercase: \"uppercase\",\n lowercase: \"lowercase\",\n fullwidth: \"fullwidth\",\n inherit: \"inherit\",\n initial: \"initial\",\n revert: \"revert\",\n unset: \"unset\",\n};\n\nconst DEFAULT_COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"p\",\n body2: \"p\",\n body3: \"p\",\n nano: \"span\",\n};\n\nconst COMPONENTS = {\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n p: \"p\",\n span: \"span\",\n b: \"b\",\n strong: \"strong\",\n i: \"i\",\n em: \"em\",\n mark: \"mark\",\n del: \"del\",\n s: \"s\",\n ins: \"ins\",\n sub: \"sub\",\n sup: \"sup\",\n u: \"u\",\n code: \"code\",\n blockquote: \"blockquote\",\n};\n\nconst Typography = React.forwardRef(\n (\n {\n style = \"body1\",\n weight,\n lineHeight,\n component,\n children,\n textTransform,\n className = \"\",\n ...otherProps\n },\n ref\n ) => {\n const Component = component\n ? COMPONENTS[component]\n : style\n ? DEFAULT_COMPONENTS[style]\n : \"p\";\n\n return (\n <Component\n ref={ref}\n className={classnames({\n \"neeto-ui-typography\": true,\n \"neeto-ui-text-h1\": style === STYLES.h1,\n \"neeto-ui-text-h2\": style === STYLES.h2,\n \"neeto-ui-text-h3\": style === STYLES.h3,\n \"neeto-ui-text-h4\": style === STYLES.h4,\n \"neeto-ui-text-h5\": style === STYLES.h5,\n \"neeto-ui-text-h6\": style === STYLES.h6,\n \"neeto-ui-text-body1\": style === STYLES.body1,\n \"neeto-ui-text-body2\": style === STYLES.body2,\n \"neeto-ui-text-body3\": style === STYLES.body3,\n \"neeto-ui-text-nano\": style === STYLES.nano,\n \"neeto-ui-text-transform-none\": textTransform === TEXT_TRANSFORM.none,\n \"neeto-ui-text-transform-capitalize\":\n textTransform === TEXT_TRANSFORM.capitalize,\n \"neeto-ui-text-transform-uppercase\":\n textTransform === TEXT_TRANSFORM.uppercase,\n \"neeto-ui-text-transform-lowercase\":\n textTransform === TEXT_TRANSFORM.lowercase,\n \"neeto-ui-text-transform-fullwidth\":\n textTransform === TEXT_TRANSFORM.fullwidth,\n \"neeto-ui-text-transform-inherit\":\n textTransform === TEXT_TRANSFORM.inherit,\n \"neeto-ui-text-transform-initial\":\n textTransform === TEXT_TRANSFORM.initial,\n \"neeto-ui-text-transform-revert\":\n textTransform === TEXT_TRANSFORM.revert,\n \"neeto-ui-text-transform-unset\":\n textTransform === TEXT_TRANSFORM.unset,\n \"neeto-ui-font-thin\": weight === FONT_WEIGHTS.thin,\n \"neeto-ui-font-extralight\": weight === FONT_WEIGHTS.extralight,\n \"neeto-ui-font-light\": weight === FONT_WEIGHTS.light,\n \"neeto-ui-font-normal\": weight === FONT_WEIGHTS.normal,\n \"neeto-ui-font-medium\": weight === FONT_WEIGHTS.medium,\n \"neeto-ui-font-semibold\": weight === FONT_WEIGHTS.semibold,\n \"neeto-ui-font-bold\": weight === FONT_WEIGHTS.bold,\n \"neeto-ui-font-extrabold\": weight === FONT_WEIGHTS.extrabold,\n \"neeto-ui-font-black\": weight === FONT_WEIGHTS.black,\n \"neeto-ui-leading-none\": lineHeight === LINE_HEIGHTS.none,\n \"neeto-ui-leading-tight\": lineHeight === LINE_HEIGHTS.tight,\n \"neeto-ui-leading-snug\": lineHeight === LINE_HEIGHTS.snug,\n \"neeto-ui-leading-normal\": lineHeight === LINE_HEIGHTS.normal,\n \"neeto-ui-leading-relaxed\": lineHeight === LINE_HEIGHTS.relaxed,\n \"neeto-ui-leading-loose\": lineHeight === LINE_HEIGHTS.loose,\n [className]: className,\n })}\n {...otherProps}\n >\n {children}\n </Component>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n\nTypography.propTypes = {\n style: PropTypes.oneOf(Object.values(STYLES)),\n weight: PropTypes.oneOf(Object.values(FONT_WEIGHTS)),\n component: PropTypes.oneOf(Object.values(COMPONENTS)),\n textTransform: PropTypes.oneOf(Object.values(TEXT_TRANSFORM)),\n lineHeight: PropTypes.oneOf(Object.values(LINE_HEIGHTS)),\n otherProps: PropTypes.object,\n};\n\nexport default Typography;\n"],"names":["FONT_WEIGHTS","thin","extralight","light","normal","medium","semibold","bold","extrabold","black","STYLES","h1","h2","h3","h4","h5","h6","body1","body2","body3","nano","LINE_HEIGHTS","none","tight","snug","relaxed","loose","TEXT_TRANSFORM","capitalize","uppercase","lowercase","fullwidth","inherit","initial","revert","unset","DEFAULT_COMPONENTS","COMPONENTS","p","span","b","strong","i","em","mark","del","s","ins","sub","sup","u","code","blockquote","Typography","React","forwardRef","_ref","ref","_ref$style","style","weight","lineHeight","component","children","textTransform","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","Component","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":"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"}
|
package/dist/cjs/constants.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var deDE = require('antd/locale/de_DE');
|
|
6
4
|
var enUS = require('antd/locale/en_US');
|
|
7
5
|
var esES = require('antd/locale/es_ES');
|
|
@@ -10,24 +8,14 @@ var nlNL = require('antd/locale/nl_NL');
|
|
|
10
8
|
var plPL = require('antd/locale/pl_PL');
|
|
11
9
|
var ptPT = require('antd/locale/pt_PT');
|
|
12
10
|
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
-
|
|
15
|
-
var deDE__default = /*#__PURE__*/_interopDefaultLegacy(deDE);
|
|
16
|
-
var enUS__default = /*#__PURE__*/_interopDefaultLegacy(enUS);
|
|
17
|
-
var esES__default = /*#__PURE__*/_interopDefaultLegacy(esES);
|
|
18
|
-
var frFR__default = /*#__PURE__*/_interopDefaultLegacy(frFR);
|
|
19
|
-
var nlNL__default = /*#__PURE__*/_interopDefaultLegacy(nlNL);
|
|
20
|
-
var plPL__default = /*#__PURE__*/_interopDefaultLegacy(plPL);
|
|
21
|
-
var ptPT__default = /*#__PURE__*/_interopDefaultLegacy(ptPT);
|
|
22
|
-
|
|
23
11
|
var ANTD_LOCALE = {
|
|
24
|
-
en:
|
|
25
|
-
es:
|
|
26
|
-
fr:
|
|
27
|
-
de:
|
|
28
|
-
nl:
|
|
29
|
-
pl:
|
|
30
|
-
pt:
|
|
12
|
+
en: enUS,
|
|
13
|
+
es: esES,
|
|
14
|
+
fr: frFR,
|
|
15
|
+
de: deDE,
|
|
16
|
+
nl: nlNL,
|
|
17
|
+
pl: plPL,
|
|
18
|
+
pt: ptPT
|
|
31
19
|
};
|
|
32
20
|
|
|
33
21
|
exports.ANTD_LOCALE = ANTD_LOCALE;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../src/components/constants.js"],"sourcesContent":["import deDE from \"antd/locale/de_DE\";\nimport enUS from \"antd/locale/en_US\";\nimport esES from \"antd/locale/es_ES\";\nimport frFR from \"antd/locale/fr_FR\";\nimport nlNL from \"antd/locale/nl_NL\";\nimport plPL from \"antd/locale/pl_PL\";\nimport ptPT from \"antd/locale/pt_PT\";\n\nexport const ANTD_LOCALE = {\n en: enUS,\n es: esES,\n fr: frFR,\n de: deDE,\n nl: nlNL,\n pl: plPL,\n pt: ptPT,\n};\n"],"names":["ANTD_LOCALE","en","enUS","es","esES","fr","frFR","de","deDE","nl","nlNL","pl","plPL","pt","ptPT"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../src/components/constants.js"],"sourcesContent":["import deDE from \"antd/locale/de_DE\";\nimport enUS from \"antd/locale/en_US\";\nimport esES from \"antd/locale/es_ES\";\nimport frFR from \"antd/locale/fr_FR\";\nimport nlNL from \"antd/locale/nl_NL\";\nimport plPL from \"antd/locale/pl_PL\";\nimport ptPT from \"antd/locale/pt_PT\";\n\nexport const ANTD_LOCALE = {\n en: enUS,\n es: esES,\n fr: frFR,\n de: deDE,\n nl: nlNL,\n pl: plPL,\n pt: ptPT,\n};\n"],"names":["ANTD_LOCALE","en","enUS","es","esES","fr","frFR","de","deDE","nl","nlNL","pl","plPL","pt","ptPT"],"mappings":";;;;;;;;;;AAQO,IAAMA,WAAW,GAAG;AACzBC,EAAAA,EAAE,EAAEC,IAAI;AACRC,EAAAA,EAAE,EAAEC,IAAI;AACRC,EAAAA,EAAE,EAAEC,IAAI;AACRC,EAAAA,EAAE,EAAEC,IAAI;AACRC,EAAAA,EAAE,EAAEC,IAAI;AACRC,EAAAA,EAAE,EAAEC,IAAI;AACRC,EAAAA,EAAE,EAAEC,IAAAA;AACN;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"en-1dfvTYgC.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|