@inseefr/lunatic 2.0.0-rc9 → 2.0.0-v2test

package/lib/components/commons/components/combo-box/selection/delete.js

@@ -0,0 +1,53 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _fab = require("../../fab");
+var _icons = require("../../../../commons/icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+function isDisabled(search) {
+  return !search || search.trim().length === 0;
+}
+function createOnKeyDown(onClick) {
+  if (typeof onClick === 'function') {
+    return function onKeyDown(e) {
+      var key = e.key;
+      if (key === 'Enter') {
+        onClick();
+      }
+    };
+  }
+  return function () {
+    return null;
+  };
+}
+function Delete(_ref) {
+  var className = _ref.className,
+    search = _ref.search,
+    onClick = _ref.onClick,
+    editable = _ref.editable;
+  var onKeyDown = (0, _react.useMemo)(function () {
+    return createOnKeyDown(onClick);
+  }, [onClick]);
+  if (editable) {
+    return /*#__PURE__*/_react["default"].createElement(_fab.Fab, {
+      className: (0, _classnames["default"])('mini', 'lunatic-combo-box-fab', className),
+      title: "delete",
+      onClick: onClick,
+      disabled: isDisabled(search),
+      onKeyDown: onKeyDown
+    }, /*#__PURE__*/_react["default"].createElement(_icons.CrossIcon, {
+      className: "lunatic-combo-box-icon"
+    }));
+  }
+  return null;
+}
+var _default = Delete;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/selection/displayLabelOrInput.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function displayLabelOrInput(Field, name) {
+  var Memoized = /*#__PURE__*/_react["default"].memo(Field);
+  return function LabelOrInput(props) {
+    var editable = props.editable,
+      expended = props.expended;
+    var displayLabel = !editable || !expended;
+    if (name === 'Input' && !displayLabel || name === 'LabelSelection' && displayLabel) {
+      return /*#__PURE__*/_react["default"].createElement(Memoized, props);
+    }
+    return null;
+  };
+}
+var _default = displayLabelOrInput;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/selection/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _selection["default"];
+  }
+});
+var _selection = _interopRequireDefault(require("./selection"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/combo-box/selection/input.js

@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _displayLabelOrInput = _interopRequireDefault(require("./displayLabelOrInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+function Input(_ref) {
+  var placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    id = _ref.id,
+    labelledBy = _ref.labelledBy,
+    focused = _ref.focused,
+    className = _ref.className;
+  var inputEl = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if (inputEl.current && focused) {
+      inputEl.current.focus();
+    }
+  }, [inputEl, focused]);
+  function onKeydown(e) {
+    var key = e.key;
+    if (key === 'ArrowUp' || key === 'ArrowDown') {
+      e.preventDefault();
+    }
+  }
+  return /*#__PURE__*/_react["default"].createElement("input", {
+    ref: inputEl,
+    id: id,
+    className: (0, _classnames["default"])('lunatic-combo-box-input', className),
+    type: "text",
+    onChange: onChange,
+    value: value,
+    "aria-label": "lunatic-combo-box",
+    title: "combo-box",
+    autoComplete: "off",
+    autoCapitalize: "off",
+    autoCorrect: "off",
+    spellCheck: "false",
+    placeholder: placeholder,
+    disabled: disabled,
+    "aria-labelledby": labelledBy,
+    onKeyDown: onKeydown
+  });
+}
+var _default = (0, _displayLabelOrInput["default"])(Input, 'Input');
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/selection/label-selection.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _displayLabelOrInput = _interopRequireDefault(require("./displayLabelOrInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function LabelSelection(_ref) {
+  var Renderer = _ref.labelRenderer,
+    placeholder = _ref.placeholder,
+    selectedIndex = _ref.selectedIndex,
+    options = _ref.options,
+    search = _ref.search,
+    disabled = _ref.disabled,
+    labelledBy = _ref.labelledBy;
+  var option = selectedIndex !== undefined ? options[selectedIndex] : undefined;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('lunatic-combo-box-selected', {
+      disabled: disabled
+    }),
+    "aria-labelledby": labelledBy
+  }, /*#__PURE__*/_react["default"].createElement(Renderer, {
+    option: option,
+    placeholder: placeholder,
+    search: search
+  }));
+}
+var _default = (0, _displayLabelOrInput["default"])(LabelSelection, 'LabelSelection');
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/selection/selection-container.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function SelectionContainer(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    expended = _ref.expended,
+    focused = _ref.focused,
+    disabled = _ref.disabled;
+  var comboBoxId = "lunatic-combo-box-selection-".concat(id);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: comboBoxId,
+    className: (0, _classnames["default"])('lunatic-combo-box-selection', {
+      focused: focused,
+      disabled: disabled
+    }),
+    role: "combobox",
+    "aria-controls": 'todo',
+    "aria-haspopup": "listbox",
+    "aria-expanded": expended,
+    "aria-autocomplete": "list",
+    "aria-owns": comboBoxId
+  }, children);
+}
+var _default = SelectionContainer;
+exports["default"] = _default;
+SelectionContainer.defaultProps = {
+  id: 'idUndefined'
+};

