@activecollab/components 2.0.166 → 2.0.168

package/dist/cjs/components/Input/InputTime.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledInputTimeWrapper = exports.InputTime = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _compromise = _interopRequireDefault(require("compromise"));
+var _compromiseDates = _interopRequireDefault(require("compromise-dates"));
+var _moment = _interopRequireDefault(require("moment"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _timeUtils = require("../../utils/timeUtils");
+var _ComboBox = require("../ComboBox/ComboBox");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+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; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+_compromise.default.plugin(_compromiseDates.default);
+var StyledInputTimeWrapper = exports.StyledInputTimeWrapper = _styledComponents.default.div.withConfig({
+  displayName: "InputTime__StyledInputTimeWrapper",
+  componentId: "sc-71akdh-0"
+})(["max-width:176px;flex:1;& .c-combo-box--list{min-width:176px;}"]);
+var renderOption = function renderOption(option) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: option.id
+  }, option.name);
+};
+var InputTime = exports.InputTime = function InputTime(_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "24" : _ref$mode,
+    defaultSelected = _ref.selected,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? "00:00" : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? "23:45" : _ref$max,
+    onChange = _ref.onChange,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 15 : _ref$step,
+    size = _ref.size,
+    className = _ref.className,
+    placeholder = _ref.placeholder,
+    triggerMode = _ref.triggerMode,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid;
+  var _useState = (0, _react.useState)(defaultSelected || ""),
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var generateTimeOptions = function generateTimeOptions() {
+    var minTime = (0, _moment.default)((0, _timeUtils.isValidTime)(min) ? min : "00:00", "HH:mm");
+    var maxTime = (0, _moment.default)((0, _timeUtils.isValidTime)(max) ? max : "23:45", "HH:mm");
+    var options = [];
+    var currentTime = minTime.clone();
+    while (currentTime.isSameOrBefore(maxTime)) {
+      options.push({
+        id: currentTime.format("HH:mm"),
+        name: currentTime.format(mode === "12" ? "hh:mm A" : "HH:mm")
+      });
+      currentTime.add(step, "minutes");
+    }
+    return options;
+  };
+  var timeOptions = generateTimeOptions();
+  var handleInputChange = (0, _react.useCallback)(function (text) {
+    var doc = (0, _compromise.default)(text);
+    var parsed = doc.times().get()[0];
+    if (parsed && parsed["24h"] && parsed["24h"] !== selected) {
+      var value = (0, _moment.default)(parsed).format("HH:mm");
+      if (timeOptions.some(function (option) {
+        return option.id === value;
+      })) {
+        setSelected(value);
+        onChange === null || onChange === void 0 || onChange(value);
+        setIsOpen(false);
+      }
+    }
+  }, [onChange, selected, timeOptions]);
+  var handleChange = function handleChange(e) {
+    setSelected(e);
+    onChange === null || onChange === void 0 || onChange(e);
+  };
+  var handleOpen = function handleOpen() {
+    setIsOpen(true);
+  };
+  var handleClose = function handleClose() {
+    setIsOpen(false);
+  };
+  (0, _react.useEffect)(function () {
+    if (isOpen && selected) {
+      var _document$getElementB;
+      var selectedItem = (_document$getElementB = document.getElementById(selected)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
+      selectedItem === null || selectedItem === void 0 || selectedItem.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    }
+  }, [isOpen, selected]);
+  return /*#__PURE__*/_react.default.createElement(StyledInputTimeWrapper, {
+    className: (0, _classnames.default)("c-input-time", className)
+  }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, {
+    options: timeOptions,
+    open: isOpen,
+    disabledInternalSort: true,
+    selected: selected,
+    keepSameOptionsOrder: true,
+    onInputChange: handleInputChange,
+    onChange: handleChange,
+    forceCloseMenu: true,
+    placeholder: placeholder,
+    renderOption: renderOption,
+    autoHeightMax: 226,
+    size: size,
+    onClose: handleClose,
+    onOpen: handleOpen,
+    triggerMode: triggerMode,
+    disabled: disabled,
+    invalid: invalid
+  }));
+};
+//# sourceMappingURL=InputTime.js.map

