@activecollab/components 2.0.228 → 2.0.230

package/dist/cjs/components/InfoBox/InfoBox.js

@@ -31,7 +31,7 @@ var InfoBox = exports.InfoBox = function InfoBox(_ref) {
     note: _utils.colors.yellowWarning.color,
     default: _utils.colors.blueSky.color,
     neutral: _utils.colors.gray.color,
-    ai: _utils.colors.aiGradient.color
+    ai: _utils.aiColors.aiGradient.color
   };
 
   // https://davidwalsh.name/hex-opacity

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBox.js","names":["_react","_interopRequireDefault","require","_Styles","_utils","_Icons","_Typography","_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","InfoBox","exports","_ref","_ref$type","type","children","showIcon","icon","_ref$title","title","_ref$action","action","rest","statusColors","success","colors","greenSuccess","color","warning","redAlert","note","yellowWarning","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","StyledInfoBoxWrapper","$color","concat","$opacity","$type","StyledInfoBoxContainer","React","isValidElement","cloneElement","fill","width","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","gradient","StyledInfoBoxHeader","$hasTitle","SyledInfoBoxInnerHeader","Body2","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n  StyledInfoBoxContainer,\n  StyledInfoBoxHeader,\n  StyledInfoBoxWrapper,\n  SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n  | \"success\"\n  | \"warning\"\n  | \"note\"\n  | \"default\"\n  | \"neutral\"\n  | \"ai\";\n\nexport interface InfoBoxProps {\n  type: InfoBoxType;\n  children?: ReactNode;\n  showIcon?: boolean;\n  title?: ReactNode | string;\n  icon?: ElementWithRef<SVGSVGElement>;\n  action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n  type = \"default\",\n  children,\n  showIcon,\n  icon,\n  title = null,\n  action = null,\n  ...rest\n}) => {\n  const statusColors: Record<InfoBoxType, string> = {\n    success: colors.greenSuccess.color,\n    warning: colors.redAlert.color,\n    note: colors.yellowWarning.color,\n    default: colors.blueSky.color,\n    neutral: colors.gray.color,\n    ai: colors.aiGradient.color,\n  };\n\n  // https://davidwalsh.name/hex-opacity\n  const opacity = \"1A\";\n\n  return (\n    <StyledInfoBoxWrapper\n      $color={`${statusColors[type]}`}\n      $opacity={opacity}\n      $type={type}\n      {...rest}\n    >\n      <StyledInfoBoxContainer>\n        {showIcon && (\n          <span>\n            {icon && React.isValidElement(icon) ? (\n              React.cloneElement(icon, {\n                fill: statusColors[type],\n                width: 18,\n              })\n            ) : type === \"success\" ? (\n              <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n            ) : type === \"warning\" ? (\n              <CloseCircleIcon fill={statusColors[type]} width={18} />\n            ) : type === \"ai\" ? (\n              <InfoIcon gradient={statusColors[type]} width={18} />\n            ) : type === \"note\" || type === \"default\" ? (\n              <InfoIcon fill={statusColors[type]} width={18} />\n            ) : (\n              <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n            )}\n          </span>\n        )}\n        <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n          <SyledInfoBoxInnerHeader>\n            {typeof title === \"string\" && title ? (\n              <Body2 weight=\"bold\" lineHeight=\"loose\">\n                {title}\n              </Body2>\n            ) : (\n              title\n            )}\n            {action}\n          </SyledInfoBoxInnerHeader>\n          {children}\n        </StyledInfoBoxHeader>\n      </StyledInfoBoxContainer>\n    </StyledInfoBoxWrapper>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAAsC,IAAAK,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAmB/B,IAAMmB,OAA+B,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAlCA,OAA+BA,CAAAE,IAAA,EAQtC;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAPJE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAAC,UAAA,GAAAN,IAAA,CACJO,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAE,WAAA,GAAAR,IAAA,CACZS,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACVE,IAAI,GAAArB,wBAAA,CAAAW,IAAA,EAAA7B,SAAA;EAEP,IAAMwC,YAAyC,GAAG;IAChDC,OAAO,EAAEC,aAAM,CAACC,YAAY,CAACC,KAAK;IAClCC,OAAO,EAAEH,aAAM,CAACI,QAAQ,CAACF,KAAK;IAC9BG,IAAI,EAAEL,aAAM,CAACM,aAAa,CAACJ,KAAK;IAChCzC,OAAO,EAAEuC,aAAM,CAACO,OAAO,CAACL,KAAK;IAC7BM,OAAO,EAAER,aAAM,CAACS,IAAI,CAACP,KAAK;IAC1BQ,EAAE,EAAEV,aAAM,CAACW,UAAU,CAACT;EACxB,CAAC;;EAED;EACA,IAAMU,OAAO,GAAG,IAAI;EAEpB,oBACE7D,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAA4D,oBAAoB,EAAApD,QAAA;IACnBqD,MAAM,KAAAC,MAAA,CAAKlB,YAAY,CAACT,IAAI,CAAC,CAAG;IAChC4B,QAAQ,EAAEL,OAAQ;IAClBM,KAAK,EAAE7B;EAAK,GACRQ,IAAI,gBAER9C,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAiE,sBAAsB,QACpB5B,QAAQ,iBACPxC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,eACGrB,IAAI,iBAAI4B,cAAK,CAACC,cAAc,CAAC7B,IAAI,CAAC,kBACjC4B,cAAK,CAACE,YAAY,CAAC9B,IAAI,EAAE;IACvB+B,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAC;IACxBmC,KAAK,EAAE;EACT,CAAC,CAAC,IACAnC,IAAI,KAAK,SAAS,gBACpBtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAqE,wBAAwB;IAACF,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,GAC/DnC,IAAI,KAAK,SAAS,gBACpBtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAsE,eAAe;IAACH,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,GACtDnC,IAAI,KAAK,IAAI,gBACftC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAuE,QAAQ;IAACC,QAAQ,EAAE9B,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,GACnDnC,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,SAAS,gBACvCtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAuE,QAAQ;IAACJ,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,gBAEjDzE,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAuE,QAAQ;IAACJ,IAAI,EAAEzB,YAAY,CAAC,SAAS,CAAE;IAAC0B,KAAK,EAAE;EAAG,CAAE,CAEnD,CACP,eACDzE,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAA2E,mBAAmB;IAACC,SAAS,EAAEpC,KAAK,GAAG,IAAI,GAAG;EAAM,gBACnD3C,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAA6E,uBAAuB,QACrB,OAAOrC,KAAK,KAAK,QAAQ,IAAIA,KAAK,gBACjC3C,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACxD,WAAA,CAAA2E,KAAK;IAACC,MAAM,EAAC,MAAM;IAACC,UAAU,EAAC;EAAO,GACpCxC,KACI,CAAC,GAERA,KACD,EACAE,MACsB,CAAC,EACzBN,QACkB,CACC,CACJ,CAAC;AAE3B,CAAC"}
+{"version":3,"file":"InfoBox.js","names":["_react","_interopRequireDefault","require","_Styles","_utils","_Icons","_Typography","_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","InfoBox","exports","_ref","_ref$type","type","children","showIcon","icon","_ref$title","title","_ref$action","action","rest","statusColors","success","colors","greenSuccess","color","warning","redAlert","note","yellowWarning","blueSky","neutral","gray","ai","aiColors","aiGradient","opacity","createElement","StyledInfoBoxWrapper","$color","concat","$opacity","$type","StyledInfoBoxContainer","React","isValidElement","cloneElement","fill","width","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","gradient","StyledInfoBoxHeader","$hasTitle","SyledInfoBoxInnerHeader","Body2","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n  StyledInfoBoxContainer,\n  StyledInfoBoxHeader,\n  StyledInfoBoxWrapper,\n  SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors, aiColors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n  | \"success\"\n  | \"warning\"\n  | \"note\"\n  | \"default\"\n  | \"neutral\"\n  | \"ai\";\n\nexport interface InfoBoxProps {\n  type: InfoBoxType;\n  children?: ReactNode;\n  showIcon?: boolean;\n  title?: ReactNode | string;\n  icon?: ElementWithRef<SVGSVGElement>;\n  action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n  type = \"default\",\n  children,\n  showIcon,\n  icon,\n  title = null,\n  action = null,\n  ...rest\n}) => {\n  const statusColors: Record<InfoBoxType, string> = {\n    success: colors.greenSuccess.color,\n    warning: colors.redAlert.color,\n    note: colors.yellowWarning.color,\n    default: colors.blueSky.color,\n    neutral: colors.gray.color,\n    ai: aiColors.aiGradient.color,\n  };\n\n  // https://davidwalsh.name/hex-opacity\n  const opacity = \"1A\";\n\n  return (\n    <StyledInfoBoxWrapper\n      $color={`${statusColors[type]}`}\n      $opacity={opacity}\n      $type={type}\n      {...rest}\n    >\n      <StyledInfoBoxContainer>\n        {showIcon && (\n          <span>\n            {icon && React.isValidElement(icon) ? (\n              React.cloneElement(icon, {\n                fill: statusColors[type],\n                width: 18,\n              })\n            ) : type === \"success\" ? (\n              <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n            ) : type === \"warning\" ? (\n              <CloseCircleIcon fill={statusColors[type]} width={18} />\n            ) : type === \"ai\" ? (\n              <InfoIcon gradient={statusColors[type]} width={18} />\n            ) : type === \"note\" || type === \"default\" ? (\n              <InfoIcon fill={statusColors[type]} width={18} />\n            ) : (\n              <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n            )}\n          </span>\n        )}\n        <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n          <SyledInfoBoxInnerHeader>\n            {typeof title === \"string\" && title ? (\n              <Body2 weight=\"bold\" lineHeight=\"loose\">\n                {title}\n              </Body2>\n            ) : (\n              title\n            )}\n            {action}\n          </SyledInfoBoxInnerHeader>\n          {children}\n        </StyledInfoBoxHeader>\n      </StyledInfoBoxContainer>\n    </StyledInfoBoxWrapper>\n  );\n};\n"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ var _moment = _interopRequireDefault(require("moment"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _timeUtils = require("../../utils/timeUtils");
 var _ComboBox = require("../ComboBox/ComboBox");
-var _excluded = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "disableVirtualization"];
+var _excluded = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
 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; }
@@ -32,7 +32,8 @@ var StyledInputTimeWrapper = exports.StyledInputTimeWrapper = _styledComponents.
 })(["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
+    id: option.id,
+    "data-testid": "time-option-".concat(option.id)
   }, option.name);
 };
 var InputTime = exports.InputTime = function InputTime(_ref) {
@@ -52,12 +53,19 @@ var InputTime = exports.InputTime = function InputTime(_ref) {
     triggerMode = _ref.triggerMode,
     disabled = _ref.disabled,
     invalid = _ref.invalid,
-    disableVirtualization = _ref.disableVirtualization,
+    _ref$enableVirtualiza = _ref.enableVirtualization,
+    enableVirtualization = _ref$enableVirtualiza === void 0 ? false : _ref$enableVirtualiza,
+    _ref$addCustomTimeLab = _ref.addCustomTimeLabel,
+    addCustomTimeLabel = _ref$addCustomTimeLab === void 0 ? "Add" : _ref$addCustomTimeLab,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _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");
@@ -74,15 +82,22 @@ var InputTime = exports.InputTime = function InputTime(_ref) {
       return (0, _moment.default)(option.id, "HH:mm").isSameOrAfter(minTime) && (0, _moment.default)(option.id, "HH:mm").isSameOrBefore(maxTime);
     });
   };