package/lib/components/commons/components/combo-box/selection/selection.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _labelSelection = _interopRequireDefault(require("./label-selection"));
+var _input = _interopRequireDefault(require("./input"));
+var _selectionContainer = _interopRequireDefault(require("./selection-container"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+function Selection(_ref) {
+  var labelRenderer = _ref.labelRenderer,
+    placeholder = _ref.placeholder,
+    search = _ref.search,
+    expended = _ref.expended,
+    htmlFor = _ref.htmlFor,
+    disabled = _ref.disabled,
+    focused = _ref.focused,
+    onChange = _ref.onChange,
+    selectedIndex = _ref.selectedIndex,
+    options = _ref.options,
+    editable = _ref.editable,
+    labelledBy = _ref.labelledBy,
+    id = _ref.id;
+  var onChangeEx = (0, _react.useCallback)(function (e) {
+    onChange(e.target.value);
+  }, [onChange]);
+  return /*#__PURE__*/_react["default"].createElement(_selectionContainer["default"], {
+    id: id,
+    "aria-controls": 'todo',
+    expanded: expended,
+    ariaOwns: "".concat(id, "-list")
+  }, /*#__PURE__*/_react["default"].createElement(_labelSelection["default"], {
+    id: htmlFor,
+    labelRenderer: labelRenderer,
+    placeholder: placeholder,
+    editable: editable,
+    selectedIndex: selectedIndex,
+    options: options,
+    search: search,
+    disabled: disabled,
+    labelledBy: labelledBy,
+    expended: expended
+  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    id: htmlFor,
+    className: "lunatic-combo-box-input",
+    onChange: onChangeEx,
+    value: search,
+    placeholder: placeholder,
+    disabled: disabled,
+    focused: focused,
+    editable: editable,
+    expended: expended
+  }));
+}
+var _default = Selection;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/actions.js

@@ -0,0 +1,82 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onSelect = exports.onKeydown = exports.onInit = exports.onFocus = exports.onDelete = exports.onChange = exports.onBlur = exports.ON_SELECT = exports.ON_KEYDOWN = exports.ON_INIT = exports.ON_FOCUS = exports.ON_DELETE = exports.ON_CHANGE = exports.ON_BLUR = void 0;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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); }
+var ON_CHANGE = 'combo-box/on-change';
+exports.ON_CHANGE = ON_CHANGE;
+var onChange = function onChange(search) {
+  return {
+    type: ON_CHANGE,
+    payload: {
+      search: search
+    }
+  };
+};
+exports.onChange = onChange;
+var ON_SELECT = 'combo-box/on-select';
+exports.ON_SELECT = ON_SELECT;
+var onSelect = function onSelect(selectedIndex) {
+  return {
+    type: ON_SELECT,
+    payload: {
+      selectedIndex: selectedIndex
+    }
+  };
+};
+exports.onSelect = onSelect;
+var ON_KEYDOWN = 'combo-box/on-keydown';
+exports.ON_KEYDOWN = ON_KEYDOWN;
+var onKeydown = function onKeydown(key, nbOptions) {
+  return {
+    type: ON_KEYDOWN,
+    payload: {
+      key: key,
+      nbOptions: nbOptions
+    }
+  };
+};
+exports.onKeydown = onKeydown;
+var ON_DELETE = 'combo-box/on-delete';
+exports.ON_DELETE = ON_DELETE;
+var onDelete = function onDelete() {
+  return {
+    type: ON_DELETE
+  };
+};
+exports.onDelete = onDelete;
+var ON_FOCUS = 'combo-box/on-focus';
+exports.ON_FOCUS = ON_FOCUS;
+var onFocus = function onFocus() {
+  return {
+    type: ON_FOCUS
+  };
+};
+exports.onFocus = onFocus;
+var ON_BLUR = 'combo-box/on-blur';
+exports.ON_BLUR = ON_BLUR;
+var onBlur = function onBlur() {
+  return {
+    type: ON_BLUR
+  };
+};
+exports.onBlur = onBlur;
+var ON_INIT = 'combo-box/on-init';
+exports.ON_INIT = ON_INIT;
+var onInit = function onInit(_ref) {
+  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return {
+    type: ON_INIT,
+    payload: _objectSpread({}, args)
+  };
+};
+exports.onInit = onInit;