package/dist/cjs/components/Input/InputTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTime.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_compromise","_compromiseDates","_moment","_styledComponents","_timeUtils","_ComboBox","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","nlp","plugin","plg","StyledInputTimeWrapper","exports","styled","div","withConfig","displayName","componentId","renderOption","option","createElement","id","InputTime","_ref","_ref$mode","mode","defaultSelected","selected","_ref$min","min","_ref$max","max","onChange","_ref$step","step","size","className","placeholder","triggerMode","disabled","invalid","_useState","useState","_useState2","setSelected","_useState3","_useState4","isOpen","setIsOpen","generateTimeOptions","minTime","moment","isValidTime","maxTime","options","currentTime","clone","isSameOrBefore","format","add","timeOptions","handleInputChange","useCallback","text","doc","parsed","times","some","handleChange","handleOpen","handleClose","useEffect","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","classNames","ComboBox","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","forceCloseMenu","autoHeightMax","onClose","onOpen"],"sources":["../../../../src/components/Input/InputTime.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport nlp from \"compromise\";\nimport plg, { DatesMethods } from \"compromise-dates\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\n\nimport { InputMode, InputSize } from \"./types\";\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { ComboBox } from \"../ComboBox/ComboBox\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Time24HourFormat } from \"../SelectTime\";\n\nnlp.plugin(plg);\n\nexport const StyledInputTimeWrapper = styled.div`\n  max-width: 176px;\n  flex: 1;\n\n  & .c-combo-box--list {\n    min-width: 176px;\n  }\n`;\n\nexport interface InputTimeProps {\n  mode?: \"12\" | \"24\";\n  selected?: Time24HourFormat;\n  min?: Time24HourFormat;\n  max?: Time24HourFormat;\n  onChange?: (val: string) => void;\n  className?: string;\n  placeholder?: string;\n  size?: InputSize;\n  step?: 1 | 5 | 15 | 30 | 60;\n  triggerMode?: InputMode;\n  disabled?: boolean;\n  invalid?: boolean;\n}\n\nconst renderOption = (option) => {\n  return <div id={option.id}>{option.name}</div>;\n};\n\nexport const InputTime: React.FC<InputTimeProps> = ({\n  mode = \"24\",\n  selected: defaultSelected,\n  min = \"00:00\",\n  max = \"23:45\",\n  onChange,\n  step = 15,\n  size,\n  className,\n  placeholder,\n  triggerMode,\n  disabled,\n  invalid,\n}) => {\n  const [selected, setSelected] = useState<string>(defaultSelected || \"\");\n  const [isOpen, setIsOpen] = useState(false);\n\n  const generateTimeOptions = (): IOptionItemProps[] => {\n    const minTime = moment(isValidTime(min) ? min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(max) ? max : \"23:45\", \"HH:mm\");\n    const options: IOptionItemProps[] = [];\n\n    const currentTime = minTime.clone();\n    while (currentTime.isSameOrBefore(maxTime)) {\n      options.push({\n        id: currentTime.format(\"HH:mm\"),\n        name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n      });\n      currentTime.add(step, \"minutes\");\n    }\n\n    return options;\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      const doc = nlp<DatesMethods>(text);\n      const parsed = doc.times().get()[0];\n      if (parsed && parsed[\"24h\"] && parsed[\"24h\"] !== selected) {\n        const value = moment(parsed).format(\"HH:mm\");\n        if (timeOptions.some((option) => option.id === value)) {\n          setSelected(value);\n          onChange?.(value);\n          setIsOpen(false);\n        }\n      }\n    },\n    [onChange, selected, timeOptions]\n  );\n\n  const handleChange = (e) => {\n    setSelected(e);\n    onChange?.(e);\n  };\n\n  const handleOpen = () => {\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const selectedItem = document.getElementById(selected)?.parentElement;\n      selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n    }\n  }, [isOpen, selected]);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        options={timeOptions}\n        open={isOpen}\n        disabledInternalSort\n        selected={selected}\n        keepSameOptionsOrder\n        onInputChange={handleInputChange}\n        onChange={handleChange}\n        forceCloseMenu\n        placeholder={placeholder}\n        renderOption={renderOption}\n        autoHeightMax={226}\n        size={size}\n        onClose={handleClose}\n        onOpen={handleOpen}\n        triggerMode={triggerMode}\n        disabled={disabled}\n        invalid={invalid}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Input/index.js

