@activecollab/components 1.0.277 → 1.0.279

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/dateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,oBAAY,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAM3E,eAAO,MAAM,UAAU,UACd,SAAS,sCAGf,MAoBF,CAAC"}

package/dist/esm/utils/dateUtils.js

@@ -0,0 +1,31 @@
+import moment from "moment";
+var getShortDateFormat = function getShortDateFormat(value) {
+  return value.replace(/Y|,$/gi, "").trim();
+};
+export var formatDate = function formatDate(value, format, long) {
+  if (format === void 0) {
+    format = "YYYY-MM-DD";
+  }
+  if (long === void 0) {
+    long = true;
+  }
+  if (typeof value === "undefined") {
+    return "";
+  }
+  var date;
+  var year;
+  if (typeof value === "number") {
+    date = moment.unix(value);
+    year = moment().utc().year();
+  } else {
+    date = moment(value);
+    year = moment().year();
+  }
+  if (!long) {
+    if (date.year() === year) {
+      return date.format(getShortDateFormat(format));
+    }
+  }
+  return date.format(format);
+};
+//# sourceMappingURL=dateUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.js","names":["moment","getShortDateFormat","value","replace","trim","formatDate","format","long","date","year","unix","utc"],"sources":["../../../src/utils/dateUtils.ts"],"sourcesContent":["import moment from \"moment\";\n\nexport type DateValue = Date | moment.Moment | number | string | undefined;\n\nconst getShortDateFormat = (value) => {\n  return value.replace(/Y|,$/gi, ``).trim();\n};\n\nexport const formatDate = (\n  value: DateValue,\n  format = \"YYYY-MM-DD\",\n  long = true\n): string => {\n  if (typeof value === \"undefined\") {\n    return \"\";\n  }\n\n  let date;\n  let year;\n  if (typeof value === \"number\") {\n    date = moment.unix(value);\n    year = moment().utc().year();\n  } else {\n    date = moment(value);\n    year = moment().year();\n  }\n  if (!long) {\n    if (date.year() === year) {\n      return date.format(getShortDateFormat(format));\n    }\n  }\n  return date.format(format);\n};\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,QAAQ;AAI3B,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAK,EAAK;EACpC,OAAOA,KAAK,CAACC,OAAO,CAAC,QAAQ,KAAK,CAACC,IAAI,EAAE;AAC3C,CAAC;AAED,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,CACrBH,KAAgB,EAChBI,MAAM,EACNC,IAAI,EACO;EAAA,IAFXD,MAAM;IAANA,MAAM,GAAG,YAAY;EAAA;EAAA,IACrBC,IAAI;IAAJA,IAAI,GAAG,IAAI;EAAA;EAEX,IAAI,OAAOL,KAAK,KAAK,WAAW,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,IAAIM,IAAI;EACR,IAAIC,IAAI;EACR,IAAI,OAAOP,KAAK,KAAK,QAAQ,EAAE;IAC7BM,IAAI,GAAGR,MAAM,CAACU,IAAI,CAACR,KAAK,CAAC;IACzBO,IAAI,GAAGT,MAAM,EAAE,CAACW,GAAG,EAAE,CAACF,IAAI,EAAE;EAC9B,CAAC,MAAM;IACLD,IAAI,GAAGR,MAAM,CAACE,KAAK,CAAC;IACpBO,IAAI,GAAGT,MAAM,EAAE,CAACS,IAAI,EAAE;EACxB;EACA,IAAI,CAACF,IAAI,EAAE;IACT,IAAIC,IAAI,CAACC,IAAI,EAAE,KAAKA,IAAI,EAAE;MACxB,OAAOD,IAAI,CAACF,MAAM,CAACL,kBAAkB,CAACK,MAAM,CAAC,CAAC;IAChD;EACF;EACA,OAAOE,IAAI,CAACF,MAAM,CAACA,MAAM,CAAC;AAC5B,CAAC"}

package/dist/esm/utils/dateUtils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dateUtils.test.d.ts.map

package/dist/esm/utils/dateUtils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.test.d.ts","sourceRoot":"","sources":["../../../src/utils/dateUtils.test.ts"],"names":[],"mappings":""}

package/dist/esm/utils/dateUtils.test.js