-  var timeOptions = generateTimeOptions();
-  var isValidDefaultSelected = defaultSelected ? timeOptions.some(function (opt) {
-    return opt.id === defaultSelected;
-  }) : false;
-  var _useState3 = (0, _react.useState)(isValidDefaultSelected ? defaultSelected : undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selected = _useState4[0],
-    setSelected = _useState4[1];
+  var _useState5 = (0, _react.useState)(generateTimeOptions()),
+    _useState6 = _slicedToArray(_useState5, 2),
+    timeOptions = _useState6[0],
+    setTimeOptions = _useState6[1];
+  var isInOptions = (0, _react.useCallback)(function (option) {
+    return timeOptions.some(function (opt) {
+      return opt.id === option;
+    });
+  }, [timeOptions]);
+  var isValidDefaultSelected = defaultSelected ? isInOptions(defaultSelected) : false;
+  var _useState7 = (0, _react.useState)(isValidDefaultSelected ? defaultSelected : undefined),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selected = _useState8[0],
+    setSelected = _useState8[1];
   var handleInputChange = (0, _react.useCallback)(function (text) {
+    setSearch(text);
     if (/\d{1,2}:\d{2}/.test(text.trim())) {
       return;
     }
@@ -99,6 +114,27 @@ var InputTime = exports.InputTime = function InputTime(_ref) {
       }
     }
   }, [onChange, selected, timeOptions]);