@@ -91,4 +91,15 @@ Object.keys(_InputPhone).forEach(function (key) {
     }
   });
 });
+var _InputTime = require("./InputTime");
+Object.keys(_InputTime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputTime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputTime[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_InputAdornment","_InputHours","_InputCurrency","_InputNumber","_InputPassword","_InputUrl","_InputPhone"],"sources":["../../../../src/components/Input/index.ts"],"sourcesContent":["export * from \"./Input\";\nexport * from \"./InputAdornment\";\nexport * from \"./InputHours\";\nexport * from \"./InputCurrency\";\nexport * from \"./InputNumber\";\nexport * from \"./InputPassword\";\nexport * from \"./InputUrl\";\nexport * from \"./InputPhone\";\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_InputAdornment","_InputHours","_InputCurrency","_InputNumber","_InputPassword","_InputUrl","_InputPhone","_InputTime"],"sources":["../../../../src/components/Input/index.ts"],"sourcesContent":["export * from \"./Input\";\nexport * from \"./InputAdornment\";\nexport * from \"./InputHours\";\nexport * from \"./InputCurrency\";\nexport * from \"./InputNumber\";\nexport * from \"./InputPassword\";\nexport * from \"./InputUrl\";\nexport * from \"./InputPhone\";\nexport * from \"./InputTime\";\n"],"mappings":"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"}

package/dist/cjs/components/SelectTime/SelectTime.js

@@ -14,13 +14,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var renderOption = function renderOption(option) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: option.id
+  }, option.name);
+};
 var SelectTime = exports.SelectTime = function SelectTime(_ref) {
   var _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? "24" : _ref$mode,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? "12:00" : _ref$selected,
-    min = _ref.min,
-    max = _ref.max,
+    selected = _ref.selected,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? "00:00" : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? "23:45" : _ref$max,
     onChange = _ref.onChange,
     target = _ref.target,
     triggerMode = _ref.triggerMode,
@@ -43,6 +49,18 @@ var SelectTime = exports.SelectTime = function SelectTime(_ref) {
   };
   var timeOptions = generateTimeOptions();
   var displaySelectedTime = (0, _moment.default)(selected, "HH:mm").format(mode === "12" ? "hh:mm A" : "HH:mm");
+  var handleScrollToSelected = function handleScrollToSelected() {
+    if (selected) {
+      setTimeout(function () {
+        var _document$getElementB;
+        var selectedItem = (_document$getElementB = document.getElementById(selected)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
+        selectedItem === null || selectedItem === void 0 || selectedItem.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      }, 50);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_Select.Select, {
     options: timeOptions,
     disabledInternalSort: true,
@@ -53,12 +71,10 @@ var SelectTime = exports.SelectTime = function SelectTime(_ref) {
       mode: triggerMode
     }, rest), displaySelectedTime),
     mode: "tiny",
-    renderOption: function renderOption(_ref2) {
-      var name = _ref2.name;
-      return /*#__PURE__*/_react.default.createElement("div", null, name);
-    },
+    renderOption: renderOption,
     onChange: onChange,
-    forceCloseMenu: true
+    forceCloseMenu: true,
+    onSelectOpen: handleScrollToSelected
   });
 };
 //# sourceMappingURL=SelectTime.js.map