@@ -0,0 +1,18 @@
+import { formatDate } from "./dateUtils";
+describe("formatDate", function () {
+  var dateNowSpy;
+  beforeAll(function () {
+    // Lock Time Fri, 07 Oct 2022 12:43:40 GMT
+    dateNowSpy = jest.spyOn(Date, "now").mockImplementation(function () {
+      return 1665146620336;
+    });
+  });
+  afterAll(function () {
+    // Unlock Time
+    dateNowSpy.mockRestore();
+  });
+  it.each([[1660046717, "LL", true, "August 9, 2022"], [1660046717, "YYYY-MM-DD", true, "2022-08-09"], [new Date("2021-01-02"), "YYYY-MM-DD", true, "2021-01-02"], ["2021-01-02", "YYYY-MM-DD", true, "2021-01-02"], ["2021-01-02", "YYYY-MM-DD", false, "2021-01-02"], ["2022-01-02", "YYYY MM-DD", false, "01-02"], [1660046717, "MMMM. DD YYYY", false, "August. 09"], [1660046717, "MMMM. DD YYYY", true, "August. 09 2022"]])("should handle format Date", function (value, format, long, expected) {
+    expect(formatDate(value, format, long)).toEqual(expected);
+  });
+});
+//# sourceMappingURL=dateUtils.test.js.map

package/dist/esm/utils/dateUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.test.js","names":["formatDate","describe","dateNowSpy","beforeAll","jest","spyOn","Date","mockImplementation","afterAll","mockRestore","it","each","value","format","long","expected","expect","toEqual"],"sources":["../../../src/utils/dateUtils.test.ts"],"sourcesContent":["import { formatDate } from \"./dateUtils\";\n\ndescribe(\"formatDate\", function () {\n  let dateNowSpy;\n  beforeAll(() => {\n    // Lock Time Fri, 07 Oct 2022 12:43:40 GMT\n    dateNowSpy = jest\n      .spyOn(Date, \"now\")\n      .mockImplementation(() => 1665146620336);\n  });\n\n  afterAll(() => {\n    // Unlock Time\n    dateNowSpy.mockRestore();\n  });\n\n  it.each([\n    [1660046717, \"LL\", true, \"August 9, 2022\"],\n    [1660046717, \"YYYY-MM-DD\", true, \"2022-08-09\"],\n    [new Date(\"2021-01-02\"), \"YYYY-MM-DD\", true, \"2021-01-02\"],\n    [\"2021-01-02\", \"YYYY-MM-DD\", true, \"2021-01-02\"],\n    [\"2021-01-02\", \"YYYY-MM-DD\", false, \"2021-01-02\"],\n    [\"2022-01-02\", \"YYYY MM-DD\", false, \"01-02\"],\n    [1660046717, \"MMMM. DD YYYY\", false, \"August. 09\"],\n    [1660046717, \"MMMM. DD YYYY\", true, \"August. 09 2022\"],\n  ])(\"should handle format Date\", (value, format, long, expected) => {\n    expect(formatDate(value, format, long)).toEqual(expected);\n  });\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExCC,QAAQ,CAAC,YAAY,EAAE,YAAY;EACjC,IAAIC,UAAU;EACdC,SAAS,CAAC,YAAM;IACd;IACAD,UAAU,GAAGE,IAAI,CACdC,KAAK,CAACC,IAAI,EAAE,KAAK,CAAC,CAClBC,kBAAkB,CAAC;MAAA,OAAM,aAAa;IAAA,EAAC;EAC5C,CAAC,CAAC;EAEFC,QAAQ,CAAC,YAAM;IACb;IACAN,UAAU,CAACO,WAAW,EAAE;EAC1B,CAAC,CAAC;EAEFC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,CAAC,EAC1C,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,EAC9C,CAAC,IAAIL,IAAI,CAAC,YAAY,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,EAC1D,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,EAChD,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,EACjD,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,CAAC,EAC5C,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,YAAY,CAAC,EAClD,CAAC,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,CAAC,CACvD,CAAC,CAAC,2BAA2B,EAAE,UAACM,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAK;IACjEC,MAAM,CAAChB,UAAU,CAACY,KAAK,EAAEC,MAAM,EAAEC,IAAI,CAAC,CAAC,CAACG,OAAO,CAACF,QAAQ,CAAC;EAC3D,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const findHighlightedSearch: (searchValue: string, target: string) => string;
+//# sourceMappingURL=findHighlightedSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findHighlightedSearch.d.ts","sourceRoot":"","sources":["../../../src/utils/findHighlightedSearch.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,gBAAiB,MAAM,UAAU,MAAM,WAcxE,CAAC"}