+  var handleEmptyAction = function handleEmptyAction(newTime) {
+    var time = String(newTime);
+    if ((0, _timeUtils.isValidTime)(time)) {
+      var newOption = {
+        id: time,
+        name: mode === "12" ? (0, _moment.default)(time, "HH:mm").format("hh:mm A") : time
+      };
+      var newOptions = [...timeOptions];
+      var index = newOptions.findIndex(function (option) {
+        return (0, _moment.default)(option.id, "HH:mm") > (0, _moment.default)(time, "HH:mm");
+      });
+      if (index === -1) {
+        newOptions.push(newOption);
+      } else {
+        newOptions.splice(index, 0, newOption);
+      }
+      setTimeOptions(newOptions);
+      onChange === null || onChange === void 0 || onChange(time);
+      setSelected(time);
+    }
+  };
   var handleChange = function handleChange(e) {
     setSelected(e);
     onChange === null || onChange === void 0 || onChange(e);
@@ -125,6 +161,9 @@ var InputTime = exports.InputTime = function InputTime(_ref) {
     })) setSelected(defaultSelected);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultSelected, timeOptions]);
+  var isValid = function isValid(time) {
+    return !isInOptions(time) && (0, _timeUtils.isValidTime)(time);
+  };
   return /*#__PURE__*/_react.default.createElement(StyledInputTimeWrapper, {
     className: (0, _classnames.default)("c-input-time", className)
   }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, _extends({}, rest, {
@@ -135,6 +174,8 @@ var InputTime = exports.InputTime = function InputTime(_ref) {
     keepSameOptionsOrder: true,
     onInputChange: handleInputChange,
     onChange: handleChange,
+    handleEmptyAction: handleEmptyAction,
+    emptyValue: isValid(search) ? "".concat(addCustomTimeLabel, " ").concat(search) : undefined,
     forceCloseMenu: true,
     placeholder: placeholder,
     renderOption: renderOption,
@@ -145,7 +186,7 @@ var InputTime = exports.InputTime = function InputTime(_ref) {
     triggerMode: triggerMode,
     disabled: disabled,
     invalid: invalid,
-    disableVirtualization: disableVirtualization
+    disableVirtualization: !enableVirtualization
   })));
 };
 //# sourceMappingURL=InputTime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputTime.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_compromise","_compromiseDates","_moment","_styledComponents","_timeUtils","_ComboBox","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","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","disableVirtualization","rest","_useState","useState","_useState2","isOpen","setIsOpen","generateTimeOptions","minTime","moment","isValidTime","maxTime","allOptions","currentTime","isBefore","format","add","filter","isSameOrAfter","isSameOrBefore","timeOptions","isValidDefaultSelected","some","opt","_useState3","undefined","_useState4","setSelected","handleInputChange","useCallback","text","trim","doc","parsed","times","handleChange","handleOpen","handleClose","useEffect","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","classNames","ComboBox","options","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: Time24HourFormat) => 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  disableVirtualization?: 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  disableVirtualization,\n  ...rest\n}) => {\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 allOptions: IOptionItemProps[] = [];\n\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n\n    while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n      allOptions.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 allOptions.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const isValidDefaultSelected = defaultSelected\n    ? timeOptions.some((opt) => opt.id === defaultSelected)\n    : false;\n\n  const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n    isValidDefaultSelected ? defaultSelected : undefined\n  );\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n        return;\n      }\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\") as Time24HourFormat;\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  useEffect(() => {\n    if (\n      defaultSelected !== selected &&\n      timeOptions.some((opt) => opt.id === defaultSelected)\n    )\n      setSelected(defaultSelected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultSelected, timeOptions]);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        {...rest}\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        disableVirtualization={disableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InputTime.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_compromise","_compromiseDates","_moment","_styledComponents","_timeUtils","_ComboBox","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","nlp","plugin","plg","StyledInputTimeWrapper","exports","styled","div","withConfig","displayName","componentId","renderOption","option","createElement","id","concat","InputTime","_ref","_ref$mode","mode","defaultSelected","selected","_ref$min","min","_ref$max","max","onChange","_ref$step","step","size","className","placeholder","triggerMode","disabled","invalid","_ref$enableVirtualiza","enableVirtualization","_ref$addCustomTimeLab","addCustomTimeLabel","rest","_useState","useState","_useState2","isOpen","setIsOpen","_useState3","undefined","_useState4","search","setSearch","generateTimeOptions","minTime","moment","isValidTime","maxTime","allOptions","currentTime","isBefore","format","add","filter","isSameOrAfter","isSameOrBefore","_useState5","_useState6","timeOptions","setTimeOptions","isInOptions","useCallback","some","opt","isValidDefaultSelected","_useState7","_useState8","setSelected","handleInputChange","text","trim","doc","parsed","times","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","handleOpen","handleClose","useEffect","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","classNames","ComboBox","options","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"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: Time24HourFormat) => 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  enableVirtualization?: boolean;\n  addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n  return (\n    <div id={option.id} data-testid={`time-option-${option.id}`}>\n      {option.name}\n    </div>\n  );\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  enableVirtualization = false,\n  addCustomTimeLabel = \"Add\",\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [search, setSearch] = useState<string | undefined>(undefined);\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 allOptions: IOptionItemProps[] = [];\n\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n\n    while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n      allOptions.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 allOptions.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n\n  const [timeOptions, setTimeOptions] = useState(generateTimeOptions());\n\n  const isInOptions = useCallback(\n    (option) => timeOptions.some((opt) => opt.id === option),\n    [timeOptions]\n  );\n\n  const isValidDefaultSelected = defaultSelected\n    ? isInOptions(defaultSelected)\n    : false;\n\n  const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n    isValidDefaultSelected ? defaultSelected : undefined\n  );\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      setSearch(text);\n      if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n        return;\n      }\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\") as Time24HourFormat;\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 handleEmptyAction = (newTime: string | number) => {\n    const time = String(newTime);\n    if (isValidTime(time)) {\n      const newOption = {\n        id: time,\n        name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n      };\n\n      const newOptions = [...timeOptions];\n      const index = newOptions.findIndex(\n        (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n      );\n\n      if (index === -1) {\n        newOptions.push(newOption);\n      } else {\n        newOptions.splice(index, 0, newOption);\n      }\n\n      setTimeOptions(newOptions);\n      onChange?.(time as Time24HourFormat);\n      setSelected(time as Time24HourFormat);\n    }\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  useEffect(() => {\n    if (\n      defaultSelected !== selected &&\n      timeOptions.some((opt) => opt.id === defaultSelected)\n    )\n      setSelected(defaultSelected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultSelected, timeOptions]);\n\n  const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        {...rest}\n        options={timeOptions}\n        open={isOpen}\n        disabledInternalSort\n        selected={selected}\n        keepSameOptionsOrder\n        onInputChange={handleInputChange}\n        onChange={handleChange}\n        handleEmptyAction={handleEmptyAction}\n        emptyValue={\n          isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n        }\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        disableVirtualization={!enableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/utils/colors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.colors = void 0;