package/dist/cjs/components/SelectTime/SelectTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTime.js","names":["_react","_interopRequireDefault","require","_moment","_timeUtils","_Select","_SelectTrigger","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectTime","exports","_ref","_ref$mode","mode","_ref$selected","selected","min","max","onChange","triggerMode","_ref$step","step","rest","generateTimeOptions","minTime","moment","isValidTime","maxTime","options","currentTime","clone","isSameOrBefore","push","id","format","name","add","timeOptions","displaySelectedTime","createElement","Select","disabledInternalSort","disableSearch","keepSameOptionsOrder","SelectTrigger","renderOption","_ref2","forceCloseMenu"],"sources":["../../../../src/components/SelectTime/SelectTime.tsx"],"sourcesContent":["import React from \"react\";\n\nimport moment from \"moment\";\n\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { InputMode } from \"../Input/types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { ElementWithRef, Select } from \"../Select/Select\";\nimport { SelectTrigger, SelectTriggerProps } from \"../SelectTrigger\";\n\nexport type Time24HourFormat = `${string}:${string}` | undefined;\n\nexport interface SelectTimeProps extends Omit<SelectTriggerProps, \"mode\"> {\n  mode?: \"12\" | \"24\";\n  selected?: Time24HourFormat;\n  min?: Time24HourFormat;\n  max?: Time24HourFormat;\n  onChange?: () => void;\n  target?: ElementWithRef<Element>;\n  className?: string;\n  triggerMode?: InputMode;\n  locale?: string;\n  trigger?: string;\n  step?: number;\n}\n\nexport const SelectTime: React.FC<SelectTimeProps> = ({\n  mode = \"24\",\n  selected = \"12:00\",\n  min,\n  max,\n  onChange,\n  target,\n  triggerMode,\n  step = 15,\n  ...rest\n}) => {\n  const generateTimeOptions = (): IOptionItemProps[] => {\n    const minTime = moment(isValidTime(min) ? min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(max) ? max : \"23:45\", \"HH:mm\");\n    const options: IOptionItemProps[] = [];\n\n    const currentTime = minTime.clone();\n    while (currentTime.isSameOrBefore(maxTime)) {\n      options.push({\n        id: currentTime.format(\"HH:mm\"),\n        name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n      });\n      currentTime.add(step, \"minutes\");\n    }\n\n    return options;\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const displaySelectedTime = moment(selected, \"HH:mm\").format(\n    mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"\n  );\n\n  return (\n    <Select\n      options={timeOptions}\n      disabledInternalSort\n      selected={selected}\n      disableSearch\n      keepSameOptionsOrder\n      target={\n        target ? (\n          target\n        ) : (\n          <SelectTrigger mode={triggerMode} {...rest}>\n            {displaySelectedTime}\n          </SelectTrigger>\n        )\n      }\n      mode=\"tiny\"\n      renderOption={({ name }) => <div>{name}</div>}\n      onChange={onChange}\n      forceCloseMenu\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectTime.js","names":["_react","_interopRequireDefault","require","_moment","_timeUtils","_Select","_SelectTrigger","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","renderOption","option","createElement","id","name","SelectTime","exports","_ref","_ref$mode","mode","selected","_ref$min","min","_ref$max","max","onChange","triggerMode","_ref$step","step","rest","generateTimeOptions","minTime","moment","isValidTime","maxTime","options","currentTime","clone","isSameOrBefore","push","format","add","timeOptions","displaySelectedTime","handleScrollToSelected","setTimeout","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","Select","disabledInternalSort","disableSearch","keepSameOptionsOrder","SelectTrigger","forceCloseMenu","onSelectOpen"],"sources":["../../../../src/components/SelectTime/SelectTime.tsx"],"sourcesContent":["import React from \"react\";\n\nimport moment from \"moment\";\n\nimport { isValidTime } from \"../../utils/timeUtils\";\nimport { InputMode } from \"../Input/types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { ElementWithRef, Select } from \"../Select/Select\";\nimport { SelectTrigger, SelectTriggerProps } from \"../SelectTrigger\";\n\nexport type Time24HourFormat = `${string}:${string}` | undefined;\n\nexport interface SelectTimeProps extends Omit<SelectTriggerProps, \"mode\"> {\n  mode?: \"12\" | \"24\";\n  selected?: Time24HourFormat;\n  min?: Time24HourFormat;\n  max?: Time24HourFormat;\n  onChange?: () => void;\n  target?: ElementWithRef<Element>;\n  className?: string;\n  triggerMode?: InputMode;\n  locale?: string;\n  trigger?: string;\n  step?: 1 | 5 | 15 | 30 | 60;\n}\n\nconst renderOption = (option) => {\n  return <div id={option.id}>{option.name}</div>;\n};\n\nexport const SelectTime: React.FC<SelectTimeProps> = ({\n  mode = \"24\",\n  selected,\n  min = \"00:00\",\n  max = \"23:45\",\n  onChange,\n  target,\n  triggerMode,\n  step = 15,\n  ...rest\n}) => {\n  const generateTimeOptions = (): IOptionItemProps[] => {\n    const minTime = moment(isValidTime(min) ? min : \"00:00\", \"HH:mm\");\n    const maxTime = moment(isValidTime(max) ? max : \"23:45\", \"HH:mm\");\n    const options: IOptionItemProps[] = [];\n\n    const currentTime = minTime.clone();\n    while (currentTime.isSameOrBefore(maxTime)) {\n      options.push({\n        id: currentTime.format(\"HH:mm\"),\n        name: currentTime.format(mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"),\n      });\n      currentTime.add(step, \"minutes\");\n    }\n\n    return options;\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const displaySelectedTime = moment(selected, \"HH:mm\").format(\n    mode === \"12\" ? \"hh:mm A\" : \"HH:mm\"\n  );\n\n  const handleScrollToSelected = () => {\n    if (selected) {\n      setTimeout(() => {\n        const selectedItem = document.getElementById(selected)?.parentElement;\n        selectedItem?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n      }, 50);\n    }\n  };\n\n  return (\n    <Select\n      options={timeOptions}\n      disabledInternalSort\n      selected={selected}\n      disableSearch\n      keepSameOptionsOrder\n      target={\n        target ? (\n          target\n        ) : (\n          <SelectTrigger mode={triggerMode} {...rest}>\n            {displaySelectedTime}\n          </SelectTrigger>\n        )\n      }\n      mode=\"tiny\"\n      renderOption={renderOption}\n      onChange={onChange}\n      forceCloseMenu\n      onSelectOpen={handleScrollToSelected}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,3 +1,5 @@
 import React from "react";
-export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    invalid?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,WAAW,mKAWtB,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,WAAW;;wCAYtB,CAAC"}

package/dist/esm/components/ButtonGroup/ButtonGroup.js

@@ -6,11 +6,13 @@ export const ButtonGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
+    invalid,
     ...rest
   } = _ref;
   return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
     ref: ref,