package/dist/esm/utils/{findHighlightSearch.js → findHighlightedSearch.js}

@@ -1,4 +1,4 @@
-export var findHiglightSearch = function findHiglightSearch(searchValue, target) {
+export var findHighlightedSearch = function findHighlightedSearch(searchValue, target) {
   if (searchValue && target) {
     var purifiedTarget = target == null ? void 0 : target.replace(/<script.*?>.*?<\/script>/gi, "");
     var parser = new DOMParser();
@@ -9,4 +9,4 @@ export var findHiglightSearch = function findHiglightSearch(searchValue, target)
   }
   return "";
 };
-//# sourceMappingURL=findHighlightSearch.js.map
+//# sourceMappingURL=findHighlightedSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findHighlightedSearch.js","names":["findHighlightedSearch","searchValue","target","purifiedTarget","replace","parser","DOMParser","doc","parseFromString","text","body","textContent","regex","RegExp"],"sources":["../../../src/utils/findHighlightedSearch.ts"],"sourcesContent":["export const findHighlightedSearch = (searchValue: string, target: string) => {\n  if (searchValue && target) {\n    const purifiedTarget = target?.replace(/<script.*?>.*?<\\/script>/gi, \"\");\n    const parser = new DOMParser();\n\n    const doc = parser.parseFromString(purifiedTarget, \"text/html\");\n    const text = doc.body.textContent || \"\";\n\n    const regex = new RegExp(`(${searchValue})`, \"gi\");\n\n    return text.replace(regex, \"<mark>$1</mark>\");\n  }\n\n  return \"\";\n};\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,WAAmB,EAAEC,MAAc,EAAK;EAC5E,IAAID,WAAW,IAAIC,MAAM,EAAE;IACzB,IAAMC,cAAc,GAAGD,MAAM,oBAANA,MAAM,CAAEE,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC;IACxE,IAAMC,MAAM,GAAG,IAAIC,SAAS,EAAE;IAE9B,IAAMC,GAAG,GAAGF,MAAM,CAACG,eAAe,CAACL,cAAc,EAAE,WAAW,CAAC;IAC/D,IAAMM,IAAI,GAAGF,GAAG,CAACG,IAAI,CAACC,WAAW,IAAI,EAAE;IAEvC,IAAMC,KAAK,GAAG,IAAIC,MAAM,OAAKZ,WAAW,QAAK,IAAI,CAAC;IAElD,OAAOQ,IAAI,CAACL,OAAO,CAACQ,KAAK,EAAE,iBAAiB,CAAC;EAC/C;EAEA,OAAO,EAAE;AACX,CAAC"}

package/dist/index.js

@@ -12787,6 +12787,50 @@
   });
   SelectDateTarget.displayName = "SelectDateTarget";
 
+  var defaultParams = {
+    locale: "en-US",
+    dateFormat: "MMM D. YYYY",
+    timeFormat: "HH:mm a",
+    decimalSeparator: ".",
+    thousandSeparator: ",",
+    decimalRounding: 0,
+    decimalSpaces: 2,
+    currencyCode: "USD",
+    t: function t(value) {
+      return value;
+    }
+  };
+  var LocalizationContext = /*#__PURE__*/React__default["default"].createContext(defaultParams);
+  var useLocalization = function useLocalization() {
+    return React__default["default"].useContext(LocalizationContext);
+  };
+
+  var getShortDateFormat = function getShortDateFormat(value) {
+    return value.replace(/Y|,$/gi, "").trim();
+  };
+  var formatDate = function formatDate(value) {
+    var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "YYYY-MM-DD";
+    var long = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    if (typeof value === "undefined") {
+      return "";
+    }
+    var date;
+    var year;
+    if (typeof value === "number") {
+      date = moment__default["default"].unix(value);
+      year = moment__default["default"]().utc().year();
+    } else {
+      date = moment__default["default"](value);
+      year = moment__default["default"]().year();
+    }
+    if (!long) {
+      if (date.year() === year) {
+        return date.format(getShortDateFormat(format));
+      }
+    }
+    return date.format(format);
+  };
+
   var getUtcTimestampFromDate = function getUtcTimestampFromDate(date) {
     return moment__default["default"].utc([date.getFullYear(), date.getMonth(), date.getDate()]).unix();
   };