+exports.colors = exports.aiColors = void 0;
 var colors = exports.colors = {
   yellow: {
     name: "Yellow",
@@ -106,7 +106,9 @@ var colors = exports.colors = {
   yellowWarning: {
     name: "Yellow warning",
     color: "#FFCC6B"
-  },
+  }
+};
+var aiColors = exports.aiColors = {
   aiGradient: {
     name: "AI Gradient",
     color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",

package/dist/cjs/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["colors","exports","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n  yellow: {\n    name: \"Yellow\",\n    color: \"#FDF196\",\n    darker: \"#948D5D\",\n    lighter: \"#EBD429\",\n  },\n  orange: {\n    name: \"Orange\",\n    color: \"#FBBB75\",\n    darker: \"#916C43\",\n    lighter: \"#E99841\",\n  },\n  beige: {\n    name: \"Beige\",\n    color: \"#EAC2AD\",\n    darker: \"#877064\",\n    lighter: \"#B98A72\",\n  },\n  pink: {\n    name: \"Pink\",\n    color: \"#FBD6E7\",\n    darker: \"#917C86\",\n    lighter: \"#E4A1C0\",\n  },\n  coral: {\n    name: \"Coral\",\n    color: \"#FF9C9C\",\n    darker: \"#945A5A\",\n    lighter: \"#DB4545\",\n  },\n  purpleDirty: {\n    name: \"Purple dirty\",\n    color: \"#C49CB6\",\n    darker: \"#715A69\",\n    lighter: \"#B16E9A\",\n  },\n  purple: {\n    name: \"Purple\",\n    color: \"#BEACF9\",\n    darker: \"#6E6390\",\n    lighter: \"#9B86DF\",\n  },\n  blueAqua: {\n    name: \"Blue aqua\",\n    color: \"#BDF7FD\",\n    darker: \"#6D8F92\",\n    lighter: \"#7BDDE7\",\n  },\n  bluePale: {\n    name: \"Blue pale\",\n    color: \"#BEEAFF\",\n    darker: \"#6E8794\",\n    lighter: \"#92BFD4\",\n  },\n  blueSky: {\n    name: \"Blue sky\",\n    color: \"#A0CBFD\",\n    darker: \"#5C7592\",\n    lighter: \"#568CCB\",\n  },\n  turquoise: {\n    name: \"Turquoise\",\n    color: \"#B9E4E0\",\n    darker: \"#6B8482\",\n    lighter: \"#70BFB8\",\n  },\n  greenPale: {\n    name: \"Green pale\",\n    color: \"#C3E799\",\n    darker: \"#718658\",\n    lighter: \"#80C333\",\n  },\n  greenOliveDrab: {\n    name: \"Green olive drab\",\n    color: \"#98B57C\",\n    darker: \"#647157\",\n    lighter: \"#819F65\",\n  },\n  graySilver: {\n    name: \"Gray silver\",\n    color: \"#DDDDDD\",\n    darker: \"#808080\",\n    lighter: \"#ACACAC\",\n  },\n  gray: {\n    name: \"Gray\",\n    color: \"#CACACA\",\n    darker: \"#757575\",\n    lighter: \"#7D7D7D\",\n  },\n  greenSuccess: {\n    name: \"Green success\",\n    color: \"#64CD93\",\n  },\n  redAlert: {\n    name: \"Red alert\",\n    color: \"#ED6161\",\n  },\n  yellowWarning: {\n    name: \"Yellow warning\",\n    color: \"#FFCC6B\",\n  },\n  aiGradient: {\n    name: \"AI Gradient\",\n    color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n    lighter:\n      \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n  },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;EACDoB,UAAU,EAAE;IACVrB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}
+{"version":3,"file":"colors.js","names":["colors","exports","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiColors","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n  yellow: {\n    name: \"Yellow\",\n    color: \"#FDF196\",\n    darker: \"#948D5D\",\n    lighter: \"#EBD429\",\n  },\n  orange: {\n    name: \"Orange\",\n    color: \"#FBBB75\",\n    darker: \"#916C43\",\n    lighter: \"#E99841\",\n  },\n  beige: {\n    name: \"Beige\",\n    color: \"#EAC2AD\",\n    darker: \"#877064\",\n    lighter: \"#B98A72\",\n  },\n  pink: {\n    name: \"Pink\",\n    color: \"#FBD6E7\",\n    darker: \"#917C86\",\n    lighter: \"#E4A1C0\",\n  },\n  coral: {\n    name: \"Coral\",\n    color: \"#FF9C9C\",\n    darker: \"#945A5A\",\n    lighter: \"#DB4545\",\n  },\n  purpleDirty: {\n    name: \"Purple dirty\",\n    color: \"#C49CB6\",\n    darker: \"#715A69\",\n    lighter: \"#B16E9A\",\n  },\n  purple: {\n    name: \"Purple\",\n    color: \"#BEACF9\",\n    darker: \"#6E6390\",\n    lighter: \"#9B86DF\",\n  },\n  blueAqua: {\n    name: \"Blue aqua\",\n    color: \"#BDF7FD\",\n    darker: \"#6D8F92\",\n    lighter: \"#7BDDE7\",\n  },\n  bluePale: {\n    name: \"Blue pale\",\n    color: \"#BEEAFF\",\n    darker: \"#6E8794\",\n    lighter: \"#92BFD4\",\n  },\n  blueSky: {\n    name: \"Blue sky\",\n    color: \"#A0CBFD\",\n    darker: \"#5C7592\",\n    lighter: \"#568CCB\",\n  },\n  turquoise: {\n    name: \"Turquoise\",\n    color: \"#B9E4E0\",\n    darker: \"#6B8482\",\n    lighter: \"#70BFB8\",\n  },\n  greenPale: {\n    name: \"Green pale\",\n    color: \"#C3E799\",\n    darker: \"#718658\",\n    lighter: \"#80C333\",\n  },\n  greenOliveDrab: {\n    name: \"Green olive drab\",\n    color: \"#98B57C\",\n    darker: \"#647157\",\n    lighter: \"#819F65\",\n  },\n  graySilver: {\n    name: \"Gray silver\",\n    color: \"#DDDDDD\",\n    darker: \"#808080\",\n    lighter: \"#ACACAC\",\n  },\n  gray: {\n    name: \"Gray\",\n    color: \"#CACACA\",\n    darker: \"#757575\",\n    lighter: \"#7D7D7D\",\n  },\n  greenSuccess: {\n    name: \"Green success\",\n    color: \"#64CD93\",\n  },\n  redAlert: {\n    name: \"Red alert\",\n    color: \"#ED6161\",\n  },\n  yellowWarning: {\n    name: \"Yellow warning\",\n    color: \"#FFCC6B\",\n  },\n};\n\nexport const aiColors = {\n  aiGradient: {\n    name: \"AI Gradient\",\n    color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n    lighter:\n      \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n  },\n};\n"],"mappings":"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"}

package/dist/esm/components/InfoBox/InfoBox.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
 import { StyledInfoBoxContainer, StyledInfoBoxHeader, StyledInfoBoxWrapper, SyledInfoBoxInnerHeader } from "./Styles";
-import { colors } from "../../utils";
+import { colors, aiColors } from "../../utils";
 import { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from "../Icons";
 import { Body2 } from "../Typography";
 export const InfoBox = _ref => {
@@ -20,7 +20,7 @@ export const InfoBox = _ref => {
     note: colors.yellowWarning.color,
     default: colors.blueSky.color,
     neutral: colors.gray.color,
-    ai: colors.aiGradient.color
+    ai: aiColors.aiGradient.color
   };
 
   // https://davidwalsh.name/hex-opacity

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","gradient","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n  StyledInfoBoxContainer,\n  StyledInfoBoxHeader,\n  StyledInfoBoxWrapper,\n  SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n  | \"success\"\n  | \"warning\"\n  | \"note\"\n  | \"default\"\n  | \"neutral\"\n  | \"ai\";\n\nexport interface InfoBoxProps {\n  type: InfoBoxType;\n  children?: ReactNode;\n  showIcon?: boolean;\n  title?: ReactNode | string;\n  icon?: ElementWithRef<SVGSVGElement>;\n  action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n  type = \"default\",\n  children,\n  showIcon,\n  icon,\n  title = null,\n  action = null,\n  ...rest\n}) => {\n  const statusColors: Record<InfoBoxType, string> = {\n    success: colors.greenSuccess.color,\n    warning: colors.redAlert.color,\n    note: colors.yellowWarning.color,\n    default: colors.blueSky.color,\n    neutral: colors.gray.color,\n    ai: colors.aiGradient.color,\n  };\n\n  // https://davidwalsh.name/hex-opacity\n  const opacity = \"1A\";\n\n  return (\n    <StyledInfoBoxWrapper\n      $color={`${statusColors[type]}`}\n      $opacity={opacity}\n      $type={type}\n      {...rest}\n    >\n      <StyledInfoBoxContainer>\n        {showIcon && (\n          <span>\n            {icon && React.isValidElement(icon) ? (\n              React.cloneElement(icon, {\n                fill: statusColors[type],\n                width: 18,\n              })\n            ) : type === \"success\" ? (\n              <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n            ) : type === \"warning\" ? (\n              <CloseCircleIcon fill={statusColors[type]} width={18} />\n            ) : type === \"ai\" ? (\n              <InfoIcon gradient={statusColors[type]} width={18} />\n            ) : type === \"note\" || type === \"default\" ? (\n              <InfoIcon fill={statusColors[type]} width={18} />\n            ) : (\n              <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n            )}\n          </span>\n        )}\n        <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n          <SyledInfoBoxInnerHeader>\n            {typeof title === \"string\" && title ? (\n              <Body2 weight=\"bold\" lineHeight=\"loose\">\n                {title}\n              </Body2>\n            ) : (\n              title\n            )}\n            {action}\n          </SyledInfoBoxInnerHeader>\n          {children}\n        </StyledInfoBoxHeader>\n      </StyledInfoBoxContainer>\n    </StyledInfoBoxWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","aiColors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","gradient","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n  StyledInfoBoxContainer,\n  StyledInfoBoxHeader,\n  StyledInfoBoxWrapper,\n  SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors, aiColors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n  | \"success\"\n  | \"warning\"\n  | \"note\"\n  | \"default\"\n  | \"neutral\"\n  | \"ai\";\n\nexport interface InfoBoxProps {\n  type: InfoBoxType;\n  children?: ReactNode;\n  showIcon?: boolean;\n  title?: ReactNode | string;\n  icon?: ElementWithRef<SVGSVGElement>;\n  action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n  type = \"default\",\n  children,\n  showIcon,\n  icon,\n  title = null,\n  action = null,\n  ...rest\n}) => {\n  const statusColors: Record<InfoBoxType, string> = {\n    success: colors.greenSuccess.color,\n    warning: colors.redAlert.color,\n    note: colors.yellowWarning.color,\n    default: colors.blueSky.color,\n    neutral: colors.gray.color,\n    ai: aiColors.aiGradient.color,\n  };\n\n  // https://davidwalsh.name/hex-opacity\n  const opacity = \"1A\";\n\n  return (\n    <StyledInfoBoxWrapper\n      $color={`${statusColors[type]}`}\n      $opacity={opacity}\n      $type={type}\n      {...rest}\n    >\n      <StyledInfoBoxContainer>\n        {showIcon && (\n          <span>\n            {icon && React.isValidElement(icon) ? (\n              React.cloneElement(icon, {\n                fill: statusColors[type],\n                width: 18,\n              })\n            ) : type === \"success\" ? (\n              <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n            ) : type === \"warning\" ? (\n              <CloseCircleIcon fill={statusColors[type]} width={18} />\n            ) : type === \"ai\" ? (\n              <InfoIcon gradient={statusColors[type]} width={18} />\n            ) : type === \"note\" || type === \"default\" ? (\n              <InfoIcon fill={statusColors[type]} width={18} />\n            ) : (\n              <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n            )}\n          </span>\n        )}\n        <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n          <SyledInfoBoxInnerHeader>\n            {typeof title === \"string\" && title ? (\n              <Body2 weight=\"bold\" lineHeight=\"loose\">\n                {title}\n              </Body2>\n            ) : (\n              title\n            )}\n            {action}\n          </SyledInfoBoxInnerHeader>\n          {children}\n        </StyledInfoBoxHeader>\n      </StyledInfoBoxContainer>\n    </StyledInfoBoxWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/Input/InputTime.d.ts

@@ -15,7 +15,8 @@ export interface InputTimeProps {
     triggerMode?: InputMode;
     disabled?: boolean;
     invalid?: boolean;
-    disableVirtualization?: boolean;
+    enableVirtualization?: boolean;
+    addCustomTimeLabel?: string;
 }
 export declare const InputTime: React.FC<InputTimeProps>;
 //# sourceMappingURL=InputTime.d.ts.map

package/dist/esm/components/Input/InputTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2H9C,CAAC"}
+{"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkK9C,CAAC"}

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

@@ -14,7 +14,8 @@ export const StyledInputTimeWrapper = styled.div.withConfig({
 })(["max-width:176px;flex:1;& .c-combo-box--list{min-width:176px;}"]);
 const renderOption = option => {
   return /*#__PURE__*/React.createElement("div", {
-    id: option.id
+    id: option.id,
+    "data-testid": "time-option-" + option.id
   }, option.name);
 };
 export const InputTime = _ref => {
@@ -31,10 +32,12 @@ export const InputTime = _ref => {
     triggerMode,
     disabled,
     invalid,
-    disableVirtualization,
+    enableVirtualization = false,
+    addCustomTimeLabel = "Add",
     ...rest
   } = _ref;
   const [isOpen, setIsOpen] = useState(false);
+  const [search, setSearch] = useState(undefined);
   const generateTimeOptions = () => {
     const minTime = moment(isValidTime(min) ? min : "00:00", "HH:mm");
     const maxTime = moment(isValidTime(max) ? max : "23:45", "HH:mm");
@@ -49,10 +52,12 @@ export const InputTime = _ref => {
     }
     return allOptions.filter(option => moment(option.id, "HH:mm").isSameOrAfter(minTime) && moment(option.id, "HH:mm").isSameOrBefore(maxTime));
   };
-  const timeOptions = generateTimeOptions();
-  const isValidDefaultSelected = defaultSelected ? timeOptions.some(opt => opt.id === defaultSelected) : false;
+  const [timeOptions, setTimeOptions] = useState(generateTimeOptions());
+  const isInOptions = useCallback(option => timeOptions.some(opt => opt.id === option), [timeOptions]);
+  const isValidDefaultSelected = defaultSelected ? isInOptions(defaultSelected) : false;
   const [selected, setSelected] = useState(isValidDefaultSelected ? defaultSelected : undefined);
   const handleInputChange = useCallback(text => {
+    setSearch(text);
     if (/\d{1,2}:\d{2}/.test(text.trim())) {
       return;
     }
@@ -67,6 +72,25 @@ export const InputTime = _ref => {
       }
     }
   }, [onChange, selected, timeOptions]);
+  const handleEmptyAction = newTime => {
+    const time = String(newTime);
+    if (isValidTime(time)) {
+      const newOption = {
+        id: time,
+        name: mode === "12" ? moment(time, "HH:mm").format("hh:mm A") : time
+      };
+      const newOptions = [...timeOptions];
+      const index = newOptions.findIndex(option => moment(option.id, "HH:mm") > moment(time, "HH:mm"));
+      if (index === -1) {
+        newOptions.push(newOption);
+      } else {
+        newOptions.splice(index, 0, newOption);
+      }
+      setTimeOptions(newOptions);
+      onChange == null || onChange(time);
+      setSelected(time);
+    }
+  };
   const handleChange = e => {
     setSelected(e);
     onChange == null || onChange(e);
@@ -91,6 +115,7 @@ export const InputTime = _ref => {
     if (defaultSelected !== selected && timeOptions.some(opt => opt.id === defaultSelected)) setSelected(defaultSelected);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultSelected, timeOptions]);
+  const isValid = time => !isInOptions(time) && isValidTime(time);
   return /*#__PURE__*/React.createElement(StyledInputTimeWrapper, {
     className: classNames("c-input-time", className)
   }, /*#__PURE__*/React.createElement(ComboBox, _extends({}, rest, {
@@ -101,6 +126,8 @@ export const InputTime = _ref => {
     keepSameOptionsOrder: true,
     onInputChange: handleInputChange,
     onChange: handleChange,
+    handleEmptyAction: handleEmptyAction,
+    emptyValue: isValid(search) ? addCustomTimeLabel + " " + search : undefined,
     forceCloseMenu: true,
     placeholder: placeholder,
     renderOption: renderOption,
@@ -111,7 +138,7 @@ export const InputTime = _ref => {
     triggerMode: triggerMode,
     disabled: disabled,
     invalid: invalid,
-    disableVirtualization: disableVirtualization
+    disableVirtualization: !enableVirtualization
   })));
 };
 //# sourceMappingURL=InputTime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","disableVirtualization","rest","isOpen","setIsOpen","generateTimeOptions","minTime","maxTime","allOptions","currentTime","isBefore","push","format","add","filter","isSameOrAfter","isSameOrBefore","timeOptions","isValidDefaultSelected","some","opt","setSelected","undefined","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","_extends","options","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: Time24HourFormat) => 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  disableVirtualization?: 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  disableVirtualization,\n  ...rest\n}) => {\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 allOptions: IOptionItemProps[] = [];\n\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n\n    while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n      allOptions.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 allOptions.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n\n  const timeOptions = generateTimeOptions();\n\n  const isValidDefaultSelected = defaultSelected\n    ? timeOptions.some((opt) => opt.id === defaultSelected)\n    : false;\n\n  const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n    isValidDefaultSelected ? defaultSelected : undefined\n  );\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n        return;\n      }\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\") as Time24HourFormat;\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  useEffect(() => {\n    if (\n      defaultSelected !== selected &&\n      timeOptions.some((opt) => opt.id === defaultSelected)\n    )\n      setSelected(defaultSelected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultSelected, timeOptions]);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        {...rest}\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        disableVirtualization={disableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InputTime.js","names":["React","useCallback","useEffect","useState","classNames","nlp","plg","moment","styled","isValidTime","ComboBox","plugin","StyledInputTimeWrapper","div","withConfig","displayName","componentId","renderOption","option","createElement","id","name","InputTime","_ref","mode","selected","defaultSelected","min","max","onChange","step","size","className","placeholder","triggerMode","disabled","invalid","enableVirtualization","addCustomTimeLabel","rest","isOpen","setIsOpen","search","setSearch","undefined","generateTimeOptions","minTime","maxTime","allOptions","currentTime","isBefore","push","format","add","filter","isSameOrAfter","isSameOrBefore","timeOptions","setTimeOptions","isInOptions","some","opt","isValidDefaultSelected","setSelected","handleInputChange","text","test","trim","doc","parsed","times","get","value","handleEmptyAction","newTime","time","String","newOption","newOptions","index","findIndex","splice","handleChange","e","handleOpen","handleClose","_document$getElementB","selectedItem","document","getElementById","parentElement","scrollIntoView","behavior","block","isValid","_extends","options","open","disabledInternalSort","keepSameOptionsOrder","onInputChange","emptyValue","forceCloseMenu","autoHeightMax","onClose","onOpen","disableVirtualization"],"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: Time24HourFormat) => 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  enableVirtualization?: boolean;\n  addCustomTimeLabel?: string;\n}\n\nconst renderOption = (option) => {\n  return (\n    <div id={option.id} data-testid={`time-option-${option.id}`}>\n      {option.name}\n    </div>\n  );\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  enableVirtualization = false,\n  addCustomTimeLabel = \"Add\",\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [search, setSearch] = useState<string | undefined>(undefined);\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 allOptions: IOptionItemProps[] = [];\n\n    const currentTime = moment(\"00:00\", \"HH:mm\");\n\n    while (currentTime.isBefore(moment(\"24:00\", \"HH:mm\"))) {\n      allOptions.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 allOptions.filter(\n      (option) =>\n        moment(option.id, \"HH:mm\").isSameOrAfter(minTime) &&\n        moment(option.id, \"HH:mm\").isSameOrBefore(maxTime)\n    );\n  };\n\n  const [timeOptions, setTimeOptions] = useState(generateTimeOptions());\n\n  const isInOptions = useCallback(\n    (option) => timeOptions.some((opt) => opt.id === option),\n    [timeOptions]\n  );\n\n  const isValidDefaultSelected = defaultSelected\n    ? isInOptions(defaultSelected)\n    : false;\n\n  const [selected, setSelected] = useState<Time24HourFormat | undefined>(\n    isValidDefaultSelected ? defaultSelected : undefined\n  );\n\n  const handleInputChange = useCallback(\n    (text: string) => {\n      setSearch(text);\n      if (/\\d{1,2}:\\d{2}/.test(text.trim())) {\n        return;\n      }\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\") as Time24HourFormat;\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 handleEmptyAction = (newTime: string | number) => {\n    const time = String(newTime);\n    if (isValidTime(time)) {\n      const newOption = {\n        id: time,\n        name: mode === \"12\" ? moment(time, \"HH:mm\").format(\"hh:mm A\") : time,\n      };\n\n      const newOptions = [...timeOptions];\n      const index = newOptions.findIndex(\n        (option) => moment(option.id, \"HH:mm\") > moment(time, \"HH:mm\")\n      );\n\n      if (index === -1) {\n        newOptions.push(newOption);\n      } else {\n        newOptions.splice(index, 0, newOption);\n      }\n\n      setTimeOptions(newOptions);\n      onChange?.(time as Time24HourFormat);\n      setSelected(time as Time24HourFormat);\n    }\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  useEffect(() => {\n    if (\n      defaultSelected !== selected &&\n      timeOptions.some((opt) => opt.id === defaultSelected)\n    )\n      setSelected(defaultSelected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultSelected, timeOptions]);\n\n  const isValid = (time?: string) => !isInOptions(time) && isValidTime(time);\n\n  return (\n    <StyledInputTimeWrapper className={classNames(\"c-input-time\", className)}>\n      <ComboBox\n        {...rest}\n        options={timeOptions}\n        open={isOpen}\n        disabledInternalSort\n        selected={selected}\n        keepSameOptionsOrder\n        onInputChange={handleInputChange}\n        onChange={handleChange}\n        handleEmptyAction={handleEmptyAction}\n        emptyValue={\n          isValid(search) ? `${addCustomTimeLabel} ${search}` : undefined\n        }\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        disableVirtualization={!enableVirtualization}\n      />\n    </StyledInputTimeWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/utils/colors.d.ts

@@ -101,6 +101,8 @@ export declare const colors: {
         name: string;
         color: string;
     };
+};
+export declare const aiColors: {
     aiGradient: {
         name: string;
         color: string;

package/dist/esm/utils/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GlB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAOpB,CAAC"}

package/dist/esm/utils/colors.js

@@ -100,7 +100,9 @@ export const colors = {
   yellowWarning: {
     name: "Yellow warning",
     color: "#FFCC6B"
-  },
+  }
+};
+export const aiColors = {
   aiGradient: {
     name: "AI Gradient",
     color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",

package/dist/esm/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n  yellow: {\n    name: \"Yellow\",\n    color: \"#FDF196\",\n    darker: \"#948D5D\",\n    lighter: \"#EBD429\",\n  },\n  orange: {\n    name: \"Orange\",\n    color: \"#FBBB75\",\n    darker: \"#916C43\",\n    lighter: \"#E99841\",\n  },\n  beige: {\n    name: \"Beige\",\n    color: \"#EAC2AD\",\n    darker: \"#877064\",\n    lighter: \"#B98A72\",\n  },\n  pink: {\n    name: \"Pink\",\n    color: \"#FBD6E7\",\n    darker: \"#917C86\",\n    lighter: \"#E4A1C0\",\n  },\n  coral: {\n    name: \"Coral\",\n    color: \"#FF9C9C\",\n    darker: \"#945A5A\",\n    lighter: \"#DB4545\",\n  },\n  purpleDirty: {\n    name: \"Purple dirty\",\n    color: \"#C49CB6\",\n    darker: \"#715A69\",\n    lighter: \"#B16E9A\",\n  },\n  purple: {\n    name: \"Purple\",\n    color: \"#BEACF9\",\n    darker: \"#6E6390\",\n    lighter: \"#9B86DF\",\n  },\n  blueAqua: {\n    name: \"Blue aqua\",\n    color: \"#BDF7FD\",\n    darker: \"#6D8F92\",\n    lighter: \"#7BDDE7\",\n  },\n  bluePale: {\n    name: \"Blue pale\",\n    color: \"#BEEAFF\",\n    darker: \"#6E8794\",\n    lighter: \"#92BFD4\",\n  },\n  blueSky: {\n    name: \"Blue sky\",\n    color: \"#A0CBFD\",\n    darker: \"#5C7592\",\n    lighter: \"#568CCB\",\n  },\n  turquoise: {\n    name: \"Turquoise\",\n    color: \"#B9E4E0\",\n    darker: \"#6B8482\",\n    lighter: \"#70BFB8\",\n  },\n  greenPale: {\n    name: \"Green pale\",\n    color: \"#C3E799\",\n    darker: \"#718658\",\n    lighter: \"#80C333\",\n  },\n  greenOliveDrab: {\n    name: \"Green olive drab\",\n    color: \"#98B57C\",\n    darker: \"#647157\",\n    lighter: \"#819F65\",\n  },\n  graySilver: {\n    name: \"Gray silver\",\n    color: \"#DDDDDD\",\n    darker: \"#808080\",\n    lighter: \"#ACACAC\",\n  },\n  gray: {\n    name: \"Gray\",\n    color: \"#CACACA\",\n    darker: \"#757575\",\n    lighter: \"#7D7D7D\",\n  },\n  greenSuccess: {\n    name: \"Green success\",\n    color: \"#64CD93\",\n  },\n  redAlert: {\n    name: \"Red alert\",\n    color: \"#ED6161\",\n  },\n  yellowWarning: {\n    name: \"Yellow warning\",\n    color: \"#FFCC6B\",\n  },\n  aiGradient: {\n    name: \"AI Gradient\",\n    color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n    lighter:\n      \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n  },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;EACDoB,UAAU,EAAE;IACVrB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}
+{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiColors","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n  yellow: {\n    name: \"Yellow\",\n    color: \"#FDF196\",\n    darker: \"#948D5D\",\n    lighter: \"#EBD429\",\n  },\n  orange: {\n    name: \"Orange\",\n    color: \"#FBBB75\",\n    darker: \"#916C43\",\n    lighter: \"#E99841\",\n  },\n  beige: {\n    name: \"Beige\",\n    color: \"#EAC2AD\",\n    darker: \"#877064\",\n    lighter: \"#B98A72\",\n  },\n  pink: {\n    name: \"Pink\",\n    color: \"#FBD6E7\",\n    darker: \"#917C86\",\n    lighter: \"#E4A1C0\",\n  },\n  coral: {\n    name: \"Coral\",\n    color: \"#FF9C9C\",\n    darker: \"#945A5A\",\n    lighter: \"#DB4545\",\n  },\n  purpleDirty: {\n    name: \"Purple dirty\",\n    color: \"#C49CB6\",\n    darker: \"#715A69\",\n    lighter: \"#B16E9A\",\n  },\n  purple: {\n    name: \"Purple\",\n    color: \"#BEACF9\",\n    darker: \"#6E6390\",\n    lighter: \"#9B86DF\",\n  },\n  blueAqua: {\n    name: \"Blue aqua\",\n    color: \"#BDF7FD\",\n    darker: \"#6D8F92\",\n    lighter: \"#7BDDE7\",\n  },\n  bluePale: {\n    name: \"Blue pale\",\n    color: \"#BEEAFF\",\n    darker: \"#6E8794\",\n    lighter: \"#92BFD4\",\n  },\n  blueSky: {\n    name: \"Blue sky\",\n    color: \"#A0CBFD\",\n    darker: \"#5C7592\",\n    lighter: \"#568CCB\",\n  },\n  turquoise: {\n    name: \"Turquoise\",\n    color: \"#B9E4E0\",\n    darker: \"#6B8482\",\n    lighter: \"#70BFB8\",\n  },\n  greenPale: {\n    name: \"Green pale\",\n    color: \"#C3E799\",\n    darker: \"#718658\",\n    lighter: \"#80C333\",\n  },\n  greenOliveDrab: {\n    name: \"Green olive drab\",\n    color: \"#98B57C\",\n    darker: \"#647157\",\n    lighter: \"#819F65\",\n  },\n  graySilver: {\n    name: \"Gray silver\",\n    color: \"#DDDDDD\",\n    darker: \"#808080\",\n    lighter: \"#ACACAC\",\n  },\n  gray: {\n    name: \"Gray\",\n    color: \"#CACACA\",\n    darker: \"#757575\",\n    lighter: \"#7D7D7D\",\n  },\n  greenSuccess: {\n    name: \"Green success\",\n    color: \"#64CD93\",\n  },\n  redAlert: {\n    name: \"Red alert\",\n    color: \"#ED6161\",\n  },\n  yellowWarning: {\n    name: \"Yellow warning\",\n    color: \"#FFCC6B\",\n  },\n};\n\nexport const aiColors = {\n  aiGradient: {\n    name: \"AI Gradient\",\n    color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n    lighter:\n      \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n  },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT;AACF,CAAC;AAED,OAAO,MAAMoB,QAAQ,GAAG;EACtBC,UAAU,EAAE;IACVtB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}