@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.
Files changed (109) hide show
  1. package/dist/cjs/a/AnimatedBlobs/AnimatedBlobs.js +6 -6
  2. package/dist/cjs/a/AnimatedGradient/AnimatedGradient.js +7 -7
  3. package/dist/cjs/a/AppContext/Context.js +3 -4
  4. package/dist/cjs/a/AppContext/ContextProvider.js +6 -6
  5. package/dist/cjs/a/AppContext/useTheme.js +2 -3
  6. package/dist/cjs/a/BlurOverlay/BlurOverlay.js +6 -6
  7. package/dist/cjs/a/ContentTree/ContentTree.js +6 -6
  8. package/dist/cjs/a/ContentTree/common/Tree/Tree.js +8 -8
  9. package/dist/cjs/a/ContentTree/common/useContentTree.js +1 -2
  10. package/dist/cjs/a/ContentTree/common/useFirstVisibleNode.js +1 -2
  11. package/dist/cjs/a/Conversation/Context.js +3 -4
  12. package/dist/cjs/a/Conversation/Conversation.js +6 -6
  13. package/dist/cjs/a/Conversation/common/Message/Message.js +3 -4
  14. package/dist/cjs/a/DotInfo/DotInfo.js +6 -6
  15. package/dist/cjs/a/Figure/Figure.js +6 -6
  16. package/dist/cjs/a/HamburgerButton/HamburgerButton.js +6 -6
  17. package/dist/cjs/a/IconList/IconList.js +6 -6
  18. package/dist/cjs/a/IconList/common/Item/Item.js +3 -4
  19. package/dist/cjs/a/Label/Label.js +6 -6
  20. package/dist/cjs/a/LoadingCircle/LoadingCircle.js +6 -6
  21. package/dist/cjs/a/MetaCard/MetaCard.js +6 -6
  22. package/dist/cjs/a/People/People.js +6 -6
  23. package/dist/cjs/a/People/common/Person/Person.js +3 -4
  24. package/dist/cjs/a/Popover/Popover.js +7 -7
  25. package/dist/cjs/a/ProgressBar/ProgressBar.js +6 -6
  26. package/dist/cjs/a/Quote/Quote.js +6 -6
  27. package/dist/cjs/a/Removable/Removable.js +6 -6
  28. package/dist/cjs/a/SVG/SVG.js +7 -7
  29. package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js +3 -4
  30. package/dist/cjs/a/SnapScroller/SnapScroller.js +10 -10
  31. package/dist/cjs/a/Spinner/Spinner.js +6 -6
  32. package/dist/cjs/a/TextSteps/TextSteps.js +6 -6
  33. package/dist/cjs/a/Timestamp/Timestamp.js +9 -9
  34. package/dist/cjs/a/Tip/Tip.js +6 -6
  35. package/dist/cjs/a/ToggleSwitch/ToggleSwitch.js +10 -10
  36. package/dist/cjs/b/Button/Button.js +6 -6
  37. package/dist/cjs/b/Button/common/Group/Group.js +6 -6
  38. package/dist/cjs/b/Card/Card.js +6 -6
  39. package/dist/cjs/b/Card/common/Group/Group.js +6 -6
  40. package/dist/cjs/b/Card/common/Section/Section.js +3 -4
  41. package/dist/cjs/b/Logo/Logo.js +7 -7
  42. package/dist/cjs/b/Page/Context.js +3 -4
  43. package/dist/cjs/b/Page/Page.js +7 -7
  44. package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +6 -6
  45. package/dist/cjs/b/Page/common/Section/Section.js +3 -4
  46. package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +6 -6
  47. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +8 -8
  48. package/dist/cjs/b/Title/Title.js +6 -6
  49. package/dist/cjs/c/ContentSlides/ContentSlides.js +8 -8
  50. package/dist/cjs/c/ContentSlides/Context.js +3 -4
  51. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +3 -4
  52. package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +3 -4
  53. package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js +3 -4
  54. package/dist/cjs/c/ContentSlides/common/Slide/Slide.js +3 -4
  55. package/dist/cjs/c/Modal/Modal.js +6 -6
  56. package/dist/cjs/c/Modal/common/ModalHeader/ModalHeader.js +3 -4
  57. package/dist/cjs/c/Shortener/Shortener.js +7 -7
  58. package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js +6 -6
  59. package/dist/cjs/f/FormInput/FormInput.js +6 -6
  60. package/dist/cjs/f/common/Debugger/Debugger.js +8 -8
  61. package/dist/cjs/f/common/Description/Description.js +6 -6
  62. package/dist/cjs/f/common/InputWrapper/InputWrapper.js +6 -6
  63. package/dist/cjs/f/common/Label/Label.js +6 -6
  64. package/dist/cjs/f/common/index.js +19 -1
  65. package/dist/cjs/f/common/utils/index.js +12 -0
  66. package/dist/cjs/f/common/utils/lookUpInputValueFromFetchedOptions.js +29 -0
  67. package/dist/cjs/f/fields/Checkbox/Checkbox.js +6 -6
  68. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +6 -6
  69. package/dist/cjs/f/fields/ChoicesInput/common/Choice/Choice.js +3 -4
  70. package/dist/cjs/f/fields/EditorInput/EditorInput.js +6 -6
  71. package/dist/cjs/f/fields/EditorInput/common/Toolbar.js +17 -17
  72. package/dist/cjs/f/fields/EditorInput/common/TreeViewPlugin.js +1 -2
  73. package/dist/cjs/f/fields/LinkInput/LinkInput.js +6 -6
  74. package/dist/cjs/f/fields/QueryChoices/QueryChoices.js +8 -8
  75. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +23 -12
  76. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +29 -11
  77. package/dist/cjs/f/fields/QueryCombobox/common/Menu/Menu.js +3 -4
  78. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +30 -12
  79. package/dist/cjs/f/fields/QuerySelect/QuerySelect.js +8 -8
  80. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +7 -7
  81. package/dist/cjs/f/fields/RatingsInput/common/Rating/Rating.js +3 -4
  82. package/dist/cjs/f/fields/SelectInput/SelectInput.js +6 -6
  83. package/dist/cjs/f/fields/TextInput/TextInput.js +6 -6
  84. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +6 -6
  85. package/dist/cjs/r/SwitchRouteMap/SwitchRouteMap.js +3 -4
  86. package/dist/cjs/r/common/PrivateRoute/PrivateRoute.js +6 -6
  87. package/dist/cjs/test/QueryLoader/QueryLoader.js +7 -7
  88. package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +3 -4
  89. package/dist/cjs/utils/hooks/useDynamicPosition.js +1 -2
  90. package/dist/cjs/utils/hooks/useWindowSize.js +1 -2
  91. package/dist/es/a/ToggleSwitch/ToggleSwitch.js +4 -4
  92. package/dist/es/b/ThemeSelector/ThemeSelector.js +1 -1
  93. package/dist/es/f/common/index.js +2 -1
  94. package/dist/es/f/common/utils/index.js +1 -0
  95. package/dist/es/f/common/utils/lookUpInputValueFromFetchedOptions.js +20 -0
  96. package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +15 -4
  97. package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +22 -4
  98. package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +22 -4
  99. package/package.json +3 -2
  100. package/src/stories/f/QueryCombobox.stories.jsx +18 -0
  101. package/src/ui/a/ToggleSwitch/ToggleSwitch.jsx +8 -4
  102. package/src/ui/b/ThemeSelector/ThemeSelector.jsx +1 -1
  103. package/src/ui/f/common/index.js +1 -0
  104. package/src/ui/f/common/utils/index.js +1 -0
  105. package/src/ui/f/common/utils/lookUpInputValueFromFetchedOptions.js +23 -0
  106. package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +18 -6
  107. package/src/ui/f/fields/QueryCombobox/common/Combobox/Combobox.jsx +18 -2
  108. package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +18 -1
  109. 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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /* @pareto-engineering/generator-front 1.0.12 */
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, React.useInsertionEffect)(() => {
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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
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, React.useInsertionEffect)(() => {
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, React.memo)(ChoicesInput);
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /* @pareto-engineering/generator-front 1.0.12 */ /* eslint-disable import/no-extraneous-dependencies -- required here */ // Local Definitions
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, React.useInsertionEffect)(() => {
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, React.memo)(EditorInput);
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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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, React.useState)(false);
44
- const [isItalic, setIsItalic] = (0, React.useState)(false);
45
- const [isStrikethrough, setIsStrikethrough] = (0, React.useState)(false);
46
- const [blockType, setBlockType] = (0, React.useState)('paragraph');
47
- const [isLink, setIsLink] = (0, React.useState)(false);
48
- const [isUnderline, setIsUnderline] = (0, React.useState)(false);
49
- const [color, setColor] = (0, React.useState)(defaultColor);
50
- const colorMenuRef = (0, React.useRef)(false);
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, React.useCallback)(() => {
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, React.useCallback)(() => {
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, React.useEffect)(() => (0, _utils.mergeRegister)(editor.registerUpdateListener(_ref => {
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, React.useCallback)((e, payload) => {
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;
@@ -15,5 +15,4 @@ const TreeViewPlugin = () => {
15
15
  editor: editor
16
16
  });
17
17
  };
18
- var _default = TreeViewPlugin;
19
- exports.default = _default;
18
+ var _default = exports.default = TreeViewPlugin;
@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /* @pareto-engineering/generator-front 1.0.12 */
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, React.useInsertionEffect)(() => {
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, React.memo)(LinkInput);
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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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, React.useState)(false);
43
- const [options, setOptions] = (0, React.useState)([loadingOption]);
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, React.useEffect)(() => {
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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
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, React.useInsertionEffect)(() => {
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, React.useState)(false);
61
- const [options, setOptions] = (0, React.useState)([]);
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 React = _interopRequireWildcard(require("react"));
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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, React.useEffect)(() => {
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, React.useEffect)(() => {
101
+ (0, _react.useEffect)(() => {
88
102
  if (value?.value !== selectedItem?.value) {
89
103
  selectItem(value);
90
104
  }
91
105
  }, [value]);
92
- const parentRef = (0, React.useRef)(null);
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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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;