package/lib/components/commons/components/combo-box/state-management/combo-box-context.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ComboBoxContext = /*#__PURE__*/_react["default"].createContext({
+  dispatch: function dispatch(state) {
+    return state;
+  },
+  state: {}
+});
+var _default = ComboBoxContext;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComboBoxContext", {
+  enumerable: true,
+  get: function get() {
+    return _comboBoxContext["default"];
+  }
+});
+Object.defineProperty(exports, "INITIAL_STATE", {
+  enumerable: true,
+  get: function get() {
+    return _initialState["default"];
+  }
+});
+exports.actions = void 0;
+Object.defineProperty(exports, "reducer", {
+  enumerable: true,
+  get: function get() {
+    return _reducer["default"];
+  }
+});
+var _initialState = _interopRequireDefault(require("./initial-state"));
+var _reducer = _interopRequireDefault(require("./reducer"));
+var _comboBoxContext = _interopRequireDefault(require("./combo-box-context"));
+var _actions = _interopRequireWildcard(require("./actions"));
+exports.actions = _actions;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/combo-box/state-management/initial-state.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var INITIAL_STATE = {
+  focused: false,
+  expended: false,
+  selectedIndex: undefined,
+  search: ''
+};
+var _default = INITIAL_STATE;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/reducer/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _reducer["default"];
+  }
+});
+var _reducer = _interopRequireDefault(require("./reducer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-blur.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function reduceOnBlur(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    expended: false,
+    focused: false
+  });
+}
+var _default = reduceOnBlur;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-change.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function reduceOnChange(state, action) {
+  var payload = action.payload;
+  var search = payload.search;
+  return _objectSpread(_objectSpread({}, state), {}, {
+    search: search,
+    selectedIndex: undefined
+  });
+}
+var _default = reduceOnChange;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-delete.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function reduceOnDelete(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    search: '',
+    selectedIndex: undefined,
+    expended: false
+  });
+}
+var _default = reduceOnDelete;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-focus.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function reduceOnFocus(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    expended: true,
+    focused: true
+  });
+}
+var _default = reduceOnFocus;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-init.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function reduceOnInit(state, action) {
+  var payload = action.payload;
+  var options = payload.options,
+    value = payload.value,
+    getOptionValue = payload.getOptionValue;
+  // const { selectedIndex } = state;
+
+  if (Array.isArray(options) && value !== undefined) {
+    var next = options.reduce(function (current, option, index) {
+      var optionValue = getOptionValue(option);
+      if (value === optionValue) {
+        return index;
+      }
+      return current;
+    }, undefined);
+    return _objectSpread(_objectSpread({}, state), {}, {
+      selectedIndex: next
+    });
+  }
+  if (!value) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      selectedIndex: undefined
+    });
+  }
+  return state;
+}
+var _default = reduceOnInit;
+exports["default"] = _default;

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-keydown/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _reduceOnKeydown["default"];
+  }
+});
+var _reduceOnKeydown = _interopRequireDefault(require("./reduce-on-keydown"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/combo-box/state-management/reducer/reduce-on-keydown/keyboard-key-codes.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.KEYBOARD_KEY_CODES = void 0;
+var KEYBOARD_KEY_CODES = {
+  ArrowUp: 'ArrowUp',
+  ArrowDown: 'ArrowDown',
+  Home: 'Home',
+  End: 'End',
+  Enter: 'Enter',
+  Escape: 'Escape',
+  Tab: 'Tab'
+};
+exports.KEYBOARD_KEY_CODES = KEYBOARD_KEY_CODES;
+var _default = KEYBOARD_KEY_CODES;
+exports["default"] = _default;