@@ -12842,8 +12886,7 @@
       targetTextClassName = _ref.targetTextClassName,
       targetIconClassName = _ref.targetIconClassName,
       backgroundElementClass = _ref.backgroundElementClass,
-      _ref$dateFormat = _ref.dateFormat,
-      dateFormat = _ref$dateFormat === void 0 ? "DD MM. YYYY" : _ref$dateFormat,
+      passedDateFormat = _ref.dateFormat,
       defaultMonth = _ref.defaultMonth,
       _ref$daysToModify = _ref.daysToModify,
       daysToModify = _ref$daysToModify === void 0 ? [] : _ref$daysToModify,
@@ -12863,15 +12906,16 @@
       _useState2 = _slicedToArray(_useState, 2),
       timezoneAware = _useState2[0],
       setTimezoneAware = _useState2[1];
+    var localization = useLocalization();
+    var dateFormat = passedDateFormat ? passedDateFormat : localization.dateFormat;
     var labelText = React.useMemo(function () {
       if (!selectedDays) {
         return defaultLabelText;
       } else {
         var endDate = timezoneAware ? moment__default["default"].unix(selectedDays.to).local() : moment__default["default"].unix(selectedDays.to).utc();
         var startDate = timezoneAware ? moment__default["default"].unix(selectedDays.from).local() : moment__default["default"].unix(selectedDays.from).utc();
-        var currentYear = moment__default["default"].utc().year();
-        var formattedEndDate = !longDateFormat && endDate.year() === currentYear ? endDate.format(dateFormat.replace(/Y|,$/gi, "").trim()) : endDate.format(dateFormat);
-        var formattedStartDate = !longDateFormat && startDate.year() === currentYear ? startDate.format(dateFormat.replace(/Y|,$/gi, "").trim()) : startDate.format(dateFormat);
+        var formattedEndDate = formatDate(endDate, dateFormat, longDateFormat);
+        var formattedStartDate = formatDate(startDate, dateFormat, longDateFormat);
         if (selectedDays.from === selectedDays.to) {
           return formattedEndDate;
         }
@@ -15797,51 +15841,51 @@
     }, "+", React.Children.count(children) - limit)));
   };
 
