@pareto-engineering/design-system 4.0.0-alpha.59 → 4.0.0-alpha.60
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/cjs/a/AnimatedBlobs/AnimatedBlobs.js +6 -6
- package/dist/cjs/a/AnimatedGradient/AnimatedGradient.js +7 -7
- package/dist/cjs/a/AppContext/Context.js +3 -4
- package/dist/cjs/a/AppContext/ContextProvider.js +6 -6
- package/dist/cjs/a/AppContext/useTheme.js +2 -3
- package/dist/cjs/a/BlurOverlay/BlurOverlay.js +6 -6
- package/dist/cjs/a/ContentTree/ContentTree.js +6 -6
- package/dist/cjs/a/ContentTree/common/Tree/Tree.js +8 -8
- package/dist/cjs/a/ContentTree/common/useContentTree.js +1 -2
- package/dist/cjs/a/ContentTree/common/useFirstVisibleNode.js +1 -2
- package/dist/cjs/a/Conversation/Context.js +3 -4
- package/dist/cjs/a/Conversation/Conversation.js +6 -6
- package/dist/cjs/a/Conversation/common/Message/Message.js +3 -4
- package/dist/cjs/a/DotInfo/DotInfo.js +6 -6
- package/dist/cjs/a/Figure/Figure.js +6 -6
- package/dist/cjs/a/HamburgerButton/HamburgerButton.js +6 -6
- package/dist/cjs/a/IconList/IconList.js +6 -6
- package/dist/cjs/a/IconList/common/Item/Item.js +3 -4
- package/dist/cjs/a/Label/Label.js +6 -6
- package/dist/cjs/a/LoadingCircle/LoadingCircle.js +6 -6
- package/dist/cjs/a/MetaCard/MetaCard.js +6 -6
- package/dist/cjs/a/People/People.js +6 -6
- package/dist/cjs/a/People/common/Person/Person.js +3 -4
- package/dist/cjs/a/Popover/Popover.js +7 -7
- package/dist/cjs/a/ProgressBar/ProgressBar.js +6 -6
- package/dist/cjs/a/Quote/Quote.js +6 -6
- package/dist/cjs/a/Removable/Removable.js +6 -6
- package/dist/cjs/a/SVG/SVG.js +7 -7
- package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js +3 -4
- package/dist/cjs/a/SnapScroller/SnapScroller.js +10 -10
- package/dist/cjs/a/Spinner/Spinner.js +6 -6
- package/dist/cjs/a/TextSteps/TextSteps.js +6 -6
- package/dist/cjs/a/Timestamp/Timestamp.js +9 -9
- package/dist/cjs/a/Tip/Tip.js +6 -6
- package/dist/cjs/a/ToggleSwitch/ToggleSwitch.js +10 -10
- package/dist/cjs/b/Button/Button.js +6 -6
- package/dist/cjs/b/Button/common/Group/Group.js +6 -6
- package/dist/cjs/b/Card/Card.js +6 -6
- package/dist/cjs/b/Card/common/Group/Group.js +6 -6
- package/dist/cjs/b/Card/common/Section/Section.js +3 -4
- package/dist/cjs/b/Logo/Logo.js +7 -7
- package/dist/cjs/b/Page/Context.js +3 -4
- package/dist/cjs/b/Page/Page.js +7 -7
- package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +6 -6
- package/dist/cjs/b/Page/common/Section/Section.js +3 -4
- package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +6 -6
- package/dist/cjs/b/ThemeSelector/ThemeSelector.js +8 -8
- package/dist/cjs/b/Title/Title.js +6 -6
- package/dist/cjs/c/ContentSlides/ContentSlides.js +8 -8
- package/dist/cjs/c/ContentSlides/Context.js +3 -4
- package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +3 -4
- package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +3 -4
- package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js +3 -4
- package/dist/cjs/c/ContentSlides/common/Slide/Slide.js +3 -4
- package/dist/cjs/c/Modal/Modal.js +6 -6
- package/dist/cjs/c/Modal/common/ModalHeader/ModalHeader.js +3 -4
- package/dist/cjs/c/Shortener/Shortener.js +7 -7
- package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js +6 -6
- package/dist/cjs/f/FormInput/FormInput.js +6 -6
- package/dist/cjs/f/common/Debugger/Debugger.js +8 -8
- package/dist/cjs/f/common/Description/Description.js +6 -6
- package/dist/cjs/f/common/InputWrapper/InputWrapper.js +6 -6
- package/dist/cjs/f/common/Label/Label.js +6 -6
- package/dist/cjs/f/common/index.js +19 -1
- package/dist/cjs/f/common/utils/index.js +12 -0
- package/dist/cjs/f/common/utils/lookUpInputValueFromFetchedOptions.js +29 -0
- package/dist/cjs/f/fields/Checkbox/Checkbox.js +6 -6
- package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +6 -6
- package/dist/cjs/f/fields/ChoicesInput/common/Choice/Choice.js +3 -4
- package/dist/cjs/f/fields/EditorInput/EditorInput.js +6 -6
- package/dist/cjs/f/fields/EditorInput/common/Toolbar.js +17 -17
- package/dist/cjs/f/fields/EditorInput/common/TreeViewPlugin.js +1 -2
- package/dist/cjs/f/fields/LinkInput/LinkInput.js +6 -6
- package/dist/cjs/f/fields/QueryChoices/QueryChoices.js +8 -8
- package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +23 -12
- package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +29 -11
- package/dist/cjs/f/fields/QueryCombobox/common/Menu/Menu.js +3 -4
- package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +30 -12
- package/dist/cjs/f/fields/QuerySelect/QuerySelect.js +8 -8
- package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +7 -7
- package/dist/cjs/f/fields/RatingsInput/common/Rating/Rating.js +3 -4
- package/dist/cjs/f/fields/SelectInput/SelectInput.js +6 -6
- package/dist/cjs/f/fields/TextInput/TextInput.js +6 -6
- package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +6 -6
- package/dist/cjs/r/SwitchRouteMap/SwitchRouteMap.js +3 -4
- package/dist/cjs/r/common/PrivateRoute/PrivateRoute.js +6 -6
- package/dist/cjs/test/QueryLoader/QueryLoader.js +7 -7
- package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +3 -4
- package/dist/cjs/utils/hooks/useDynamicPosition.js +1 -2
- package/dist/cjs/utils/hooks/useWindowSize.js +1 -2
- package/dist/es/a/ToggleSwitch/ToggleSwitch.js +4 -4
- package/dist/es/b/ThemeSelector/ThemeSelector.js +1 -1
- package/dist/es/f/common/index.js +2 -1
- package/dist/es/f/common/utils/index.js +1 -0
- package/dist/es/f/common/utils/lookUpInputValueFromFetchedOptions.js +20 -0
- package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +15 -4
- package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +22 -4
- package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +22 -4
- package/package.json +3 -2
- package/src/stories/f/QueryCombobox.stories.jsx +18 -0
- package/src/ui/a/ToggleSwitch/ToggleSwitch.jsx +8 -4
- package/src/ui/b/ThemeSelector/ThemeSelector.jsx +1 -1
- package/src/ui/f/common/index.js +1 -0
- package/src/ui/f/common/utils/index.js +1 -0
- package/src/ui/f/common/utils/lookUpInputValueFromFetchedOptions.js +23 -0
- package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +18 -6
- package/src/ui/f/fields/QueryCombobox/common/Combobox/Combobox.jsx +18 -2
- package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +18 -1
- package/tests/__snapshots__/Storyshots.test.js.snap +269 -20
|
@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
11
|
var _formik = require("formik");
|
|
11
12
|
var _common = require("../../common");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* @pareto-engineering/generator-front 1.0.12 */
|
|
16
17
|
// Local Definitions
|
|
17
18
|
|
|
18
19
|
const baseClassName = _exports.default.base;
|
|
@@ -38,7 +39,7 @@ const Checkbox = _ref => {
|
|
|
38
39
|
desktopInputSpan
|
|
39
40
|
// ...otherProps
|
|
40
41
|
} = _ref;
|
|
41
|
-
(0,
|
|
42
|
+
(0, _react.useInsertionEffect)(() => {
|
|
42
43
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
43
44
|
}, []);
|
|
44
45
|
const [field] = (0, _formik.useField)({
|
|
@@ -126,5 +127,4 @@ Checkbox.propTypes = {
|
|
|
126
127
|
Checkbox.defaultProps = {
|
|
127
128
|
disabled: false
|
|
128
129
|
};
|
|
129
|
-
var _default = Checkbox;
|
|
130
|
-
exports.default = _default;
|
|
130
|
+
var _default = exports.default = Checkbox;
|
|
@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
11
|
var _common = require("./common");
|
|
11
12
|
var _common2 = require("../../common");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
|
|
16
17
|
const baseClassName = _exports.default.base;
|
|
17
18
|
const componentClassName = 'choices-input';
|
|
18
19
|
|
|
@@ -41,7 +42,7 @@ const ChoicesInput = _ref => {
|
|
|
41
42
|
desktopInputSpan,
|
|
42
43
|
...otherProps
|
|
43
44
|
} = _ref;
|
|
44
|
-
(0,
|
|
45
|
+
(0, _react.useInsertionEffect)(() => {
|
|
45
46
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
46
47
|
}, []);
|
|
47
48
|
return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(_common2.FormLabel, {
|
|
@@ -162,5 +163,4 @@ ChoicesInput.defaultProps = {
|
|
|
162
163
|
color: 'interactive',
|
|
163
164
|
disabled: false
|
|
164
165
|
};
|
|
165
|
-
var _default = /*#__PURE__*/(0,
|
|
166
|
-
exports.default = _default;
|
|
166
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ChoicesInput);
|
|
@@ -9,8 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _formik = require("formik");
|
|
10
10
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
|
|
15
15
|
const baseClassName = _exports.default.base;
|
|
16
16
|
const componentClassName = 'choice';
|
|
@@ -101,5 +101,4 @@ Choice.propTypes = {
|
|
|
101
101
|
*/
|
|
102
102
|
disabled: _propTypes.default.bool
|
|
103
103
|
};
|
|
104
|
-
var _default = Choice;
|
|
105
|
-
exports.default = _default;
|
|
104
|
+
var _default = exports.default = Choice;
|
|
@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _formik = require("formik");
|
|
9
10
|
var _LexicalComposer = require("@lexical/react/LexicalComposer");
|
|
10
11
|
var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
|
|
@@ -21,8 +22,8 @@ var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports")
|
|
|
21
22
|
var _common = require("../../common");
|
|
22
23
|
var _common2 = require("./common");
|
|
23
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
-
function _getRequireWildcardCache(
|
|
25
|
-
function _interopRequireWildcard(
|
|
25
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
26
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* @pareto-engineering/generator-front 1.0.12 */ /* eslint-disable import/no-extraneous-dependencies -- required here */ // Local Definitions
|
|
26
27
|
const baseClassName = _exports.default.base;
|
|
27
28
|
const componentClassName = 'editor-input';
|
|
28
29
|
|
|
@@ -51,7 +52,7 @@ const EditorInput = _ref => {
|
|
|
51
52
|
showDebugger
|
|
52
53
|
// ...otherProps
|
|
53
54
|
} = _ref;
|
|
54
|
-
(0,
|
|
55
|
+
(0, _react.useInsertionEffect)(() => {
|
|
55
56
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
56
57
|
}, []);
|
|
57
58
|
const formik = (0, _formik.useFormikContext)();
|
|
@@ -218,5 +219,4 @@ EditorInput.defaultProps = {
|
|
|
218
219
|
color: 'paragraph',
|
|
219
220
|
resize: 'vertical'
|
|
220
221
|
};
|
|
221
|
-
var _default = /*#__PURE__*/(0,
|
|
222
|
-
exports.default = _default;
|
|
222
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(EditorInput);
|
|
@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _lexical = require("lexical");
|
|
9
10
|
var _list = require("@lexical/list");
|
|
10
11
|
var _selection = require("@lexical/selection");
|
|
@@ -14,8 +15,8 @@ var _utils = require("@lexical/utils");
|
|
|
14
15
|
var _ = require("../../../..");
|
|
15
16
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
20
|
/* eslint-disable import/no-extraneous-dependencies -- required here */
|
|
20
21
|
|
|
21
22
|
const baseClassName = _exports.default.base;
|
|
@@ -40,14 +41,14 @@ const defaultColor = 'var(--paragraph)';
|
|
|
40
41
|
const colorOptions = ['red', 'blue', 'green', 'yellow', 'orange', 'purple', 'pink', 'brown'];
|
|
41
42
|
const Toolbar = () => {
|
|
42
43
|
const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
|
|
43
|
-
const [isBold, setIsBold] = (0,
|
|
44
|
-
const [isItalic, setIsItalic] = (0,
|
|
45
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
46
|
-
const [blockType, setBlockType] = (0,
|
|
47
|
-
const [isLink, setIsLink] = (0,
|
|
48
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
49
|
-
const [color, setColor] = (0,
|
|
50
|
-
const colorMenuRef = (0,
|
|
44
|
+
const [isBold, setIsBold] = (0, _react.useState)(false);
|
|
45
|
+
const [isItalic, setIsItalic] = (0, _react.useState)(false);
|
|
46
|
+
const [isStrikethrough, setIsStrikethrough] = (0, _react.useState)(false);
|
|
47
|
+
const [blockType, setBlockType] = (0, _react.useState)('paragraph');
|
|
48
|
+
const [isLink, setIsLink] = (0, _react.useState)(false);
|
|
49
|
+
const [isUnderline, setIsUnderline] = (0, _react.useState)(false);
|
|
50
|
+
const [color, setColor] = (0, _react.useState)(defaultColor);
|
|
51
|
+
const colorMenuRef = (0, _react.useRef)(false);
|
|
51
52
|
const formatBulletList = () => {
|
|
52
53
|
if (blockType !== 'ul') {
|
|
53
54
|
editor.dispatchCommand(_list.INSERT_UNORDERED_LIST_COMMAND);
|
|
@@ -62,7 +63,7 @@ const Toolbar = () => {
|
|
|
62
63
|
editor.dispatchCommand(_list.REMOVE_LIST_COMMAND);
|
|
63
64
|
}
|
|
64
65
|
};
|
|
65
|
-
const formatLink = (0,
|
|
66
|
+
const formatLink = (0, _react.useCallback)(() => {
|
|
66
67
|
if (!isLink) {
|
|
67
68
|
// eslint-disable-next-line no-alert
|
|
68
69
|
const path = prompt('Enter the full URL. Ex: https://www.example.com');
|
|
@@ -71,7 +72,7 @@ const Toolbar = () => {
|
|
|
71
72
|
editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, null);
|
|
72
73
|
}
|
|
73
74
|
}, [editor, isLink]);
|
|
74
|
-
const updateToolbar = (0,
|
|
75
|
+
const updateToolbar = (0, _react.useCallback)(() => {
|
|
75
76
|
const selection = (0, _lexical.$getSelection)();
|
|
76
77
|
|
|
77
78
|
// Check list selection
|
|
@@ -131,7 +132,7 @@ const Toolbar = () => {
|
|
|
131
132
|
}
|
|
132
133
|
});
|
|
133
134
|
}, _lexical.COMMAND_PRIORITY_NORMAL);
|
|
134
|
-
(0,
|
|
135
|
+
(0, _react.useEffect)(() => (0, _utils.mergeRegister)(editor.registerUpdateListener(_ref => {
|
|
135
136
|
let {
|
|
136
137
|
editorState
|
|
137
138
|
} = _ref;
|
|
@@ -139,7 +140,7 @@ const Toolbar = () => {
|
|
|
139
140
|
updateToolbar();
|
|
140
141
|
});
|
|
141
142
|
})), [updateToolbar, editor]);
|
|
142
|
-
const dispatchUpdateColor = (0,
|
|
143
|
+
const dispatchUpdateColor = (0, _react.useCallback)((e, payload) => {
|
|
143
144
|
e.stopPropagation();
|
|
144
145
|
editor.dispatchCommand(UPDATE_COLOR_COMMAND, payload);
|
|
145
146
|
}, [editor]);
|
|
@@ -253,5 +254,4 @@ const Toolbar = () => {
|
|
|
253
254
|
className: "icon"
|
|
254
255
|
}, "\\"))));
|
|
255
256
|
};
|
|
256
|
-
var _default = Toolbar;
|
|
257
|
-
exports.default = _default;
|
|
257
|
+
var _default = exports.default = Toolbar;
|
|
@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
11
|
var _formik = require("formik");
|
|
11
12
|
var _common = require("../../common");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* @pareto-engineering/generator-front 1.0.12 */
|
|
16
17
|
// Local Definitions
|
|
17
18
|
|
|
18
19
|
const baseClassName = _exports.default.base;
|
|
@@ -42,7 +43,7 @@ const LinkInput = _ref => {
|
|
|
42
43
|
desktopInputSpan
|
|
43
44
|
// ...otherProps
|
|
44
45
|
} = _ref;
|
|
45
|
-
(0,
|
|
46
|
+
(0, _react.useInsertionEffect)(() => {
|
|
46
47
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
47
48
|
}, []);
|
|
48
49
|
const [field] = (0, _formik.useField)({
|
|
@@ -160,5 +161,4 @@ LinkInput.defaultProps = {
|
|
|
160
161
|
color: 'paragraph',
|
|
161
162
|
disabled: false
|
|
162
163
|
};
|
|
163
|
-
var _default = /*#__PURE__*/(0,
|
|
164
|
-
exports.default = _default;
|
|
164
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(LinkInput);
|
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _reactRelay = require("react-relay");
|
|
9
10
|
var _formik = require("formik");
|
|
10
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
12
|
var _ChoicesInput = require("../ChoicesInput");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */
|
|
16
17
|
/**
|
|
17
18
|
* This is the component description.
|
|
@@ -39,8 +40,8 @@ const QueryChoices = _ref => {
|
|
|
39
40
|
setError
|
|
40
41
|
} = helpers;
|
|
41
42
|
const environment = (0, _reactRelay.useRelayEnvironment)();
|
|
42
|
-
const [isFetching, setIsFetching] = (0,
|
|
43
|
-
const [options, setOptions] = (0,
|
|
43
|
+
const [isFetching, setIsFetching] = (0, _react.useState)(false);
|
|
44
|
+
const [options, setOptions] = (0, _react.useState)([loadingOption]);
|
|
44
45
|
const {
|
|
45
46
|
graphql,
|
|
46
47
|
accessor
|
|
@@ -78,7 +79,7 @@ const QueryChoices = _ref => {
|
|
|
78
79
|
}
|
|
79
80
|
});
|
|
80
81
|
};
|
|
81
|
-
(0,
|
|
82
|
+
(0, _react.useEffect)(() => {
|
|
82
83
|
getOptions();
|
|
83
84
|
}, [variables]);
|
|
84
85
|
return /*#__PURE__*/React.createElement(_ChoicesInput.ChoicesInput, _extends({
|
|
@@ -157,5 +158,4 @@ QueryChoices.defaultProps = {
|
|
|
157
158
|
disabled: true
|
|
158
159
|
}
|
|
159
160
|
};
|
|
160
|
-
var _default = QueryChoices;
|
|
161
|
-
exports.default = _default;
|
|
161
|
+
var _default = exports.default = QueryChoices;
|
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _formik = require("formik");
|
|
9
10
|
var _reactRelay = require("react-relay");
|
|
10
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
12
|
var _common = require("./common");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
|
|
15
16
|
/**
|
|
16
17
|
* This is the component description.
|
|
17
18
|
*/
|
|
@@ -39,10 +40,12 @@ const QueryCombobox = _ref => {
|
|
|
39
40
|
labelSpan,
|
|
40
41
|
desktopLabelSpan,
|
|
41
42
|
inputSpan,
|
|
42
|
-
desktopInputSpan
|
|
43
|
+
desktopInputSpan,
|
|
44
|
+
placeholder,
|
|
45
|
+
promptCreateNewOption
|
|
43
46
|
// ...otherProps
|
|
44
47
|
} = _ref;
|
|
45
|
-
(0,
|
|
48
|
+
(0, _react.useInsertionEffect)(() => {
|
|
46
49
|
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
47
50
|
}, []);
|
|
48
51
|
const [, meta, helpers] = (0, _formik.useField)({
|
|
@@ -57,8 +60,8 @@ const QueryCombobox = _ref => {
|
|
|
57
60
|
value
|
|
58
61
|
} = meta;
|
|
59
62
|
const environment = (0, _reactRelay.useRelayEnvironment)();
|
|
60
|
-
const [isFetching, setIsFetching] = (0,
|
|
61
|
-
const [options, setOptions] = (0,
|
|
63
|
+
const [isFetching, setIsFetching] = (0, _react.useState)(false);
|
|
64
|
+
const [options, setOptions] = (0, _react.useState)([]);
|
|
62
65
|
const {
|
|
63
66
|
graphql,
|
|
64
67
|
accessor
|
|
@@ -103,6 +106,7 @@ const QueryCombobox = _ref => {
|
|
|
103
106
|
style,
|
|
104
107
|
options,
|
|
105
108
|
getOptions,
|
|
109
|
+
setOptions,
|
|
106
110
|
debounceMs,
|
|
107
111
|
disabled,
|
|
108
112
|
name,
|
|
@@ -120,7 +124,9 @@ const QueryCombobox = _ref => {
|
|
|
120
124
|
labelSpan,
|
|
121
125
|
desktopLabelSpan,
|
|
122
126
|
inputSpan,
|
|
123
|
-
desktopInputSpan
|
|
127
|
+
desktopInputSpan,
|
|
128
|
+
placeholder,
|
|
129
|
+
promptCreateNewOption
|
|
124
130
|
};
|
|
125
131
|
const Input = multiple ? _common.MultipleCombobox : _common.Combobox;
|
|
126
132
|
return /*#__PURE__*/React.createElement(Input, comboboxProps);
|
|
@@ -224,7 +230,12 @@ QueryCombobox.propTypes = {
|
|
|
224
230
|
/**
|
|
225
231
|
* The number of columns the input should span on desktop
|
|
226
232
|
*/
|
|
227
|
-
desktopInputSpan: _propTypes.default.number
|
|
233
|
+
desktopInputSpan: _propTypes.default.number,
|
|
234
|
+
/**
|
|
235
|
+
* Whether to prompt the user to create a new option if the search input
|
|
236
|
+
* does not match any of the options
|
|
237
|
+
*/
|
|
238
|
+
promptCreateNewOption: _propTypes.default.bool
|
|
228
239
|
};
|
|
229
240
|
QueryCombobox.defaultProps = {
|
|
230
241
|
optionsKeyMap: {
|
|
@@ -236,7 +247,7 @@ QueryCombobox.defaultProps = {
|
|
|
236
247
|
searchVariable: 'search',
|
|
237
248
|
transformSearch: search => search,
|
|
238
249
|
minLength: 2,
|
|
239
|
-
disabled: false
|
|
250
|
+
disabled: false,
|
|
251
|
+
promptCreateNewOption: false
|
|
240
252
|
};
|
|
241
|
-
var _default = QueryCombobox;
|
|
242
|
-
exports.default = _default;
|
|
253
|
+
var _default = exports.default = QueryCombobox;
|
|
@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var React = _react;
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _downshift = require("downshift");
|
|
10
11
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
@@ -14,8 +15,8 @@ var _b = require("../../../../../b");
|
|
|
14
15
|
var _common = require("../../../../common");
|
|
15
16
|
var _Menu = require("../Menu");
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
|
|
20
21
|
const baseClassName = _exports.default.base;
|
|
21
22
|
const componentClassName = 'combobox';
|
|
@@ -33,6 +34,7 @@ const Combobox = _ref => {
|
|
|
33
34
|
name,
|
|
34
35
|
options: items,
|
|
35
36
|
getOptions,
|
|
37
|
+
setOptions,
|
|
36
38
|
setValue,
|
|
37
39
|
description,
|
|
38
40
|
value,
|
|
@@ -45,7 +47,9 @@ const Combobox = _ref => {
|
|
|
45
47
|
labelSpan,
|
|
46
48
|
desktopLabelSpan,
|
|
47
49
|
inputSpan,
|
|
48
|
-
desktopInputSpan
|
|
50
|
+
desktopInputSpan,
|
|
51
|
+
placeholder,
|
|
52
|
+
promptCreateNewOption
|
|
49
53
|
// ...otherProps
|
|
50
54
|
} = _ref;
|
|
51
55
|
const {
|
|
@@ -74,22 +78,32 @@ const Combobox = _ref => {
|
|
|
74
78
|
}
|
|
75
79
|
}
|
|
76
80
|
});
|
|
81
|
+
(0, _react.useEffect)(() => {
|
|
82
|
+
if (promptCreateNewOption) {
|
|
83
|
+
(0, _common.lookUpInputValueFromFetchedOptions)({
|
|
84
|
+
items,
|
|
85
|
+
inputValue,
|
|
86
|
+
setOptions,
|
|
87
|
+
minLength
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
}, [inputValue, items, promptCreateNewOption]);
|
|
77
91
|
|
|
78
92
|
// If the user has selected an item, we'll set the value of the field
|
|
79
93
|
// or if the combobox state has a selected item, we'll set the value to the formik state
|
|
80
|
-
(0,
|
|
94
|
+
(0, _react.useEffect)(() => {
|
|
81
95
|
if (selectedItem) {
|
|
82
96
|
setValue(selectedItem);
|
|
83
97
|
}
|
|
84
98
|
}, [selectedItem]);
|
|
85
99
|
|
|
86
100
|
// If the formik state has a value, we'll set the selected item to the combobox state
|
|
87
|
-
(0,
|
|
101
|
+
(0, _react.useEffect)(() => {
|
|
88
102
|
if (value?.value !== selectedItem?.value) {
|
|
89
103
|
selectItem(value);
|
|
90
104
|
}
|
|
91
105
|
}, [value]);
|
|
92
|
-
const parentRef = (0,
|
|
106
|
+
const parentRef = (0, _react.useRef)(null);
|
|
93
107
|
const resetInputValue = () => setInputValue('');
|
|
94
108
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.FormLabel, _extends({}, getLabelProps(), {
|
|
95
109
|
name: name,
|
|
@@ -107,7 +121,8 @@ const Combobox = _ref => {
|
|
|
107
121
|
desktopColumnSpan: desktopInputSpan
|
|
108
122
|
}), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {
|
|
109
123
|
className: "input",
|
|
110
|
-
disabled: disabled
|
|
124
|
+
disabled: disabled,
|
|
125
|
+
placeholder: placeholder
|
|
111
126
|
})), isFetching && /*#__PURE__*/React.createElement(_a.LoadingCircle, {
|
|
112
127
|
className: "x-main"
|
|
113
128
|
}), inputValue.length > minLength && !isFetching && /*#__PURE__*/React.createElement(_b.Button, {
|
|
@@ -218,10 +233,13 @@ Combobox.propTypes = {
|
|
|
218
233
|
/**
|
|
219
234
|
* Whether the input is optional or not
|
|
220
235
|
*/
|
|
221
|
-
optional: _propTypes.default.bool
|
|
236
|
+
optional: _propTypes.default.bool,
|
|
237
|
+
/**
|
|
238
|
+
* The placeholder text for the input
|
|
239
|
+
*/
|
|
240
|
+
placeholder: _propTypes.default.string
|
|
222
241
|
};
|
|
223
242
|
Combobox.defaultProps = {
|
|
224
243
|
// someProp: false
|
|
225
244
|
};
|
|
226
|
-
var _default = Combobox;
|
|
227
|
-
exports.default = _default;
|
|
245
|
+
var _default = exports.default = Combobox;
|
|
@@ -8,8 +8,8 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */
|
|
14
14
|
// Local Definitions
|
|
15
15
|
|
|
@@ -80,5 +80,4 @@ Menu.propTypes = {
|
|
|
80
80
|
Menu.defaultProps = {
|
|
81
81
|
// someProp:false
|
|
82
82
|
};
|
|
83
|
-
var _default = Menu;
|
|
84
|
-
exports.default = _default;
|
|
83
|
+
var _default = exports.default = Menu;
|