-    className: classNames("c-btn-group", className)
+    className: classNames("c-btn-group", className),
+    $invalid: invalid
   }, rest), children);
 });
 ButtonGroup.displayName = "ButtonGroup";

package/dist/esm/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","_ref","ref","children","className","rest","createElement","_extends","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CAGnC,CAAAI,IAAA,EAAmCC,GAAG;EAAA,IAArC;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAAA,oBACjCL,KAAA,CAAAU,aAAA,CAACP,iBAAiB,EAAAQ,QAAA;IAChBL,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS;EAAE,GAC5CC,IAAI,GAEPF,QACgB,CAAC;AAAA,CACrB,CAAC;AAEFH,WAAW,CAACQ,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ButtonGroup.js","names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","_ref","ref","children","className","invalid","rest","createElement","_extends","$invalid","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { invalid?: boolean }\n>(({ children, className, invalid, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CAGnC,CAAAI,IAAA,EAA4CC,GAAG;EAAA,IAA9C;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAAL,IAAA;EAAA,oBAC1CL,KAAA,CAAAW,aAAA,CAACR,iBAAiB,EAAAS,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDK,QAAQ,EAAEJ;EAAQ,GACdC,IAAI,GAEPH,QACgB,CAAC;AAAA,CACrB,CAAC;AAEFH,WAAW,CAACU,WAAW,GAAG,aAAa"}

package/dist/esm/components/ButtonGroup/Styles.d.ts

@@ -1,2 +1,4 @@
-export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {
+    $invalid?: boolean | undefined;
+}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ButtonGroup/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,oEA4B7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;;SAsD7B,CAAC"}

package/dist/esm/components/ButtonGroup/Styles.js

@@ -1,23 +1,23 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { FontStyle } from "../FontStyle";
 export const StyledButtonGroup = styled.div.withConfig({
   displayName: "Styles__StyledButtonGroup",
   componentId: "sc-1vw4iq2-0"
-})(["", " ", " ", " button{&:first-child:not(:last-child){svg{margin-right:-4px;}", "}&:last-child:not(:first-child){svg{margin-left:-4px;}", "}&:not(:first-child):not(:last-child){", "}}svg{", "}"], {
+})(["", " ", " ", " button{&:disabled{opacity:1;color:var(--color-theme-500);pointer-events:none;}&:first-child:not(:last-child){svg{margin-right:-4px;}", " ", "}&:last-child:not(:first-child){svg{margin-left:-4px;}", " ", "}&:not(:first-child):not(:last-child){", " ", "}}svg{", "}"], {
   "display": "flex",
   "flexDirection": "row"
 }, FontStyle, BoxSizingStyle, {
   "marginRight": "-1px",
   "borderTopRightRadius": "0px",
   "borderBottomRightRadius": "0px"
-}, {
+}, props => props.$invalid && css(["border-top-color:var(--red-alert) !important;border-bottom-color:var(--red-alert) !important;border-left-color:var(--red-alert) !important;"]), {
   "borderTopLeftRadius": "0px",
   "borderBottomLeftRadius": "0px"
-}, {
+}, props => props.$invalid && css(["border-top-color:var(--red-alert) !important;border-bottom-color:var(--red-alert) !important;border-right-color:var(--red-alert) !important;"]), {
   "marginRight": "-1px",
   "borderRadius": "0px"
-}, {
+}, props => props.$invalid && css(["border-top-color:var(--red-alert) !important;border-bottom-color:var(--red-alert) !important;"]), {
   "fill": "currentColor",
   "color": "var(--color-theme-900)"
 });

package/dist/esm/components/ButtonGroup/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledButtonGroup","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wMACrC;EAAA;EAAA;AAAoB,CAAC,EACvBL,SAAS,EACTD,cAAc,EAOR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAO7B;EAAA;EAAA;AAAkB,CAAC,EAInB;EAAA;EAAA;AAA0B,CAAC,EAK7B;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAEDE,iBAAiB,CAACG,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButtonGroup","div","withConfig","displayName","componentId","props","$invalid"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div<{ $invalid?: boolean }>`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:disabled {\n      opacity: 1;\n      color: var(--color-theme-500);\n      pointer-events: none;\n    }\n\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-left-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-right-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n        `}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,iBAAiB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8RACrC;EAAA;EAAA;AAAoB,CAAC,EACvBL,SAAS,EACTD,cAAc,EAaR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAC9BO,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,iJAIF,EAOC;EAAA;EAAA;AAAkB,CAAC,EACpBQ,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,kJAIF,EAIC;EAAA;EAAA;AAA0B,CAAC,EAC5BQ,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,mGAGF,EAKD;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAEDG,iBAAiB,CAACG,WAAW,GAAG,mBAAmB"}

package/dist/esm/components/ComboBox/ComboBox.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { IAutocompleteProps } from "../Autocomplete/Autocomplete";
-import { InputSize } from "../Input/types";
+import { InputMode, InputSize } from "../Input/types";
 import { IOptionItemProps } from "../Select";
 export interface IComboBoxProps extends Omit<IAutocompleteProps, "handleChange" | "inputEl" | "clearInputOnSelect"> {
     /** Set combobox in to loading state */
@@ -9,6 +9,8 @@ export interface IComboBoxProps extends Omit<IAutocompleteProps, "handleChange"
     loadingText?: string;
     /** onChange callback */
     onChange?: (e: (string | number)[] | string | number | null | undefined) => void;
+    /** onInputChange callback */
+    onInputChange?: (text: string) => void;
     /** Placeholder for Select input */
     placeholder?: string;
     /** disable Input element */
@@ -31,11 +33,15 @@ export interface IComboBoxProps extends Omit<IAutocompleteProps, "handleChange"
     inputWrapperClassName?: string;
     /** scrollWrapper */
     scrollWrapper?: boolean;
-    /** onClose (f) will be called when Popper close */
+    /** onClose (f) will be called when Popper closes */
     onClose?: () => void;
+    /** onOpen (f) will be called when Popper opens */
+    onOpen?: () => void;
     /** onClear (f) will be called when user clear input on X icon*/
     onClear?: () => void;
     onDeselect?: () => void;
+    open?: boolean;
+    triggerMode?: InputMode;
 }
 export declare const ComboBox: FC<IComboBoxProps>;
 //# sourceMappingURL=ComboBox.d.ts.map

package/dist/esm/components/ComboBox/ComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAOH,MAAM,OAAO,CAAC;AAmBf,OAAO,EACL,kBAAkB,EAEnB,MAAM,8BAA8B,CAAC;AAOtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAYhE,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,kBAAkB,EAClB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAClD;IACD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,gBAAgB,EACtC,IAAI,EAAE,CAAC,EACP,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAClB,GAAG,CAAC,OAAO,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAkhBvC,CAAC"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAOH,MAAM,OAAO,CAAC;AAmBf,OAAO,EACL,kBAAkB,EAEnB,MAAM,8BAA8B,CAAC;AAOtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAYhE,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,kBAAkB,EAClB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAClD;IACD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,6BAA6B;IAC7B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,gBAAgB,EACtC,IAAI,EAAE,CAAC,EACP,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAClB,GAAG,CAAC,OAAO,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAujBvC,CAAC"}

package/dist/esm/components/ComboBox/ComboBox.js

@@ -38,6 +38,7 @@ export const ComboBox = _ref => {
     loading = false,
     loadingText,
     onChange,
+    onInputChange,
     placeholder,
     handleEmptyAction,
     disabled = false,
@@ -56,6 +57,11 @@ export const ComboBox = _ref => {
     onClear,
     onDeselect,
     defaultValue,
+    open: defaultOpen = false,
+    onOpen,
+    triggerMode,
+    noResultText,
+    emptyValue,
     ...prop
   } = _ref;
   const selectedName = useMemo(() => {
@@ -82,14 +88,17 @@ export const ComboBox = _ref => {
   }, [options, selected]);
   const [value, setValue] = useState(selectedName);
   const [focused, setFocused] = useState(false);
-  const handleOnChange = useCallback(e => setValue(e.target.value), []);
+  const handleOnChange = useCallback(e => {
+    setValue(e.target.value);
+    onInputChange == null || onInputChange(e.target.value);
+  }, [onInputChange]);
   const childNode = useRef();
   const elementRef = useRef(null);
   const handleRef = useForkRef(childNode, elementRef);
   const wrapperRef = useRef(null);
   const chipWrapper = useRef(null);
   const comboBoxRef = useRef(null);
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(defaultOpen);
   const isFirstRender = useIsFirstRender();
   useOnClickOutside(wrapperRef, e => {
     var _comboBoxRef$current;
@@ -109,8 +118,9 @@ export const ComboBox = _ref => {
     }
     if (e.key === "Enter" && !open && focused) {
       setOpen(true);
+      onOpen == null || onOpen();
     }
-  }, [focused, open, selectedName, type]);
+  }, [focused, onOpen, open, selectedName, type]);
   useEffect(() => {
     var _childNode$current, _childNode$current2;
     open && (childNode == null || (_childNode$current = childNode.current) == null ? void 0 : _childNode$current.focus());
@@ -119,6 +129,10 @@ export const ComboBox = _ref => {
   useEffect(() => {
     setValue(selectedName);
   }, [selectedName]);
+  useEffect(() => {
+    if (open !== defaultOpen) setOpen(defaultOpen);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [defaultOpen]);
   useEffect(() => {
     if (!open && !isFirstRender && !focused) {
       if (typeof onClose === "function") {
@@ -138,11 +152,12 @@ export const ComboBox = _ref => {
       setOpen(false);
     }
   }, [forceCloseMenu, onChange, selected]);
-  const onOpen = useCallback(() => {
+  const handleOpen = useCallback(() => {
     if (!disabled) {
       setOpen(true);
+      onOpen == null || onOpen();
     }
-  }, [disabled]);
+  }, [disabled, onOpen]);
   const handleRenderOption = useCallback((option, props) => {
     if (typeof renderOption === "function") {
       return renderOption(option, props);
@@ -295,7 +310,12 @@ export const ComboBox = _ref => {
   }, [type, selected, options, open, limitChips, hiddenNumberText, renderChipAdornment, size]);
   const showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
   const hasSelected = type === "multiple" && Array.isArray(selected) && selected.length > 0;
-  const showMenu = useMemo(() => Boolean(options.length || defaultValue || Number(value.length) > 0), [defaultValue, options.length, value]);
+  const showMenu = useMemo(() => {
+    const hasOptions = (options == null ? void 0 : options.length) > 0;
+    const valueExists = option => option.id.toString().includes(value) || option.name.includes(value);
+    const isValueInOptions = options == null ? void 0 : options.some(option => isOptionGroup(option) ? option.options.some(valueExists) : valueExists(option));
+    return hasOptions && (!!defaultValue || !value) || value && (isValueInOptions || emptyValue || noResultText);
+  }, [defaultValue, emptyValue, noResultText, options, value]);
   return /*#__PURE__*/React.createElement("div", {
     className: "c-combo-box"
   }, type === "multiple" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_StyledStyledInputWrapper, {
@@ -321,12 +341,13 @@ export const ComboBox = _ref => {
     onFocus: () => {
       setFocused(!focused);
     },
-    onClick: onOpen,
+    onClick: handleOpen,
     ref: handleRef,
     value: loading && loadingText ? loadingText : value,
     onKeyDown: handleOnKeyDown,
     onChange: handleOnChange,
     placeholder: !hasSelected ? placeholder : undefined,
+    $mode: triggerMode,
     disabled: disabled,
     $size: size,
     $loading: loading,
@@ -345,12 +366,13 @@ export const ComboBox = _ref => {
   }))))) : /*#__PURE__*/React.createElement(StyledComboBoxInput, {
     className: classNames("c-combo-box-input", inputWrapperClassName),
     onBlur: handleBlur,
-    wrapperClick: onOpen,
+    wrapperClick: handleOpen,
     onFocus: () => {
       setFocused(!focused);
-      onOpen();
+      handleOpen();
     },
-    onClick: onOpen,
+    onClick: handleOpen,
+    mode: triggerMode,
     wrapRef: comboBoxRef,
     ref: handleRef,
     value: loading && loadingText ? loadingText : value,
@@ -389,9 +411,12 @@ export const ComboBox = _ref => {
     noIsolation: true,
     allowPinchZoom: true
   }, /*#__PURE__*/React.createElement(StyledComboBoxList, {
+    className: "c-combo-box--list",
     $width: (_comboBoxRef$current3 = comboBoxRef.current) == null ? void 0 : _comboBoxRef$current3.clientWidth,
     $hide: !showMenu
   }, /*#__PURE__*/React.createElement(Autocomplete, _extends({}, prop, {
+    emptyValue: emptyValue,
+    noResultText: noResultText,
     inputEl: childNode,
     selected: selected,
     handleChange: handleChange,