-  var StyledCommandPallete = styled__default["default"].div.withConfig({
-    displayName: "CommandPalletestyles__StyledCommandPallete",
-    componentId: "sc-16m145d-0"
+  var StyledCommandPalette = styled__default["default"].div.withConfig({
+    displayName: "CommandPalettestyles__StyledCommandPalette",
+    componentId: "sc-na3mad-0"
   })(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;mark{background-color:var(--color-primary-300);color:var(--color-theme-900);}"], FontStyle);
-  var StyledCommandPalleteWrapper = styled__default["default"].div.withConfig({
-    displayName: "CommandPalletestyles__StyledCommandPalleteWrapper",
-    componentId: "sc-16m145d-1"
+  var StyledCommandPaletteWrapper = styled__default["default"].div.withConfig({
+    displayName: "CommandPalettestyles__StyledCommandPaletteWrapper",
+    componentId: "sc-na3mad-1"
   })(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){padding-bottom:8px;padding-top:8px;}"]);
-  var StyledCommandPalleteHeader = styled__default["default"].div.withConfig({
-    displayName: "CommandPalletestyles__StyledCommandPalleteHeader",
-    componentId: "sc-16m145d-2"
+  var StyledCommandPaletteHeader = styled__default["default"].div.withConfig({
+    displayName: "CommandPalettestyles__StyledCommandPaletteHeader",
+    componentId: "sc-na3mad-2"
   })(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;border-bottom:1px solid var(--color-theme-400);"]);
   var StyledSearchIcon = styled__default["default"].div.withConfig({
-    displayName: "CommandPalletestyles__StyledSearchIcon",
-    componentId: "sc-16m145d-3"
+    displayName: "CommandPalettestyles__StyledSearchIcon",
+    componentId: "sc-na3mad-3"
   })(["margin-right:8px;svg{vertical-align:middle;}"]);
   var StyledInput = styled__default["default"].input.withConfig({
-    displayName: "CommandPalletestyles__StyledInput",
-    componentId: "sc-16m145d-4"
+    displayName: "CommandPalettestyles__StyledInput",
+    componentId: "sc-na3mad-4"
   })(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);width:100%;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type=\"number\"]{-moz-appearance:textfield;}::placeholder{color:var(--color-theme-transparent-500);}::selection{background:var(--color-primary-300);}"], screen.sm);
   var StyledParameter = styled__default["default"].span.withConfig({
-    displayName: "CommandPalletestyles__StyledParameter",
-    componentId: "sc-16m145d-5"
+    displayName: "CommandPalettestyles__StyledParameter",
+    componentId: "sc-na3mad-5"
   })(["color:var(--color-theme-transparent-500);margin-right:8px;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}"], screen.sm);
   var StyledActionWrapper = styled__default["default"].div.withConfig({
-    displayName: "CommandPalletestyles__StyledActionWrapper",
-    componentId: "sc-16m145d-6"
+    displayName: "CommandPalettestyles__StyledActionWrapper",
+    componentId: "sc-na3mad-6"
   })(["align-items:center;display:flex;gap:8px;"]);
   var StyledIcon = styled__default["default"].div.withConfig({
-    displayName: "CommandPalletestyles__StyledIcon",
-    componentId: "sc-16m145d-7"
+    displayName: "CommandPalettestyles__StyledIcon",
+    componentId: "sc-na3mad-7"
   })(["margin-right:8px;svg{vertical-align:middle;}"]);
-  var StyledCommandPalleteList = styled__default["default"].ul.withConfig({
-    displayName: "CommandPalletestyles__StyledCommandPalleteList",
-    componentId: "sc-16m145d-8"
+  var StyledCommandPaletteList = styled__default["default"].ul.withConfig({
+    displayName: "CommandPalettestyles__StyledCommandPaletteList",
+    componentId: "sc-na3mad-8"
   })(["list-style-type:none;margin:0;padding:0;overflow:hidden;&:not(:first-child){border-top:1px solid var(--color-theme-400);}"]);
   var StyledHeading = styled__default["default"].p.withConfig({
-    displayName: "CommandPalletestyles__StyledHeading",
-    componentId: "sc-16m145d-9"
+    displayName: "CommandPalettestyles__StyledHeading",
+    componentId: "sc-na3mad-9"
   })(["font-size:12px;margin-top:12px;margin-bottom:4px;font-weight:bold;padding-left:18px;letter-spacing:0.5px;color:var(--color-theme-600);"]);
 
   // prettier-ignore
-  var StyledCommandPalleteItem = styled__default["default"].li.withConfig({
-    displayName: "CommandPalletestyles__StyledCommandPalleteItem",
-    componentId: "sc-16m145d-10"
+  var StyledCommandPaletteItem = styled__default["default"].li.withConfig({
+    displayName: "CommandPalettestyles__StyledCommandPaletteItem",
+    componentId: "sc-na3mad-10"
   })(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], function (_ref) {
     var $selected = _ref.$selected;
     return $selected ? "var(--color-theme-200)" : "transparent";
@@ -15849,13 +15893,13 @@
     var $selected = _ref2.$selected;
     return $selected ? "block" : "none";
   });
-  var StyledCommandPalleteCommandItem = styled__default["default"](StyledCommandPalleteItem).withConfig({
-    displayName: "CommandPalletestyles__StyledCommandPalleteCommandItem",
-    componentId: "sc-16m145d-11"
+  var StyledCommandPaletteCommandItem = styled__default["default"](StyledCommandPaletteItem).withConfig({
+    displayName: "CommandPalettestyles__StyledCommandPaletteCommandItem",
+    componentId: "sc-na3mad-11"
   })(["user-select:none;"]);
   var StyledSpinnerLoader = styled__default["default"](SpinnerLoader).withConfig({
-    displayName: "CommandPalletestyles__StyledSpinnerLoader",
-    componentId: "sc-16m145d-12"
+    displayName: "CommandPalettestyles__StyledSpinnerLoader",
+    componentId: "sc-na3mad-12"
   })(["margin-right:4px;"]);
 
   var ModeContext = /*#__PURE__*/React.createContext({
@@ -15892,7 +15936,7 @@
   };
 
   var _excluded$2 = ["title", "renderIcon", "className", "index"];
-  var CommandPalleteCommandItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var CommandPaletteCommandItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       renderIcon = _ref.renderIcon,
       className = _ref.className,
@@ -15905,7 +15949,7 @@
     var onMouseEnter = function onMouseEnter() {
       setSelected(index);
     };
-    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPalleteCommandItem, _extends({}, rest, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteCommandItem, _extends({}, rest, {
       ref: ref,
       className: classNames__default["default"]("cp-item cp-command", className),
       tabIndex: 1,
@@ -15919,14 +15963,14 @@
       color: "primary"
     }, title), /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, null));
   });
-  CommandPalleteCommandItem.displayName = "CommandPalleteCommandItem";
+  CommandPaletteCommandItem.displayName = "CommandPaletteCommandItem";
   var _StyledTypography = styled__default["default"](Typography).withConfig({
-    displayName: "CommandPalleteCommandItem___StyledTypography",
-    componentId: "sc-12i2mxl-0"
+    displayName: "CommandPaletteCommandItem___StyledTypography",
+    componentId: "sc-1t486ve-0"
   })(["flex:1;"]);
 
   var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-  var CommandPalleteHeader = function CommandPalleteHeader(_ref) {
+  var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     var handleChange = _ref.handleChange,
       _ref$loading = _ref.loading,
       loading = _ref$loading === void 0 ? false : _ref$loading,
@@ -15965,7 +16009,7 @@
         }
       }
     }, [search, commandsLength, itemsLength, setSelected]);
-    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPalleteHeader, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteHeader, {
       className: "cp-header"
     }, /*#__PURE__*/React__default["default"].createElement(StyledSearchIcon, null, /*#__PURE__*/React__default["default"].createElement(SearchLargeIcon$1, null)), mode === "id" ? /*#__PURE__*/React__default["default"].createElement(StyledParameter, null, "ID#:") : null, /*#__PURE__*/React__default["default"].createElement(StyledInput, {
       ref: inputRef,
@@ -16050,9 +16094,9 @@
       }
     }, /*#__PURE__*/React__default["default"].createElement(CloseIcon$1, null))) : null));
   };
-  CommandPalleteHeader.displayName = "CommandPalleteItem";
+  CommandPaletteHeader.displayName = "CommandPaletteItem";
 
-  var findHiglightSearch = function findHiglightSearch(searchValue, target) {
+  var findHighlightedSearch = function findHighlightedSearch(searchValue, target) {
     if (searchValue && target) {
       var purifiedTarget = target === null || target === void 0 ? void 0 : target.replace(/<script.*?>.*?<\/script>/gi, "");
       var parser = new DOMParser();
@@ -16065,7 +16109,7 @@
   };
 
   var _excluded$1 = ["title", "renderIcon", "className", "index"];
-  var CommandPalleteItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var CommandPaletteItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       renderIcon = _ref.renderIcon,
       className = _ref.className,
@@ -16080,7 +16124,7 @@
     var onMouseEnter = function onMouseEnter() {
       setSelected(index);
     };
-    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPalleteItem, _extends({}, rest, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteItem, _extends({}, rest, {
       ref: ref,
       className: classNames__default["default"]("cp-item", className),
       tabIndex: 1,
@@ -16093,18 +16137,18 @@
       variant: "Body 1",
       color: "primary",
       dangerouslySetInnerHTML: {
-        __html: findHiglightSearch(search, title)
+        __html: findHighlightedSearch(search, title)
       }
     }) : null);
   });
-  CommandPalleteItem.displayName = "CommandPalleteItem";
+  CommandPaletteItem.displayName = "CommandPaletteItem";
 
-  var CommandPalleteList = function CommandPalleteList(_ref) {
+  var CommandPaletteList = function CommandPaletteList(_ref) {
     var children = _ref.children,
       heading = _ref.heading,
       _ref$visible = _ref.visible,
       visible = _ref$visible === void 0 ? false : _ref$visible;
-    return visible ? /*#__PURE__*/React__default["default"].createElement(StyledCommandPalleteList, {
+    return visible ? /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteList, {
       className: "cp-list",
       tabIndex: -1,
       role: "listbox"
@@ -16112,7 +16156,7 @@
       tabIndex: -1
     }, heading) : null, children) : null;
   };
-  CommandPalleteList.displayName = "CommandPalleteList";
+  CommandPaletteList.displayName = "CommandPaletteList";
 
   var hasChildren = function hasChildren(element) {
     return /*#__PURE__*/React.isValidElement(element) && Boolean(element.props.children);
@@ -16134,7 +16178,7 @@
   };
 
   var _excluded = ["children", "onChangeSearch", "search", "mode", "setMode"];
-  var CommandPallete = function CommandPallete(_ref) {
+  var CommandPalette = function CommandPalette(_ref) {
     var children = _ref.children,
       onChangeSearch = _ref.onChangeSearch,
       search = _ref.search,
@@ -16169,10 +16213,10 @@
       var items = deepMap(children, function (child) {
         var item = child;
         var clonedElement;
-        if (item && item.type === CommandPalleteList) {
+        if (item && item.type === CommandPaletteList) {
           clonedElement = /*#__PURE__*/React.cloneElement(item, _objectSpread2({}, item.props));
         }
-        if (item && item.type === CommandPalleteCommandItem) {
+        if (item && item.type === CommandPaletteCommandItem) {
           clonedElement = /*#__PURE__*/React.cloneElement(item, _objectSpread2(_objectSpread2({}, item.props), {}, {
             index: itemsLength,
             selected: selected
@@ -16180,7 +16224,7 @@
           itemsLength++;
           commandsLength++;
         }
-        if (item && item.type === CommandPalleteItem) {
+        if (item && item.type === CommandPaletteItem) {
           clonedElement = /*#__PURE__*/React.cloneElement(item, _objectSpread2(_objectSpread2({}, item.props), {}, {
             index: itemsLength,
             selected: selected
@@ -16236,7 +16280,7 @@
         selected: selected,
         setSelected: setSelected
       }
-    }, /*#__PURE__*/React__default["default"].createElement(StyledCommandPallete, {
+    }, /*#__PURE__*/React__default["default"].createElement(StyledCommandPalette, {
       onKeyDown: function onKeyDown(e) {
         if (e.key === "ArrowDown") {
           e.preventDefault();
@@ -16262,18 +16306,18 @@
         mode: mode,
         setMode: setMode
       }
-    }, /*#__PURE__*/React__default["default"].createElement(CommandPalleteHeader, {
+    }, /*#__PURE__*/React__default["default"].createElement(CommandPaletteHeader, {
       handleChange: handleChange,
       commandsLength: filterChildren.commandsLength,
       itemsLength: filterChildren.itemsLength
-    })), /*#__PURE__*/React__default["default"].createElement(StyledCommandPalleteWrapper, {
+    })), /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteWrapper, {
       ref: listWrapperRef
     }, filterChildren.items)))));
   };
-  CommandPallete.displayName = "CommandPallete";
-  CommandPallete.List = CommandPalleteList;
-  CommandPallete.Item = CommandPalleteItem;
-  CommandPallete.CommandItem = CommandPalleteCommandItem;
+  CommandPalette.displayName = "CommandPalette";
+  CommandPalette.List = CommandPaletteList;
+  CommandPalette.Item = CommandPaletteItem;
+  CommandPalette.CommandItem = CommandPaletteCommandItem;
 
   exports.Accordion = Accordion;
   exports.AccordionContext = AccordionContext;
@@ -16343,7 +16387,7 @@
   exports.CollapseAllIcon = CollapseAllIcon$1;
   exports.CollapseExpandSingleIcon = CollapseExpandSingleIcon$1;
   exports.ComboBox = ComboBox;
-  exports.CommandPallete = CommandPallete;
+  exports.CommandPalette = CommandPalette;
   exports.CompleteCheckbox = CompleteCheckbox;
   exports.ComputerIcon = ComputerIcon$1;
   exports.ConfirmDialog = ConfirmDialog;