@bigbinary/neetoui 8.3.30 → 8.3.31
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/Accordion.js +94 -76
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +29 -32
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +44 -38
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +28 -22
- package/dist/Avatar.js.map +1 -1
- package/dist/Button.js +45 -43
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +12 -7
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +35 -28
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +134 -117
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +25 -9
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +75 -83
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +82 -70
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +13 -7
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +59 -40
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +76 -65
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +118 -99
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +55 -39
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +64 -52
- package/dist/Pagination.js.map +1 -1
- package/dist/Pane.js +66 -56
- package/dist/Pane.js.map +1 -1
- package/dist/Popover.js +10 -7
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +20 -17
- package/dist/ProgressBar.js.map +1 -1
- package/dist/Radio.js +50 -40
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +111 -90
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +265 -216
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +45 -38
- package/dist/Slider.js.map +1 -1
- package/dist/Spinner.js +3 -2
- package/dist/Spinner.js.map +1 -1
- package/dist/Stepper.js +33 -26
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +56 -46
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +17 -11
- package/dist/Tab.js.map +1 -1
- package/dist/Table.js +221 -182
- package/dist/Table.js.map +1 -1
- package/dist/Tag.js +31 -24
- package/dist/Tag.js.map +1 -1
- package/dist/{Textarea-DlEGZFfG.js → Textarea-D1gsiIxm.js} +66 -56
- package/dist/{Textarea-DlEGZFfG.js.map → Textarea-D1gsiIxm.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +25 -9
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +46 -37
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +10 -6
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +6 -4
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +17 -15
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +65 -58
- package/dist/TreeSelect.js.map +1 -1
- package/dist/Typography.js +7 -3
- package/dist/Typography.js.map +1 -1
- package/dist/cjs/Accordion.js +94 -76
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +29 -32
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +43 -37
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +27 -21
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +45 -43
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +11 -6
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +34 -27
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +132 -115
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +25 -9
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +74 -82
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +81 -69
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +13 -7
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +59 -40
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +76 -65
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +117 -98
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +55 -39
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +63 -51
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +65 -55
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +10 -7
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +20 -17
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +49 -39
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +110 -89
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +268 -219
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +45 -38
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +3 -2
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +33 -26
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +55 -45
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +17 -11
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +224 -185
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +30 -23
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-CiUKmQHr.js → Textarea-BzBZbgdT.js} +65 -55
- package/dist/cjs/{Textarea-CiUKmQHr.js.map → Textarea-BzBZbgdT.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +25 -9
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +45 -36
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +10 -6
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +5 -3
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +17 -15
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +66 -59
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +7 -3
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +16 -9
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +40 -30
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +5 -3
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +29 -28
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +53 -47
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +27 -26
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +10 -6
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -7
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +15 -10
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -7
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +31 -28
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +28 -27
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +8 -5
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +11 -7
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-eifA8CnA.js → index-Dv40T5Ly.js} +195 -169
- package/dist/cjs/{index-eifA8CnA.js.map → index-Dv40T5Ly.js.map} +1 -1
- package/dist/cjs/{index--BeRLo6L.js → index-h3QcOeWw.js} +12 -14
- package/dist/cjs/{index--BeRLo6L.js.map → index-h3QcOeWw.js.map} +1 -1
- package/dist/cjs/index.css +1 -2
- package/dist/cjs/index.js +26 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +8 -3
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/overlayManager.js +1 -2
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-Bdv9YAMt.js → react-select-creatable.esm-lcdODVBz.js} +449 -243
- package/dist/cjs/react-select-creatable.esm-lcdODVBz.js.map +1 -0
- package/dist/cjs/useId-DXHUzdxd.js.map +1 -1
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js → useOverlayManager-Bj58uLfc.js} +14 -9
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js.map → useOverlayManager-Bj58uLfc.js.map} +1 -1
- package/dist/cjs/useQueryParams-BrrbBvY_.js +18 -0
- package/dist/cjs/{useQueryParams-l5fJJYCR.js.map → useQueryParams-BrrbBvY_.js.map} +1 -1
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js +1239 -0
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js.map +1 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js +236 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js.map +1 -0
- package/dist/constants.js.map +1 -1
- package/dist/formik/ActionBlock.js +16 -9
- package/dist/formik/ActionBlock.js.map +1 -1
- package/dist/formik/BlockNavigation.js +41 -31
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +6 -4
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +30 -29
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +54 -48
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +28 -27
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +11 -7
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +7 -7
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +17 -12
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +8 -8
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +31 -28
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +29 -28
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +9 -6
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +11 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-Dxaw6gl9.js → index-D6vmwyYl.js} +14 -16
- package/dist/index-D6vmwyYl.js.map +1 -0
- package/dist/{index-ITIifSw4.js → index-D6yXgUQN.js} +196 -170
- package/dist/{index-ITIifSw4.js.map → index-D6yXgUQN.js.map} +1 -1
- package/dist/index.css +1 -2
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +8 -3
- package/dist/layouts.js.map +1 -1
- package/dist/overlayManager.js +1 -2
- package/dist/overlayManager.js.map +1 -1
- package/dist/{react-select-creatable.esm-Dx_vEnyD.js → react-select-creatable.esm-opiJTCqo.js} +450 -244
- package/dist/react-select-creatable.esm-opiJTCqo.js.map +1 -0
- package/dist/useId-Jj9hXm-g.js.map +1 -1
- package/dist/{useOverlayManager-AZIGhUYS.js → useOverlayManager-BzuBvhPZ.js} +14 -9
- package/dist/{useOverlayManager-AZIGhUYS.js.map → useOverlayManager-BzuBvhPZ.js.map} +1 -1
- package/dist/useQueryParams-BKsf4FPY.js +16 -0
- package/dist/{useQueryParams-b60CHFUx.js.map → useQueryParams-BKsf4FPY.js.map} +1 -1
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js +1236 -0
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js.map +1 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js +225 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js.map +1 -0
- package/package.json +42 -48
- package/dist/cjs/react-select-creatable.esm-Bdv9YAMt.js.map +0 -1
- package/dist/cjs/useQueryParams-l5fJJYCR.js +0 -18
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js +0 -1270
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js.map +0 -1
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js +0 -218
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js.map +0 -1
- package/dist/index-Dxaw6gl9.js.map +0 -1
- package/dist/react-select-creatable.esm-Dx_vEnyD.js.map +0 -1
- package/dist/useQueryParams-b60CHFUx.js +0 -16
- package/dist/useRecentlyUsedColors-CqUfqfck.js +0 -1267
- package/dist/useRecentlyUsedColors-CqUfqfck.js.map +0 -1
- package/dist/useRestoreScrollPosition-C1NSANQW.js +0 -207
- package/dist/useRestoreScrollPosition-C1NSANQW.js.map +0 -1
- package/src/translations/ar.json +0 -41
- package/src/translations/bg.json +0 -41
- package/src/translations/ca.json +0 -41
- package/src/translations/cs.json +0 -41
- package/src/translations/da.json +0 -41
- package/src/translations/de.json +0 -41
- package/src/translations/en.json +0 -41
- package/src/translations/es-MX.json +0 -41
- package/src/translations/es.json +0 -41
- package/src/translations/et.json +0 -41
- package/src/translations/fi.json +0 -41
- package/src/translations/fil.json +0 -41
- package/src/translations/fr.json +0 -41
- package/src/translations/hi.json +0 -41
- package/src/translations/hr.json +0 -41
- package/src/translations/id.json +0 -41
- package/src/translations/index.js +0 -18
- package/src/translations/it.json +0 -41
- package/src/translations/ja.json +0 -41
- package/src/translations/ko.json +0 -41
- package/src/translations/nl.json +0 -41
- package/src/translations/pl.json +0 -41
- package/src/translations/pt-BR.json +0 -41
- package/src/translations/pt.json +0 -41
- package/src/translations/ro.json +0 -41
- package/src/translations/ru.json +0 -41
- package/src/translations/sk.json +0 -41
- package/src/translations/sl.json +0 -41
- package/src/translations/sv.json +0 -41
- package/src/translations/th.json +0 -41
- package/src/translations/tr.json +0 -41
- package/src/translations/uk.json +0 -41
- package/src/translations/vi.json +0 -41
- package/src/translations/zh-CN.json +0 -41
- package/src/translations/zh-TW.json +0 -41
package/dist/cjs/Typography.js
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var classnames = require('classnames');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
9
|
var _excluded = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
|
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
12
|
var FONT_WEIGHTS = {
|
|
11
13
|
thin: "thin",
|
|
12
14
|
extralight: "extralight",
|
|
@@ -96,7 +98,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
96
98
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
97
99
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
98
100
|
var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
|
|
99
|
-
return /*#__PURE__*/
|
|
101
|
+
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({
|
|
100
102
|
ref: ref,
|
|
101
103
|
className: classnames(_defineProperty({
|
|
102
104
|
"neeto-ui-typography": true,
|
|
@@ -135,7 +137,9 @@ var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
135
137
|
"neeto-ui-leading-relaxed": lineHeight === LINE_HEIGHTS.relaxed,
|
|
136
138
|
"neeto-ui-leading-loose": lineHeight === LINE_HEIGHTS.loose
|
|
137
139
|
}, className, className))
|
|
138
|
-
}, otherProps),
|
|
140
|
+
}, otherProps), {}, {
|
|
141
|
+
children: children
|
|
142
|
+
}));
|
|
139
143
|
});
|
|
140
144
|
Typography.displayName = "Typography";
|
|
141
145
|
|
|
@@ -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","_jsx","_objectSpread","classnames","_defineProperty","displayName"],"mappings":"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"}
|
|
@@ -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":";;;;;;;;;;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
|
|
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;AACN;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('react');
|
|
5
5
|
var classnames = require('classnames');
|
|
6
6
|
var formik = require('formik');
|
|
7
7
|
var reactI18next = require('react-i18next');
|
|
8
8
|
var Button = require('../Button.js');
|
|
9
|
-
var index = require('../index
|
|
9
|
+
var index = require('../index-h3QcOeWw.js');
|
|
10
10
|
var formik_Button = require('./Button.js');
|
|
11
|
-
require('
|
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
13
13
|
require('react-router-dom');
|
|
14
14
|
require('../Spinner.js');
|
|
@@ -29,6 +29,8 @@ require('dayjs/plugin/utc');
|
|
|
29
29
|
require('dayjs/plugin/weekday');
|
|
30
30
|
require('dayjs/plugin/weekOfYear');
|
|
31
31
|
|
|
32
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
33
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
32
34
|
var POSITIONS = {
|
|
33
35
|
left: "left",
|
|
34
36
|
right: "right"
|
|
@@ -49,7 +51,7 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
49
51
|
dirty = _useFormikContext.dirty;
|
|
50
52
|
var isSubmitting = isFormSubmitting !== null && isFormSubmitting !== void 0 ? isFormSubmitting : isFormikSubmitting;
|
|
51
53
|
var isButtonPositionRight = position === POSITIONS.right;
|
|
52
|
-
var cancelButton = /*#__PURE__*/
|
|
54
|
+
var cancelButton = /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
53
55
|
"data-cy": "cancel-button",
|
|
54
56
|
"data-test-id": "cancel-button",
|
|
55
57
|
disabled: isSubmitting,
|
|
@@ -60,7 +62,7 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
60
62
|
return e.preventDefault();
|
|
61
63
|
}
|
|
62
64
|
}, cancelButtonProps));
|
|
63
|
-
var submitButton = /*#__PURE__*/
|
|
65
|
+
var submitButton = /*#__PURE__*/jsxRuntime.jsx(formik_Button, _objectSpread({
|
|
64
66
|
"data-cy": "save-changes-button",
|
|
65
67
|
"data-test-id": "save-changes-button",
|
|
66
68
|
disabled: isSubmitting || !dirty,
|
|
@@ -69,11 +71,16 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
69
71
|
style: "primary",
|
|
70
72
|
type: "submit"
|
|
71
73
|
}, submitButtonProps));
|
|
72
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
73
75
|
className: classnames(["neeto-ui-action-block__wrapper", {
|
|
74
76
|
"justify-end": isButtonPositionRight
|
|
75
|
-
}, className])
|
|
76
|
-
|
|
77
|
+
}, className]),
|
|
78
|
+
children: isButtonPositionRight ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
79
|
+
children: [cancelButton, submitButton]
|
|
80
|
+
}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
81
|
+
children: [submitButton, cancelButton]
|
|
82
|
+
})
|
|
83
|
+
});
|
|
77
84
|
};
|
|
78
85
|
|
|
79
86
|
module.exports = ActionBlock;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBlock.js","sources":["../../../src/formik/ActionBlock.jsx"],"sourcesContent":["/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React from \"react\";\n\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Button from \"components/Button\";\nimport { getLocale } from \"utils\";\n\nimport SubmitButton from \"./Button\";\n\nconst POSITIONS = { left: \"left\", right: \"right\" };\n\nconst ActionBlock = ({\n className,\n submitButtonProps,\n cancelButtonProps,\n isSubmitting: isFormSubmitting,\n position = POSITIONS.left,\n}) => {\n const { t, i18n } = useTranslation();\n\n const {\n handleReset,\n isSubmitting: isFormikSubmitting,\n dirty,\n } = useFormikContext();\n\n const isSubmitting = isFormSubmitting ?? isFormikSubmitting;\n const isButtonPositionRight = position === POSITIONS.right;\n\n const cancelButton = (\n <Button\n data-cy=\"cancel-button\"\n data-test-id=\"cancel-button\"\n disabled={isSubmitting}\n label={getLocale(i18n, t, \"neetoui.actionBlock.cancel\")}\n style=\"text\"\n onClick={handleReset}\n onMouseDown={e => e.preventDefault()}\n {...cancelButtonProps}\n />\n );\n\n const submitButton = (\n <SubmitButton\n data-cy=\"save-changes-button\"\n data-test-id=\"save-changes-button\"\n disabled={isSubmitting || !dirty}\n label={getLocale(i18n, t, \"neetoui.actionBlock.saveChanges\")}\n loading={isSubmitting}\n style=\"primary\"\n type=\"submit\"\n {...submitButtonProps}\n />\n );\n\n return (\n <div\n className={classnames([\n \"neeto-ui-action-block__wrapper\",\n { \"justify-end\": isButtonPositionRight },\n className,\n ])}\n >\n {isButtonPositionRight ? (\n <>\n {cancelButton}\n {submitButton}\n </>\n ) : (\n <>\n {submitButton}\n {cancelButton}\n </>\n )}\n </div>\n );\n};\n\nActionBlock.propTypes = {\n /**\n * To specify additional classnames for action block.\n */\n className: PropTypes.string,\n /**\n * To provide props for submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To provide props for cancel button.\n */\n cancelButtonProps: PropTypes.object,\n /**\n * Optional prop to specify the state of form submission, typically used to provide React Query mutation loading state. If not provided, Formik's `isSubmitting` prop is used.\n */\n isSubmitting: PropTypes.bool,\n /**\n * Determines the alignment of buttons in ActionBlock components. Set to `right` when using ActionBlock to right-align both buttons. Defaults to `left`, left-aligning both buttons.\n */\n position: PropTypes.oneOf(Object.values(POSITIONS)),\n};\n\nexport default ActionBlock;\n"],"names":["POSITIONS","left","right","ActionBlock","_ref","className","submitButtonProps","cancelButtonProps","isFormSubmitting","isSubmitting","_ref$position","position","_useTranslation","useTranslation","t","i18n","_useFormikContext","useFormikContext","handleReset","isFormikSubmitting","dirty","isButtonPositionRight","cancelButton","
|
|
1
|
+
{"version":3,"file":"ActionBlock.js","sources":["../../../src/formik/ActionBlock.jsx"],"sourcesContent":["/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React from \"react\";\n\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Button from \"components/Button\";\nimport { getLocale } from \"utils\";\n\nimport SubmitButton from \"./Button\";\n\nconst POSITIONS = { left: \"left\", right: \"right\" };\n\nconst ActionBlock = ({\n className,\n submitButtonProps,\n cancelButtonProps,\n isSubmitting: isFormSubmitting,\n position = POSITIONS.left,\n}) => {\n const { t, i18n } = useTranslation();\n\n const {\n handleReset,\n isSubmitting: isFormikSubmitting,\n dirty,\n } = useFormikContext();\n\n const isSubmitting = isFormSubmitting ?? isFormikSubmitting;\n const isButtonPositionRight = position === POSITIONS.right;\n\n const cancelButton = (\n <Button\n data-cy=\"cancel-button\"\n data-test-id=\"cancel-button\"\n disabled={isSubmitting}\n label={getLocale(i18n, t, \"neetoui.actionBlock.cancel\")}\n style=\"text\"\n onClick={handleReset}\n onMouseDown={e => e.preventDefault()}\n {...cancelButtonProps}\n />\n );\n\n const submitButton = (\n <SubmitButton\n data-cy=\"save-changes-button\"\n data-test-id=\"save-changes-button\"\n disabled={isSubmitting || !dirty}\n label={getLocale(i18n, t, \"neetoui.actionBlock.saveChanges\")}\n loading={isSubmitting}\n style=\"primary\"\n type=\"submit\"\n {...submitButtonProps}\n />\n );\n\n return (\n <div\n className={classnames([\n \"neeto-ui-action-block__wrapper\",\n { \"justify-end\": isButtonPositionRight },\n className,\n ])}\n >\n {isButtonPositionRight ? (\n <>\n {cancelButton}\n {submitButton}\n </>\n ) : (\n <>\n {submitButton}\n {cancelButton}\n </>\n )}\n </div>\n );\n};\n\nActionBlock.propTypes = {\n /**\n * To specify additional classnames for action block.\n */\n className: PropTypes.string,\n /**\n * To provide props for submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To provide props for cancel button.\n */\n cancelButtonProps: PropTypes.object,\n /**\n * Optional prop to specify the state of form submission, typically used to provide React Query mutation loading state. If not provided, Formik's `isSubmitting` prop is used.\n */\n isSubmitting: PropTypes.bool,\n /**\n * Determines the alignment of buttons in ActionBlock components. Set to `right` when using ActionBlock to right-align both buttons. Defaults to `left`, left-aligning both buttons.\n */\n position: PropTypes.oneOf(Object.values(POSITIONS)),\n};\n\nexport default ActionBlock;\n"],"names":["POSITIONS","left","right","ActionBlock","_ref","className","submitButtonProps","cancelButtonProps","isFormSubmitting","isSubmitting","_ref$position","position","_useTranslation","useTranslation","t","i18n","_useFormikContext","useFormikContext","handleReset","isFormikSubmitting","dirty","isButtonPositionRight","cancelButton","_jsx","Button","_objectSpread","disabled","label","getLocale","style","onClick","onMouseDown","e","preventDefault","submitButton","SubmitButton","loading","type","classnames","children","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,SAAS,GAAG;AAAEC,EAAAA,IAAI,EAAE,MAAM;AAAEC,EAAAA,KAAK,EAAE;AAAQ,CAAC;AAElD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAMX;AAAA,EAAA,IALJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACHC,gBAAgB,GAAAJ,IAAA,CAA9BK,YAAY;IAAAC,aAAA,GAAAN,IAAA,CACZO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGV,SAAS,CAACC,IAAI,GAAAS,aAAA;AAEzB,EAAA,IAAAE,eAAA,GAAoBC,2BAAc,EAAE;IAA5BC,CAAC,GAAAF,eAAA,CAADE,CAAC;IAAEC,IAAI,GAAAH,eAAA,CAAJG,IAAI;AAEf,EAAA,IAAAC,iBAAA,GAIIC,uBAAgB,EAAE;IAHpBC,WAAW,GAAAF,iBAAA,CAAXE,WAAW;IACGC,kBAAkB,GAAAH,iBAAA,CAAhCP,YAAY;IACZW,KAAK,GAAAJ,iBAAA,CAALI,KAAK;EAGP,IAAMX,YAAY,GAAGD,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,MAAA,GAAhBA,gBAAgB,GAAIW,kBAAkB;AAC3D,EAAA,IAAME,qBAAqB,GAAGV,QAAQ,KAAKX,SAAS,CAACE,KAAK;AAE1D,EAAA,IAAMoB,YAAY,gBAChBC,cAAA,CAACC,MAAM,EAAAC,aAAA,CAAA;AACL,IAAA,SAAA,EAAQ,eAAe;AACvB,IAAA,cAAA,EAAa,eAAe;AAC5BC,IAAAA,QAAQ,EAAEjB,YAAa;IACvBkB,KAAK,EAAEC,eAAS,CAACb,IAAI,EAAED,CAAC,EAAE,4BAA4B,CAAE;AACxDe,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,OAAO,EAAEZ,WAAY;AACrBa,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAEC,CAAC,EAAA;AAAA,MAAA,OAAIA,CAAC,CAACC,cAAc,EAAE;AAAA,IAAA;GAAC,EACjC1B,iBAAiB,CACtB,CACF;AAED,EAAA,IAAM2B,YAAY,gBAChBX,cAAA,CAACY,aAAY,EAAAV,aAAA,CAAA;AACX,IAAA,SAAA,EAAQ,qBAAqB;AAC7B,IAAA,cAAA,EAAa,qBAAqB;AAClCC,IAAAA,QAAQ,EAAEjB,YAAY,IAAI,CAACW,KAAM;IACjCO,KAAK,EAAEC,eAAS,CAACb,IAAI,EAAED,CAAC,EAAE,iCAAiC,CAAE;AAC7DsB,IAAAA,OAAO,EAAE3B,YAAa;AACtBoB,IAAAA,KAAK,EAAC,SAAS;AACfQ,IAAAA,IAAI,EAAC;GAAQ,EACT/B,iBAAiB,CACtB,CACF;AAED,EAAA,oBACEiB,cAAA,CAAA,KAAA,EAAA;AACElB,IAAAA,SAAS,EAAEiC,UAAU,CAAC,CACpB,gCAAgC,EAChC;AAAE,MAAA,aAAa,EAAEjB;KAAuB,EACxChB,SAAS,CACV,CAAE;AAAAkC,IAAAA,QAAA,EAEFlB,qBAAqB,gBACpBmB,eAAA,CAAAC,mBAAA,EAAA;MAAAF,QAAA,EAAA,CACGjB,YAAY,EACZY,YAAY;AAAA,KACb,CAAC,gBAEHM,eAAA,CAAAC,mBAAA,EAAA;MAAAF,QAAA,EAAA,CACGL,YAAY,EACZZ,YAAY;KACb;AACH,GACE,CAAC;AAEV;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var formik = require('formik');
|
|
@@ -8,17 +8,17 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
|
8
8
|
var reactRouterDom = require('react-router-dom');
|
|
9
9
|
require('@bigbinary/neeto-hotkeys');
|
|
10
10
|
require('../overlayManager.js');
|
|
11
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
12
11
|
require('@babel/runtime/helpers/classCallCheck');
|
|
13
12
|
require('@babel/runtime/helpers/createClass');
|
|
14
13
|
require('@bigbinary/neeto-cist');
|
|
15
14
|
require('qs');
|
|
16
15
|
require('ramda');
|
|
17
|
-
var index = require('../index
|
|
16
|
+
var index = require('../index-h3QcOeWw.js');
|
|
18
17
|
var reactI18next = require('react-i18next');
|
|
19
18
|
var Button = require('../Button.js');
|
|
20
19
|
var Modal = require('../Modal.js');
|
|
21
20
|
var Typography = require('../Typography.js');
|
|
21
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
22
22
|
require('../en-K2ZIAV2F.js');
|
|
23
23
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
24
24
|
require('dayjs');
|
|
@@ -31,8 +31,8 @@ require('../Spinner.js');
|
|
|
31
31
|
require('../Tooltip.js');
|
|
32
32
|
require('@tippyjs/react');
|
|
33
33
|
require('tippy.js');
|
|
34
|
-
require('@bigbinary/neeto-icons');
|
|
35
|
-
require('../useOverlayManager-
|
|
34
|
+
require('@bigbinary/neeto-icons/Close');
|
|
35
|
+
require('../useOverlayManager-Bj58uLfc.js');
|
|
36
36
|
require('@babel/runtime/helpers/esm/extends');
|
|
37
37
|
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
38
38
|
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
@@ -51,7 +51,7 @@ var useNavPrompt = function useNavPrompt(_ref) {
|
|
|
51
51
|
var continueNavigation = function continueNavigation() {
|
|
52
52
|
if (isBlocked && unblockRef.current) {
|
|
53
53
|
var _unblockRef$current;
|
|
54
|
-
(_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0
|
|
54
|
+
(_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 ? void 0 : _unblockRef$current.call(unblockRef);
|
|
55
55
|
setIsBlocked(false);
|
|
56
56
|
if (navRef.current) {
|
|
57
57
|
var _navRef$current = navRef.current,
|
|
@@ -115,7 +115,7 @@ var Alert = function Alert(_ref) {
|
|
|
115
115
|
var submitButtonRef = React.useRef(null);
|
|
116
116
|
var cancelButtonLabel = index.getLocale(i18n, t, "neetoui.blockNavigation.cancelButtonLabel");
|
|
117
117
|
var submitButtonLabel = index.getLocale(i18n, t, "neetoui.blockNavigation.submitButtonLabel");
|
|
118
|
-
return /*#__PURE__*/
|
|
118
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
|
|
119
119
|
isOpen: isOpen,
|
|
120
120
|
onClose: onClose,
|
|
121
121
|
closeButton: true,
|
|
@@ -123,31 +123,41 @@ var Alert = function Alert(_ref) {
|
|
|
123
123
|
closeOnOutsideClick: true,
|
|
124
124
|
"data-cy": "alert-box",
|
|
125
125
|
initialFocusRef: submitButtonRef,
|
|
126
|
-
size: "medium"
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
126
|
+
size: "medium",
|
|
127
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
|
|
128
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
129
|
+
"data-cy": "alert-title",
|
|
130
|
+
style: "h2",
|
|
131
|
+
children: index.getLocale(i18n, t, "neetoui.blockNavigation.alertTitle")
|
|
132
|
+
})
|
|
133
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
|
|
134
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
135
|
+
"data-cy": "alert-message",
|
|
136
|
+
lineHeight: "normal",
|
|
137
|
+
style: "body2",
|
|
138
|
+
children: index.getLocale(i18n, t, "neetoui.blockNavigation.alertMessage")
|
|
139
|
+
})
|
|
140
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(Modal.Footer, {
|
|
141
|
+
className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center",
|
|
142
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
143
|
+
"data-cy": "alert-cancel-button",
|
|
144
|
+
label: cancelButtonLabel,
|
|
145
|
+
style: "danger",
|
|
146
|
+
onClick: onDiscardChanges
|
|
147
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
148
|
+
"data-cy": "alert-submit-button",
|
|
149
|
+
label: submitButtonLabel,
|
|
150
|
+
ref: submitButtonRef,
|
|
151
|
+
style: "primary",
|
|
152
|
+
onClick: onSubmit
|
|
153
|
+
})]
|
|
154
|
+
})]
|
|
155
|
+
});
|
|
148
156
|
};
|
|
149
157
|
|
|
150
158
|
var _excluded = ["isDirty"];
|
|
159
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
160
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
151
161
|
var BlockNavigation = function BlockNavigation(_ref) {
|
|
152
162
|
var _ref$isDirty = _ref.isDirty,
|
|
153
163
|
isDirty = _ref$isDirty === void 0 ? false : _ref$isDirty,
|
|
@@ -165,7 +175,7 @@ var BlockNavigation = function BlockNavigation(_ref) {
|
|
|
165
175
|
hidePrompt();
|
|
166
176
|
continueNavigation();
|
|
167
177
|
};
|
|
168
|
-
return /*#__PURE__*/
|
|
178
|
+
return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread({
|
|
169
179
|
isOpen: isBlocked,
|
|
170
180
|
onClose: hidePrompt,
|
|
171
181
|
onDiscardChanges: handleDiscardChanges,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockNavigation.js","sources":["../../../src/hooks/useNavPrompt.js","../../../src/formik/BlockNavigation/Alert.jsx","../../../src/formik/BlockNavigation/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\nconst useNavPrompt = ({ shouldBlock = true }) => {\n const [isBlocked, setIsBlocked] = useState(false);\n\n const history = useHistory();\n const unblockRef = useRef();\n const navRef = useRef();\n\n const continueNavigation = () => {\n if (isBlocked && unblockRef.current) {\n unblockRef.current?.();\n setIsBlocked(false);\n if (navRef.current) {\n const { action, transition } = navRef.current;\n handleNavigation(action, transition);\n }\n }\n };\n\n const hidePrompt = () => setIsBlocked(false);\n\n const handleNavigation = (action, transition) => {\n switch (action) {\n case \"PUSH\":\n history.push(transition);\n break;\n case \"REPLACE\":\n history.replace(transition);\n break;\n case \"POP\":\n history.goBack();\n break;\n }\n };\n\n useEffect(() => {\n if (shouldBlock) {\n unblockRef.current = history.block((transition, action) => {\n setIsBlocked(true);\n navRef.current = { transition, action };\n\n return false;\n });\n\n return () => {\n if (unblockRef.current) {\n unblockRef.current();\n }\n };\n }\n\n return undefined;\n }, [shouldBlock]);\n\n return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport default useNavPrompt;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React, { useRef } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\n\nimport Button from \"components/Button\";\nimport Modal from \"components/Modal\";\nimport Typography from \"components/Typography\";\nimport { getLocale } from \"utils\";\n\nconst Alert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges }) => {\n const { t, i18n } = useTranslation();\n\n const submitButtonRef = useRef(null);\n\n const cancelButtonLabel = getLocale(\n i18n,\n t,\n \"neetoui.blockNavigation.cancelButtonLabel\"\n );\n\n const submitButtonLabel = getLocale(\n i18n,\n t,\n \"neetoui.blockNavigation.submitButtonLabel\"\n );\n\n return (\n <Modal\n {...{ isOpen, onClose }}\n closeButton\n closeOnEsc\n closeOnOutsideClick\n data-cy=\"alert-box\"\n initialFocusRef={submitButtonRef}\n size=\"medium\"\n >\n <Modal.Header>\n <Typography data-cy=\"alert-title\" style=\"h2\">\n {getLocale(i18n, t, \"neetoui.blockNavigation.alertTitle\")}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n {getLocale(i18n, t, \"neetoui.blockNavigation.alertMessage\")}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n <Button\n data-cy=\"alert-cancel-button\"\n label={cancelButtonLabel}\n style=\"danger\"\n onClick={onDiscardChanges}\n />\n <Button\n data-cy=\"alert-submit-button\"\n label={submitButtonLabel}\n ref={submitButtonRef}\n style=\"primary\"\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nexport default Alert;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport { useNavPrompt } from \"hooks\";\n\nimport Alert from \"./Alert\";\n\nconst BlockNavigation = ({ isDirty = false, ...otherProps }) => {\n const formikContext = useFormikContext();\n const shouldBlock =\n isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n shouldBlock,\n });\n\n const handleDiscardChanges = () => {\n if (formikContext) formikContext.resetForm();\n hidePrompt();\n continueNavigation();\n };\n\n return (\n <Alert\n isOpen={isBlocked}\n onClose={hidePrompt}\n onDiscardChanges={handleDiscardChanges}\n onSubmit={hidePrompt}\n {...otherProps}\n />\n );\n};\n\nBlockNavigation.propTypes = {\n isDirty: PropTypes.bool,\n message: PropTypes.string,\n title: PropTypes.string,\n submitButtonLabel: PropTypes.string,\n};\n\nexport default BlockNavigation;\n"],"names":["useNavPrompt","_ref","_ref$shouldBlock","shouldBlock","_useState","useState","_useState2","_slicedToArray","isBlocked","setIsBlocked","history","useHistory","unblockRef","useRef","navRef","continueNavigation","current","_unblockRef$current","call","_navRef$current","action","transition","handleNavigation","hidePrompt","push","replace","goBack","useEffect","block","undefined","Alert","_ref$isOpen","isOpen","onClose","onSubmit","onDiscardChanges","_useTranslation","useTranslation","t","i18n","submitButtonRef","cancelButtonLabel","getLocale","submitButtonLabel","React","createElement","Modal","closeButton","closeOnEsc","closeOnOutsideClick","initialFocusRef","size","Header","Typography","style","Body","lineHeight","Footer","className","Button","label","onClick","ref","BlockNavigation","_ref$isDirty","isDirty","otherProps","_objectWithoutProperties","_excluded","formikContext","useFormikContext","Boolean","dirty","_useNavPrompt","handleDiscardChanges","resetForm","_extends"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlockNavigation.js","sources":["../../../src/hooks/useNavPrompt.js","../../../src/formik/BlockNavigation/Alert.jsx","../../../src/formik/BlockNavigation/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\nconst useNavPrompt = ({ shouldBlock = true }) => {\n const [isBlocked, setIsBlocked] = useState(false);\n\n const history = useHistory();\n const unblockRef = useRef();\n const navRef = useRef();\n\n const continueNavigation = () => {\n if (isBlocked && unblockRef.current) {\n unblockRef.current?.();\n setIsBlocked(false);\n if (navRef.current) {\n const { action, transition } = navRef.current;\n handleNavigation(action, transition);\n }\n }\n };\n\n const hidePrompt = () => setIsBlocked(false);\n\n const handleNavigation = (action, transition) => {\n switch (action) {\n case \"PUSH\":\n history.push(transition);\n break;\n case \"REPLACE\":\n history.replace(transition);\n break;\n case \"POP\":\n history.goBack();\n break;\n }\n };\n\n useEffect(() => {\n if (shouldBlock) {\n unblockRef.current = history.block((transition, action) => {\n setIsBlocked(true);\n navRef.current = { transition, action };\n\n return false;\n });\n\n return () => {\n if (unblockRef.current) {\n unblockRef.current();\n }\n };\n }\n\n return undefined;\n }, [shouldBlock]);\n\n return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport default useNavPrompt;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React, { useRef } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\n\nimport Button from \"components/Button\";\nimport Modal from \"components/Modal\";\nimport Typography from \"components/Typography\";\nimport { getLocale } from \"utils\";\n\nconst Alert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges }) => {\n const { t, i18n } = useTranslation();\n\n const submitButtonRef = useRef(null);\n\n const cancelButtonLabel = getLocale(\n i18n,\n t,\n \"neetoui.blockNavigation.cancelButtonLabel\"\n );\n\n const submitButtonLabel = getLocale(\n i18n,\n t,\n \"neetoui.blockNavigation.submitButtonLabel\"\n );\n\n return (\n <Modal\n {...{ isOpen, onClose }}\n closeButton\n closeOnEsc\n closeOnOutsideClick\n data-cy=\"alert-box\"\n initialFocusRef={submitButtonRef}\n size=\"medium\"\n >\n <Modal.Header>\n <Typography data-cy=\"alert-title\" style=\"h2\">\n {getLocale(i18n, t, \"neetoui.blockNavigation.alertTitle\")}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n {getLocale(i18n, t, \"neetoui.blockNavigation.alertMessage\")}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n <Button\n data-cy=\"alert-cancel-button\"\n label={cancelButtonLabel}\n style=\"danger\"\n onClick={onDiscardChanges}\n />\n <Button\n data-cy=\"alert-submit-button\"\n label={submitButtonLabel}\n ref={submitButtonRef}\n style=\"primary\"\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nexport default Alert;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport { useNavPrompt } from \"hooks\";\n\nimport Alert from \"./Alert\";\n\nconst BlockNavigation = ({ isDirty = false, ...otherProps }) => {\n const formikContext = useFormikContext();\n const shouldBlock =\n isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n shouldBlock,\n });\n\n const handleDiscardChanges = () => {\n if (formikContext) formikContext.resetForm();\n hidePrompt();\n continueNavigation();\n };\n\n return (\n <Alert\n isOpen={isBlocked}\n onClose={hidePrompt}\n onDiscardChanges={handleDiscardChanges}\n onSubmit={hidePrompt}\n {...otherProps}\n />\n );\n};\n\nBlockNavigation.propTypes = {\n isDirty: PropTypes.bool,\n message: PropTypes.string,\n title: PropTypes.string,\n submitButtonLabel: PropTypes.string,\n};\n\nexport default BlockNavigation;\n"],"names":["useNavPrompt","_ref","_ref$shouldBlock","shouldBlock","_useState","useState","_useState2","_slicedToArray","isBlocked","setIsBlocked","history","useHistory","unblockRef","useRef","navRef","continueNavigation","current","_unblockRef$current","call","_navRef$current","action","transition","handleNavigation","hidePrompt","push","replace","goBack","useEffect","block","undefined","Alert","_ref$isOpen","isOpen","onClose","onSubmit","onDiscardChanges","_useTranslation","useTranslation","t","i18n","submitButtonRef","cancelButtonLabel","getLocale","submitButtonLabel","_jsxs","Modal","closeButton","closeOnEsc","closeOnOutsideClick","initialFocusRef","size","children","_jsx","Header","Typography","style","Body","lineHeight","Footer","className","Button","label","onClick","ref","BlockNavigation","_ref$isDirty","isDirty","otherProps","_objectWithoutProperties","_excluded","formikContext","useFormikContext","Boolean","dirty","_useNavPrompt","handleDiscardChanges","resetForm","_objectSpread"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var formik = require('formik');
|
|
7
7
|
var ramda = require('ramda');
|
|
8
8
|
var Button = require('../Button.js');
|
|
9
|
-
require('
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
require('classnames');
|
|
11
11
|
require('react-router-dom');
|
|
12
12
|
require('../Spinner.js');
|
|
@@ -16,6 +16,8 @@ require('@tippyjs/react');
|
|
|
16
16
|
require('tippy.js');
|
|
17
17
|
|
|
18
18
|
var _excluded = ["disabled"];
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
21
|
var FormikButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20
22
|
var disabled = _ref.disabled,
|
|
21
23
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -26,7 +28,7 @@ var FormikButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
26
28
|
initialValues = _useFormikContext.initialValues,
|
|
27
29
|
isValid = _useFormikContext.isValid;
|
|
28
30
|
var isDisabled = disabled !== null && disabled !== void 0 ? disabled : isSubmitting || ramda.equals(values, initialValues);
|
|
29
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
30
32
|
ref: ref,
|
|
31
33
|
disabled: isDisabled,
|
|
32
34
|
loading: isSubmitting && isValid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/formik/Button.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport Button from \"components/Button\";\n\nconst FormikButton = forwardRef(({ disabled, ...otherProps }, ref) => {\n const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n useFormikContext();\n\n const isDisabled =\n disabled ?? (isSubmitting || equals(values, initialValues));\n\n return (\n <Button\n {...{ ref }}\n disabled={isDisabled}\n loading={isSubmitting && isValid}\n onClick={handleSubmit}\n {...otherProps}\n />\n );\n});\n\nFormikButton.displayName = \"FormikButton\";\n\nexport default FormikButton;\n"],"names":["FormikButton","forwardRef","_ref","ref","disabled","otherProps","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","handleSubmit","isSubmitting","values","initialValues","isValid","isDisabled","equals","
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/formik/Button.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport Button from \"components/Button\";\n\nconst FormikButton = forwardRef(({ disabled, ...otherProps }, ref) => {\n const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n useFormikContext();\n\n const isDisabled =\n disabled ?? (isSubmitting || equals(values, initialValues));\n\n return (\n <Button\n {...{ ref }}\n disabled={isDisabled}\n loading={isSubmitting && isValid}\n onClick={handleSubmit}\n {...otherProps}\n />\n );\n});\n\nFormikButton.displayName = \"FormikButton\";\n\nexport default FormikButton;\n"],"names":["FormikButton","forwardRef","_ref","ref","disabled","otherProps","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","handleSubmit","isSubmitting","values","initialValues","isValid","isDisabled","equals","_jsx","Button","_objectSpread","loading","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA8BC,GAAG,EAAK;AAAA,EAAA,IAAnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AACxD,EAAA,IAAAC,iBAAA,GACEC,uBAAgB,EAAE;IADZC,YAAY,GAAAF,iBAAA,CAAZE,YAAY;IAAEC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;IAAEC,MAAM,GAAAJ,iBAAA,CAANI,MAAM;IAAEC,aAAa,GAAAL,iBAAA,CAAbK,aAAa;IAAEC,OAAO,GAAAN,iBAAA,CAAPM,OAAO;AAGlE,EAAA,IAAMC,UAAU,GACdX,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAKO,YAAY,IAAIK,YAAM,CAACJ,MAAM,EAAEC,aAAa,CAAE;AAE7D,EAAA,oBACEI,cAAA,CAACC,MAAM,EAAAC,aAAA,CAAA;AACChB,IAAAA,GAAG,EAAHA,GAAG;AACTC,IAAAA,QAAQ,EAAEW,UAAW;IACrBK,OAAO,EAAET,YAAY,IAAIG,OAAQ;AACjCO,IAAAA,OAAO,EAAEX;GAAa,EAClBL,UAAU,CACf,CAAC;AAEN,CAAC;AAEDL,YAAY,CAACsB,WAAW,GAAG,cAAc;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var formik = require('formik');
|
|
8
7
|
var ramda = require('ramda');
|
|
9
8
|
var Checkbox$1 = require('../Checkbox.js');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
require('classnames');
|
|
11
11
|
require('../useId-DXHUzdxd.js');
|
|
12
12
|
require('@babel/runtime/helpers/slicedToArray');
|
|
@@ -15,7 +15,7 @@ require('@bigbinary/neeto-hotkeys');
|
|
|
15
15
|
require('../overlayManager.js');
|
|
16
16
|
require('@babel/runtime/helpers/classCallCheck');
|
|
17
17
|
require('@babel/runtime/helpers/createClass');
|
|
18
|
-
require('../index
|
|
18
|
+
require('../index-h3QcOeWw.js');
|
|
19
19
|
require('@bigbinary/neeto-cist');
|
|
20
20
|
require('qs');
|
|
21
21
|
require('../en-K2ZIAV2F.js');
|
|
@@ -26,7 +26,7 @@ require('dayjs/plugin/utc');
|
|
|
26
26
|
require('dayjs/plugin/weekday');
|
|
27
27
|
require('dayjs/plugin/weekOfYear');
|
|
28
28
|
require('../Label.js');
|
|
29
|
-
require('@bigbinary/neeto-icons');
|
|
29
|
+
require('@bigbinary/neeto-icons/Help');
|
|
30
30
|
require('../Button.js');
|
|
31
31
|
require('../Spinner.js');
|
|
32
32
|
require('../Tooltip.js');
|
|
@@ -36,34 +36,35 @@ require('../Popover.js');
|
|
|
36
36
|
require('../Typography.js');
|
|
37
37
|
|
|
38
38
|
var _excluded = ["name"];
|
|
39
|
-
function ownKeys(
|
|
40
|
-
function _objectSpread(
|
|
39
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
40
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
41
41
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
42
42
|
var name = _ref.name,
|
|
43
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
-
return /*#__PURE__*/
|
|
45
|
-
name: name
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
44
|
+
return /*#__PURE__*/jsxRuntime.jsx(formik.Field, {
|
|
45
|
+
name: name,
|
|
46
|
+
children: function children(_ref2) {
|
|
47
|
+
var field = _ref2.field,
|
|
48
|
+
meta = _ref2.meta,
|
|
49
|
+
form = _ref2.form;
|
|
50
|
+
var _form$status = form.status,
|
|
51
|
+
status = _form$status === void 0 ? {} : _form$status,
|
|
52
|
+
setStatus = form.setStatus;
|
|
53
|
+
var fieldStatus = formik.getIn(status, name);
|
|
54
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
55
|
+
onChange: function onChange(e) {
|
|
56
|
+
setStatus(ramda.dissoc(name, status));
|
|
57
|
+
field.onChange(e);
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
return /*#__PURE__*/jsxRuntime.jsx(Checkbox$1, _objectSpread(_objectSpread({
|
|
61
|
+
checked: field.value
|
|
62
|
+
}, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
63
|
+
ref: ref
|
|
64
|
+
})), {}, {
|
|
65
|
+
error: meta.touched ? meta.error || fieldStatus : ""
|
|
66
|
+
}, rest));
|
|
67
|
+
}
|
|
67
68
|
});
|
|
68
69
|
});
|
|
69
70
|
Checkbox.displayName = "Checkbox";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <CheckboxField\n checked={field.value}\n {...{ ...fieldProps, ref }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * The name of the Checkbox.\n */\n name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <CheckboxField\n checked={field.value}\n {...{ ...fieldProps, ref }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * The name of the Checkbox.\n */\n name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","_jsx","Field","children","_ref2","field","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","CheckboxField","checked","value","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;EAAA,oBAC1CC,cAAA,CAACC,YAAK,EAAA;AAAOL,IAAAA,IAAI,EAAJA,IAAI;AAAAM,IAAAA,QAAA,EACd,SAAAA,QAAAA,CAAAC,KAAA,EAA2B;AAAA,MAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;AACnB,MAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,QAAAA,MAAM,GAAAD,YAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,YAAA;QAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS;AAC9B,MAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC;AAEvC,MAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,QAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,CAAC,EAAI;AACbN,UAAAA,SAAS,CAACO,YAAM,CAACpB,IAAI,EAAEY,MAAM,CAAC,CAAC;AAC/BJ,UAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC;AACnB,QAAA;OAAC,CACF;AAED,MAAA,oBACEf,cAAA,CAACiB,UAAa,EAAAJ,aAAA,CAAAA,aAAA,CAAA;QACZK,OAAO,EAAEd,KAAK,CAACe;AAAM,OAAA,EAAAN,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZD,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEjB,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QACxByB,KAAK,EAAEf,IAAI,CAACgB,OAAO,GAAGhB,IAAI,CAACe,KAAK,IAAIV,WAAW,GAAG;OAAG,EACjDb,IAAI,CACT,CAAC;AAEN,IAAA;AAAC,GACI,CAAC;AAAA,CACT;AAEDL,QAAQ,CAAC8B,WAAW,GAAG,UAAU;;;;"}
|