@onewelcome/react-lib-components 9.8.0 → 10.0.0

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.es.js

@@ -0,0 +1,35 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DateTimePicker_popover_E7GBT{display:flex;flex-direction:column;align-items:flex-start;min-width:40rem}.DateTimePicker_popover_E7GBT .DateTimePicker_content-wrapper_E7GBT{display:flex}.DateTimePicker_popover_E7GBT .DateTimePicker_aside_E7GBT{display:flex;flex-direction:column;width:9.25rem;border-right:1px solid var(--color-blue-grey100)}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu_E7GBT{margin:.5rem 0;padding:0;white-space:nowrap;list-style:none}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu-item_E7GBT{height:2rem}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu-item_E7GBT button{padding:.5rem .75rem;font-size:var(--font-size-sub);line-height:1.33;text-align:start}.DateTimePicker_popover_E7GBT .DateTimePicker_controls_E7GBT{display:flex;flex-direction:column;gap:2rem;flex-grow:1;padding:2rem 2rem 0}.DateTimePicker_popover_E7GBT .DateTimePicker_controls_E7GBT.DateTimePicker_has-error_E7GBT{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT{display:flex;gap:2rem}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT>*{flex-grow:1}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT.DateTimePicker_set-height_E7GBT{min-height:17.5rem}.DateTimePicker_popover_E7GBT .DateTimePicker_actions_E7GBT{display:flex;justify-content:space-between;gap:1rem;flex-grow:1;width:calc(100% - 3rem);border-top:1px solid var(--color-blue-grey100);padding:1rem 1.5rem}.DateTimePicker_popover_E7GBT .DateTimePicker_input_E7GBT{margin-top:0;max-width:14rem}.DateTimePicker_popover_E7GBT .DateTimePicker_input_E7GBT label{font-size:var(--font-size-sub)}.DateTimePicker_popover_E7GBT .DateTimePicker_nav_E7GBT{position:absolute}.DateTimePicker_popover_E7GBT .DateTimePicker_next-button_E7GBT{position:absolute;left:27.3125rem;top:0}.DateTimePicker_popover_E7GBT .DateTimePicker_prev-button_E7GBT{position:absolute;top:0}.DateTimePicker_popover_E7GBT .DateTimePicker_month-caption_E7GBT{width:100%;height:calc(2.5 * var(--font-size));margin:0;padding:.75rem 0;font-size:var(--font-size-sub);font-weight:500;line-height:1.33;text-align:center}.DateTimePicker_error-message_E7GBT{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const popover = "DateTimePicker_popover_E7GBT";
+const aside = "DateTimePicker_aside_E7GBT";
+const controls = "DateTimePicker_controls_E7GBT";
+const actions = "DateTimePicker_actions_E7GBT";
+const input = "DateTimePicker_input_E7GBT";
+const nav = "DateTimePicker_nav_E7GBT";
+const classes = {
+  popover,
+  "content-wrapper": "DateTimePicker_content-wrapper_E7GBT",
+  aside,
+  "aside-menu": "DateTimePicker_aside-menu_E7GBT",
+  "aside-menu-item": "DateTimePicker_aside-menu-item_E7GBT",
+  controls,
+  "has-error": "DateTimePicker_has-error_E7GBT",
+  "controls-panel": "DateTimePicker_controls-panel_E7GBT",
+  "set-height": "DateTimePicker_set-height_E7GBT",
+  actions,
+  input,
+  nav,
+  "next-button": "DateTimePicker_next-button_E7GBT",
+  "prev-button": "DateTimePicker_prev-button_E7GBT",
+  "month-caption": "DateTimePicker_month-caption_E7GBT",
+  "error-message": "DateTimePicker_error-message_E7GBT"
+};
+export {
+  actions,
+  aside,
+  controls,
+  classes as default,
+  input,
+  nav,
+  popover
+};
+//# sourceMappingURL=DateTimePicker.module.scss.es.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DateTimePicker.module.scss.cjs.js"),a=require("../../../DatePicker/DatePicker.cjs.js"),o=require("../../../Button/IconButton.cjs.js"),r=require("./DateTimeService.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),c=require("../../../Typography/Typography.cjs.js");exports.DateTimePickerCalendarSection=({previousMonth:s,nextMonth:i,selectedDate:l,disableDateRangePickers:m,setSelectedDate:u,setFromDateText:d,setFromDateError:p,setToDateError:D,setToDateText:h})=>e.createElement(a.DatePicker,{onSelect:e=>{if(e){u(e);const t=e.from,a=e.to;t&&(d(r.formatInputDate(t)),p("")),a&&(h(r.formatInputDate(a)),D(""))}},value:l,disabled:m,mode:"range",components:{Nav:({onNextClick:a,onPreviousClick:r})=>e.createElement("div",{className:t.default.nav},e.createElement(o.IconButton,{title:s,onClick:r,className:t.default["prev-button"],disabled:m},e.createElement(n.Icon,{size:"0.75rem",icon:n.Icons.ChevronLeft})),e.createElement(o.IconButton,{title:i,onClick:a,className:t.default["next-button"],disabled:m},e.createElement(n.Icon,{size:"0.75rem",icon:n.Icons.ChevronRight}))),MonthCaption:({calendarMonth:a})=>e.createElement(c.Typography,{className:t.default["month-caption"],variant:"body"},r.getMonthName(a.date)," ",r.getYearFromDate(a.date))},numberOfMonths:2});
+//# sourceMappingURL=DateTimePickerCalendarSection.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerCalendarSection.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport { DatePicker } from \"../../../DatePicker/DatePicker\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { DateRange } from \"react-day-picker\";\nimport { formatInputDate, getMonthName, getYearFromDate } from \"./DateTimeService\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Typography } from \"../../../Typography/Typography\";\n\ntype Props = {\n  previousMonth: string;\n  nextMonth: string;\n  selectedDate: DateRange | undefined;\n  disableDateRangePickers: boolean;\n  setSelectedDate: React.Dispatch<React.SetStateAction<DateRange>>;\n  setFromDateText: React.Dispatch<React.SetStateAction<string>>;\n  setToDateText: React.Dispatch<React.SetStateAction<string>>;\n  setFromDateError: React.Dispatch<React.SetStateAction<string>>;\n  setToDateError: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DateTimePickerCalendarSection = ({\n  previousMonth,\n  nextMonth,\n  selectedDate,\n  disableDateRangePickers,\n  setSelectedDate,\n  setFromDateText,\n  setFromDateError,\n  setToDateError,\n  setToDateText\n}: Props) => {\n  const onDatePickerSelect = (date: Date | DateRange | undefined): void => {\n    if (date) {\n      setSelectedDate(date as DateRange);\n\n      const fromDate = (date as DateRange).from;\n      const toDate = (date as DateRange).to;\n\n      if (fromDate) {\n        setFromDateText(formatInputDate(fromDate));\n        setFromDateError(\"\");\n      }\n\n      if (toDate) {\n        setToDateText(formatInputDate(toDate));\n        setToDateError(\"\");\n      }\n    }\n  };\n  return (\n    <DatePicker\n      onSelect={onDatePickerSelect}\n      value={selectedDate}\n      disabled={disableDateRangePickers}\n      mode={\"range\"}\n      components={{\n        Nav: ({ onNextClick, onPreviousClick }) => (\n          <div className={classes[\"nav\"]}>\n            <IconButton\n              title={previousMonth}\n              onClick={onPreviousClick}\n              className={classes[\"prev-button\"]}\n              disabled={disableDateRangePickers}\n            >\n              <Icon size=\"0.75rem\" icon={Icons.ChevronLeft} />\n            </IconButton>\n            <IconButton\n              title={nextMonth}\n              onClick={onNextClick}\n              className={classes[\"next-button\"]}\n              disabled={disableDateRangePickers}\n            >\n              <Icon size=\"0.75rem\" icon={Icons.ChevronRight} />\n            </IconButton>\n          </div>\n        ),\n        MonthCaption: ({ calendarMonth }) => (\n          <Typography className={classes[\"month-caption\"]} variant=\"body\">\n            {getMonthName(calendarMonth.date)} {getYearFromDate(calendarMonth.date)}\n          </Typography>\n        )\n      }}\n      numberOfMonths={2}\n    />\n  );\n};\n"],"names":["previousMonth","nextMonth","selectedDate","disableDateRangePickers","setSelectedDate","setFromDateText","setFromDateError","setToDateError","setToDateText","React","createElement","DatePicker","onSelect","date","fromDate","from","toDate","to","formatInputDate","value","disabled","mode","components","Nav","onNextClick","onPreviousClick","className","classes","default","IconButton","title","onClick","Icon","size","icon","Icons","ChevronLeft","ChevronRight","MonthCaption","calendarMonth","Typography","variant","getMonthName","getYearFromDate","numberOfMonths"],"mappings":"kaAqC6C,EAC3CA,gBACAC,YACAC,eACAC,0BACAC,kBACAC,kBACAC,mBACAC,iBACAC,mBAqBEC,EAAAC,cAACC,EAAAA,WAAA,CACCC,SApBwBC,IAC1B,GAAIA,EAAM,CACRT,EAAgBS,GAEhB,MAAMC,EAAYD,EAAmBE,KAC/BC,EAAUH,EAAmBI,GAE/BH,IACcI,EAAAA,EAAAA,gBAAgBJ,IAChCR,EAAiB,KAGfU,IACYE,EAAAA,EAAAA,gBAAgBF,IAC9BT,EAAe,IACjB,GAMAY,MAAOjB,EACPkB,SAAUjB,EACVkB,KAAM,QACNC,WAAY,CACVC,IAAK,EAAGC,cAAaC,qBACnBhB,EAAAC,cAAC,MAAI,CAAAgB,UAAWC,EAAQC,QAAK,KAC3BnB,EAAAC,cAACmB,EAAAA,WAAA,CACCC,MAAO9B,EACP+B,QAASN,EACTC,UAAWC,UAAQ,eACnBP,SAAUjB,mBAET6B,EAAAA,KAAK,CAAAC,KAAK,UAAUC,KAAMC,QAAMC,eAEnC3B,EAAAC,cAACmB,EAAAA,WAAA,CACCC,MAAO7B,EACP8B,QAASP,EACTE,UAAWC,UAAQ,eACnBP,SAAUjB,mBAET6B,EAAAA,KAAK,CAAAC,KAAK,UAAUC,KAAMC,QAAME,iBAIvCC,aAAc,EAAGC,mBACd9B,EAAAC,cAAA8B,aAAA,CAAWd,UAAWC,EAAAA,QAAQ,iBAAkBc,QAAQ,QACtDC,eAAaH,EAAc1B,MAAM,IAAE8B,EAAAA,gBAAgBJ,EAAc1B,QAIxE+B,eAAgB"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.es.js

@@ -0,0 +1,70 @@
+import React from "react";
+import classes from "./DateTimePicker.module.scss.es.js";
+import { DatePicker } from "../../../DatePicker/DatePicker.es.js";
+import { IconButton } from "../../../Button/IconButton.es.js";
+import { getMonthName, getYearFromDate, formatInputDate } from "./DateTimeService.es.js";
+import { Icon, Icons } from "../../../Icon/Icon.es.js";
+import { Typography } from "../../../Typography/Typography.es.js";
+const DateTimePickerCalendarSection = ({
+  previousMonth,
+  nextMonth,
+  selectedDate,
+  disableDateRangePickers,
+  setSelectedDate,
+  setFromDateText,
+  setFromDateError,
+  setToDateError,
+  setToDateText
+}) => {
+  const onDatePickerSelect = (date) => {
+    if (date) {
+      setSelectedDate(date);
+      const fromDate = date.from;
+      const toDate = date.to;
+      if (fromDate) {
+        setFromDateText(formatInputDate(fromDate));
+        setFromDateError("");
+      }
+      if (toDate) {
+        setToDateText(formatInputDate(toDate));
+        setToDateError("");
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    DatePicker,
+    {
+      onSelect: onDatePickerSelect,
+      value: selectedDate,
+      disabled: disableDateRangePickers,
+      mode: "range",
+      components: {
+        Nav: ({ onNextClick, onPreviousClick }) => /* @__PURE__ */ React.createElement("div", { className: classes["nav"] }, /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            title: previousMonth,
+            onClick: onPreviousClick,
+            className: classes["prev-button"],
+            disabled: disableDateRangePickers
+          },
+          /* @__PURE__ */ React.createElement(Icon, { size: "0.75rem", icon: Icons.ChevronLeft })
+        ), /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            title: nextMonth,
+            onClick: onNextClick,
+            className: classes["next-button"],
+            disabled: disableDateRangePickers
+          },
+          /* @__PURE__ */ React.createElement(Icon, { size: "0.75rem", icon: Icons.ChevronRight })
+        )),
+        MonthCaption: ({ calendarMonth }) => /* @__PURE__ */ React.createElement(Typography, { className: classes["month-caption"], variant: "body" }, getMonthName(calendarMonth.date), " ", getYearFromDate(calendarMonth.date))
+      },
+      numberOfMonths: 2
+    }
+  );
+};
+export {
+  DateTimePickerCalendarSection
+};
+//# sourceMappingURL=DateTimePickerCalendarSection.es.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerCalendarSection.es.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport { DatePicker } from \"../../../DatePicker/DatePicker\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { DateRange } from \"react-day-picker\";\nimport { formatInputDate, getMonthName, getYearFromDate } from \"./DateTimeService\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Typography } from \"../../../Typography/Typography\";\n\ntype Props = {\n  previousMonth: string;\n  nextMonth: string;\n  selectedDate: DateRange | undefined;\n  disableDateRangePickers: boolean;\n  setSelectedDate: React.Dispatch<React.SetStateAction<DateRange>>;\n  setFromDateText: React.Dispatch<React.SetStateAction<string>>;\n  setToDateText: React.Dispatch<React.SetStateAction<string>>;\n  setFromDateError: React.Dispatch<React.SetStateAction<string>>;\n  setToDateError: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DateTimePickerCalendarSection = ({\n  previousMonth,\n  nextMonth,\n  selectedDate,\n  disableDateRangePickers,\n  setSelectedDate,\n  setFromDateText,\n  setFromDateError,\n  setToDateError,\n  setToDateText\n}: Props) => {\n  const onDatePickerSelect = (date: Date | DateRange | undefined): void => {\n    if (date) {\n      setSelectedDate(date as DateRange);\n\n      const fromDate = (date as DateRange).from;\n      const toDate = (date as DateRange).to;\n\n      if (fromDate) {\n        setFromDateText(formatInputDate(fromDate));\n        setFromDateError(\"\");\n      }\n\n      if (toDate) {\n        setToDateText(formatInputDate(toDate));\n        setToDateError(\"\");\n      }\n    }\n  };\n  return (\n    <DatePicker\n      onSelect={onDatePickerSelect}\n      value={selectedDate}\n      disabled={disableDateRangePickers}\n      mode={\"range\"}\n      components={{\n        Nav: ({ onNextClick, onPreviousClick }) => (\n          <div className={classes[\"nav\"]}>\n            <IconButton\n              title={previousMonth}\n              onClick={onPreviousClick}\n              className={classes[\"prev-button\"]}\n              disabled={disableDateRangePickers}\n            >\n              <Icon size=\"0.75rem\" icon={Icons.ChevronLeft} />\n            </IconButton>\n            <IconButton\n              title={nextMonth}\n              onClick={onNextClick}\n              className={classes[\"next-button\"]}\n              disabled={disableDateRangePickers}\n            >\n              <Icon size=\"0.75rem\" icon={Icons.ChevronRight} />\n            </IconButton>\n          </div>\n        ),\n        MonthCaption: ({ calendarMonth }) => (\n          <Typography className={classes[\"month-caption\"]} variant=\"body\">\n            {getMonthName(calendarMonth.date)} {getYearFromDate(calendarMonth.date)}\n          </Typography>\n        )\n      }}\n      numberOfMonths={2}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAqCO,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACL,QAAA,qBAAqB,CAAC,SAA6C;AACvE,QAAI,MAAM;AACR,sBAAgB,IAAiB;AAEjC,YAAM,WAAY,KAAmB;AACrC,YAAM,SAAU,KAAmB;AAEnC,UAAI,UAAU;AACI,wBAAA,gBAAgB,QAAQ,CAAC;AACzC,yBAAiB,EAAE;AAAA,MAAA;AAGrB,UAAI,QAAQ;AACI,sBAAA,gBAAgB,MAAM,CAAC;AACrC,uBAAe,EAAE;AAAA,MAAA;AAAA,IACnB;AAAA,EAEJ;AAEE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,QACV,KAAK,CAAC,EAAE,aAAa,gBACnB,MAAA,sBAAA,cAAC,OAAI,EAAA,WAAW,QAAQ,KAAK,EAC3B,GAAA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,WAAW,QAAQ,aAAa;AAAA,YAChC,UAAU;AAAA,UAAA;AAAA,8CAET,MAAK,EAAA,MAAK,WAAU,MAAM,MAAM,YAAa,CAAA;AAAA,QAEhD,GAAA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,WAAW,QAAQ,aAAa;AAAA,YAChC,UAAU;AAAA,UAAA;AAAA,8CAET,MAAK,EAAA,MAAK,WAAU,MAAM,MAAM,aAAc,CAAA;AAAA,QAAA,CAEnD;AAAA,QAEF,cAAc,CAAC,EAAE,cAAA,MACd,sBAAA,cAAA,YAAA,EAAW,WAAW,QAAQ,eAAe,GAAG,SAAQ,OAAA,GACtD,aAAa,cAAc,IAAI,GAAE,KAAE,gBAAgB,cAAc,IAAI,CACxE;AAAA,MAEJ;AAAA,MACA,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAEJ;"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),t=require("./DateTimePicker.module.scss.cjs.js"),a=require("date-fns");exports.DateTimePickerInputSection=({from:o,to:s,dateInputPlaceholder:l,dateFormatError:p,toDateText:n,fromDateText:m,fromDateError:u,toDateError:c,setSelectedDate:d,setFromDateText:i,setToDateText:g,setFromDateError:f,setToDateError:D})=>{const y=e=>a.parse(e,"yyyy-MM-dd HH:mm:ss",new Date),h=/^(\d{4})-(0[1-9]|1[012])-(0[1-9]|[12]\d|3[01]) ([0-1]\d|2[0-3]):([0-5]\d):([0-5]\d)$/,P=(e,r)=>t=>{var a;a=t.target.value,h.test(a)?(r(t.target.value),e("")):e(p)},v=P(f,(e=>d((r=>({...r,from:y(e)}))))),T=P(D,(e=>d((r=>({from:null==r?void 0:r.from,to:y(e)})))));return e.createElement(e.Fragment,null,e.createElement(r.InputWrapper,{label:o,name:"fromDate",error:!!u,errorMessage:u,errorMessageProps:{className:t.default["error-message"]},helperProps:{style:{fontSize:"0.625rem"}},type:"text",value:m,onBlur:v,onChange:e=>i(e.target.value),inputProps:{style:{height:"2rem"},placeholder:l},className:t.default.input}),e.createElement(r.InputWrapper,{className:t.default.input,inputProps:{style:{height:"2rem"},placeholder:l},label:s,value:n,error:!!c,errorMessage:c,errorMessageProps:{className:t.default["error-message"]},helperProps:{style:{fontSize:"0.625rem"}},onChange:e=>g(e.target.value),onBlur:T,name:"toDate",type:"text"}))};
+//# sourceMappingURL=DateTimePickerInputSection.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerInputSection.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment } from \"react\";\nimport { InputWrapper } from \"../../../Form/Wrapper/InputWrapper/InputWrapper\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport { parse } from \"date-fns\";\nimport { DateRange } from \"react-day-picker\";\n\nexport type Props = {\n  from: string;\n  to: string;\n  dateInputPlaceholder: string;\n  dateFormatError: string;\n  fromDateText: string;\n  toDateText: string;\n  fromDateError: string;\n  toDateError: string;\n  setSelectedDate: React.Dispatch<React.SetStateAction<DateRange>>;\n  setFromDateText: React.Dispatch<React.SetStateAction<string>>;\n  setToDateText: React.Dispatch<React.SetStateAction<string>>;\n  setFromDateError: React.Dispatch<React.SetStateAction<string>>;\n  setToDateError: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DateTimePickerInputSection = ({\n  from,\n  to,\n  dateInputPlaceholder,\n  dateFormatError,\n  toDateText,\n  fromDateText,\n  fromDateError,\n  toDateError,\n  setSelectedDate,\n  setFromDateText,\n  setToDateText,\n  setFromDateError,\n  setToDateError\n}: Props) => {\n  const dateParseTemplate = \"yyyy-MM-dd HH:mm:ss\";\n  const parseDate = (date: string) => {\n    const dateText = parse(date, dateParseTemplate, new Date());\n    return dateText;\n  };\n\n  const validationRegex =\n    /^(\\d{4})-(0[1-9]|1[012])-(0[1-9]|[12]\\d|3[01]) ([0-1]\\d|2[0-3]):([0-5]\\d):([0-5]\\d)$/;\n  const validateInput = (text: string) => validationRegex.test(text);\n\n  const onInputBlur =\n    (setError: (value: React.SetStateAction<string>) => void, setDate: (value: string) => void) =>\n    (e: React.FocusEvent<HTMLInputElement, Element>) => {\n      if (!validateInput(e.target.value)) {\n        setError(dateFormatError);\n        return;\n      }\n\n      setDate(e.target.value);\n      setError(\"\");\n    };\n\n  const setFromDate = (value: string) =>\n    setSelectedDate(prev => ({ ...prev, from: parseDate(value) }));\n\n  const setToDate = (value: string) =>\n    setSelectedDate(prev => ({ from: prev?.from, to: parseDate(value) }));\n\n  const onFromInputBlur = onInputBlur(setFromDateError, setFromDate);\n  const onToInputBlur = onInputBlur(setToDateError, setToDate);\n\n  return (\n    <Fragment>\n      <InputWrapper\n        label={from}\n        name=\"fromDate\"\n        error={!!fromDateError}\n        errorMessage={fromDateError}\n        errorMessageProps={{ className: classes[\"error-message\"] }}\n        helperProps={{\n          style: { fontSize: \"0.625rem\" }\n        }}\n        type=\"text\"\n        value={fromDateText}\n        onBlur={onFromInputBlur}\n        onChange={e => setFromDateText(e.target.value)}\n        inputProps={{ style: { height: \"2rem\" }, placeholder: dateInputPlaceholder }}\n        className={classes[\"input\"]}\n      />\n      <InputWrapper\n        className={classes[\"input\"]}\n        inputProps={{ style: { height: \"2rem\" }, placeholder: dateInputPlaceholder }}\n        label={to}\n        value={toDateText}\n        error={!!toDateError}\n        errorMessage={toDateError}\n        errorMessageProps={{ className: classes[\"error-message\"] }}\n        helperProps={{\n          style: { fontSize: \"0.625rem\" }\n        }}\n        onChange={e => setToDateText(e.target.value)}\n        onBlur={onToInputBlur}\n        name=\"toDate\"\n        type=\"text\"\n      />\n    </Fragment>\n  );\n};\n"],"names":["from","to","dateInputPlaceholder","dateFormatError","toDateText","fromDateText","fromDateError","toDateError","setSelectedDate","setFromDateText","setToDateText","setFromDateError","setToDateError","parseDate","date","parse","Date","validationRegex","onInputBlur","setError","setDate","e","text","target","value","test","onFromInputBlur","prev","onToInputBlur","Fragment","React","createElement","InputWrapper","label","name","error","errorMessage","errorMessageProps","className","classes","default","helperProps","style","fontSize","type","onBlur","onChange","inputProps","height","placeholder"],"mappings":"uRAsC0C,EACxCA,OACAC,KACAC,uBACAC,kBACAC,aACAC,eACAC,gBACAC,cACAC,kBACAC,kBACAC,gBACAC,mBACAC,qBAEA,MACMC,EAAaC,GACAC,EAAAA,MAAMD,EAFC,sBAEwB,IAAIE,MAIhDC,EACJ,uFAGIC,EACJ,CAACC,EAAyDC,IACzDC,IAJmB,IAACC,IAKAD,EAAEE,OAAOC,MALQP,EAAgBQ,KAAKH,IAUjDF,EAAAC,EAAEE,OAAOC,OACjBL,EAAS,KALPA,EAAShB,EAKA,EASTuB,EAAkBR,EAAYP,GANfa,GACnBhB,GAAyBmB,IAAA,IAAKA,EAAM3B,KAAMa,EAAUW,SAMhDI,EAAgBV,EAAYN,GAJfY,GACjBhB,GAAyBmB,IAAA,CAAE3B,KAAM,MAAA2B,OAAA,EAAAA,EAAM3B,KAAMC,GAAIY,EAAUW,SAK7D,uBACGK,EACCA,SAAA,KAAAC,EAAAC,cAACC,EAAAA,aAAA,CACCC,MAAOjC,EACPkC,KAAK,WACLC,QAAS7B,EACT8B,aAAc9B,EACd+B,kBAAmB,CAAEC,UAAWC,EAAAC,QAAQ,kBACxCC,YAAa,CACXC,MAAO,CAAEC,SAAU,aAErBC,KAAK,OACLpB,MAAOnB,EACPwC,OAAQnB,EACRoB,SAAUzB,GAAKZ,EAAgBY,EAAEE,OAAOC,OACxCuB,WAAY,CAAEL,MAAO,CAAEM,OAAQ,QAAUC,YAAa/C,GACtDoC,UAAWC,UAAe,QAE5BT,EAAAC,cAACC,EAAAA,aAAA,CACCM,UAAWC,UAAe,MAC1BQ,WAAY,CAAEL,MAAO,CAAEM,OAAQ,QAAUC,YAAa/C,GACtD+B,MAAOhC,EACPuB,MAAOpB,EACP+B,QAAS5B,EACT6B,aAAc7B,EACd8B,kBAAmB,CAAEC,UAAWC,EAAAC,QAAQ,kBACxCC,YAAa,CACXC,MAAO,CAAEC,SAAU,aAErBG,SAAUzB,GAAKX,EAAcW,EAAEE,OAAOC,OACtCqB,OAAQjB,EACRM,KAAK,SACLU,KAAK,SAET"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.es.js

@@ -0,0 +1,80 @@
+import React, { Fragment } from "react";
+import { InputWrapper } from "../../../Form/Wrapper/InputWrapper/InputWrapper.es.js";
+import classes from "./DateTimePicker.module.scss.es.js";
+import { parse } from "date-fns";
+const DateTimePickerInputSection = ({
+  from,
+  to,
+  dateInputPlaceholder,
+  dateFormatError,
+  toDateText,
+  fromDateText,
+  fromDateError,
+  toDateError,
+  setSelectedDate,
+  setFromDateText,
+  setToDateText,
+  setFromDateError,
+  setToDateError
+}) => {
+  const dateParseTemplate = "yyyy-MM-dd HH:mm:ss";
+  const parseDate = (date) => {
+    const dateText = parse(date, dateParseTemplate, /* @__PURE__ */ new Date());
+    return dateText;
+  };
+  const validationRegex = /^(\d{4})-(0[1-9]|1[012])-(0[1-9]|[12]\d|3[01]) ([0-1]\d|2[0-3]):([0-5]\d):([0-5]\d)$/;
+  const validateInput = (text) => validationRegex.test(text);
+  const onInputBlur = (setError, setDate) => (e) => {
+    if (!validateInput(e.target.value)) {
+      setError(dateFormatError);
+      return;
+    }
+    setDate(e.target.value);
+    setError("");
+  };
+  const setFromDate = (value) => setSelectedDate((prev) => ({ ...prev, from: parseDate(value) }));
+  const setToDate = (value) => setSelectedDate((prev) => ({ from: prev == null ? void 0 : prev.from, to: parseDate(value) }));
+  const onFromInputBlur = onInputBlur(setFromDateError, setFromDate);
+  const onToInputBlur = onInputBlur(setToDateError, setToDate);
+  return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(
+    InputWrapper,
+    {
+      label: from,
+      name: "fromDate",
+      error: !!fromDateError,
+      errorMessage: fromDateError,
+      errorMessageProps: { className: classes["error-message"] },
+      helperProps: {
+        style: { fontSize: "0.625rem" }
+      },
+      type: "text",
+      value: fromDateText,
+      onBlur: onFromInputBlur,
+      onChange: (e) => setFromDateText(e.target.value),
+      inputProps: { style: { height: "2rem" }, placeholder: dateInputPlaceholder },
+      className: classes["input"]
+    }
+  ), /* @__PURE__ */ React.createElement(
+    InputWrapper,
+    {
+      className: classes["input"],
+      inputProps: { style: { height: "2rem" }, placeholder: dateInputPlaceholder },
+      label: to,
+      value: toDateText,
+      error: !!toDateError,
+      errorMessage: toDateError,
+      errorMessageProps: { className: classes["error-message"] },
+      helperProps: {
+        style: { fontSize: "0.625rem" }
+      },
+      onChange: (e) => setToDateText(e.target.value),
+      onBlur: onToInputBlur,
+      name: "toDate",
+      type: "text"
+    }
+  ));
+};
+export {
+  DateTimePickerInputSection
+};
+//# sourceMappingURL=DateTimePickerInputSection.es.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerInputSection.es.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment } from \"react\";\nimport { InputWrapper } from \"../../../Form/Wrapper/InputWrapper/InputWrapper\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport { parse } from \"date-fns\";\nimport { DateRange } from \"react-day-picker\";\n\nexport type Props = {\n  from: string;\n  to: string;\n  dateInputPlaceholder: string;\n  dateFormatError: string;\n  fromDateText: string;\n  toDateText: string;\n  fromDateError: string;\n  toDateError: string;\n  setSelectedDate: React.Dispatch<React.SetStateAction<DateRange>>;\n  setFromDateText: React.Dispatch<React.SetStateAction<string>>;\n  setToDateText: React.Dispatch<React.SetStateAction<string>>;\n  setFromDateError: React.Dispatch<React.SetStateAction<string>>;\n  setToDateError: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DateTimePickerInputSection = ({\n  from,\n  to,\n  dateInputPlaceholder,\n  dateFormatError,\n  toDateText,\n  fromDateText,\n  fromDateError,\n  toDateError,\n  setSelectedDate,\n  setFromDateText,\n  setToDateText,\n  setFromDateError,\n  setToDateError\n}: Props) => {\n  const dateParseTemplate = \"yyyy-MM-dd HH:mm:ss\";\n  const parseDate = (date: string) => {\n    const dateText = parse(date, dateParseTemplate, new Date());\n    return dateText;\n  };\n\n  const validationRegex =\n    /^(\\d{4})-(0[1-9]|1[012])-(0[1-9]|[12]\\d|3[01]) ([0-1]\\d|2[0-3]):([0-5]\\d):([0-5]\\d)$/;\n  const validateInput = (text: string) => validationRegex.test(text);\n\n  const onInputBlur =\n    (setError: (value: React.SetStateAction<string>) => void, setDate: (value: string) => void) =>\n    (e: React.FocusEvent<HTMLInputElement, Element>) => {\n      if (!validateInput(e.target.value)) {\n        setError(dateFormatError);\n        return;\n      }\n\n      setDate(e.target.value);\n      setError(\"\");\n    };\n\n  const setFromDate = (value: string) =>\n    setSelectedDate(prev => ({ ...prev, from: parseDate(value) }));\n\n  const setToDate = (value: string) =>\n    setSelectedDate(prev => ({ from: prev?.from, to: parseDate(value) }));\n\n  const onFromInputBlur = onInputBlur(setFromDateError, setFromDate);\n  const onToInputBlur = onInputBlur(setToDateError, setToDate);\n\n  return (\n    <Fragment>\n      <InputWrapper\n        label={from}\n        name=\"fromDate\"\n        error={!!fromDateError}\n        errorMessage={fromDateError}\n        errorMessageProps={{ className: classes[\"error-message\"] }}\n        helperProps={{\n          style: { fontSize: \"0.625rem\" }\n        }}\n        type=\"text\"\n        value={fromDateText}\n        onBlur={onFromInputBlur}\n        onChange={e => setFromDateText(e.target.value)}\n        inputProps={{ style: { height: \"2rem\" }, placeholder: dateInputPlaceholder }}\n        className={classes[\"input\"]}\n      />\n      <InputWrapper\n        className={classes[\"input\"]}\n        inputProps={{ style: { height: \"2rem\" }, placeholder: dateInputPlaceholder }}\n        label={to}\n        value={toDateText}\n        error={!!toDateError}\n        errorMessage={toDateError}\n        errorMessageProps={{ className: classes[\"error-message\"] }}\n        helperProps={{\n          style: { fontSize: \"0.625rem\" }\n        }}\n        onChange={e => setToDateText(e.target.value)}\n        onBlur={onToInputBlur}\n        name=\"toDate\"\n        type=\"text\"\n      />\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAsCO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,oBAAoB;AACpB,QAAA,YAAY,CAAC,SAAiB;AAClC,UAAM,WAAW,MAAM,MAAM,mBAAmB,oBAAI,MAAM;AACnD,WAAA;AAAA,EACT;AAEA,QAAM,kBACJ;AACF,QAAM,gBAAgB,CAAC,SAAiB,gBAAgB,KAAK,IAAI;AAEjE,QAAM,cACJ,CAAC,UAAyD,YAC1D,CAAC,MAAmD;AAClD,QAAI,CAAC,cAAc,EAAE,OAAO,KAAK,GAAG;AAClC,eAAS,eAAe;AACxB;AAAA,IAAA;AAGM,YAAA,EAAE,OAAO,KAAK;AACtB,aAAS,EAAE;AAAA,EACb;AAEF,QAAM,cAAc,CAAC,UACnB,gBAAgB,CAAS,UAAA,EAAE,GAAG,MAAM,MAAM,UAAU,KAAK,EAAI,EAAA;AAE/D,QAAM,YAAY,CAAC,UACjB,gBAAgB,CAAS,UAAA,EAAE,MAAM,6BAAM,MAAM,IAAI,UAAU,KAAK,EAAI,EAAA;AAEhE,QAAA,kBAAkB,YAAY,kBAAkB,WAAW;AAC3D,QAAA,gBAAgB,YAAY,gBAAgB,SAAS;AAE3D,6CACG,UACC,MAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,MAAK;AAAA,MACL,OAAO,CAAC,CAAC;AAAA,MACT,cAAc;AAAA,MACd,mBAAmB,EAAE,WAAW,QAAQ,eAAe,EAAE;AAAA,MACzD,aAAa;AAAA,QACX,OAAO,EAAE,UAAU,WAAW;AAAA,MAChC;AAAA,MACA,MAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU,CAAA,MAAK,gBAAgB,EAAE,OAAO,KAAK;AAAA,MAC7C,YAAY,EAAE,OAAO,EAAE,QAAQ,OAAO,GAAG,aAAa,qBAAqB;AAAA,MAC3E,WAAW,QAAQ,OAAO;AAAA,IAAA;AAAA,EAE5B,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,QAAQ,OAAO;AAAA,MAC1B,YAAY,EAAE,OAAO,EAAE,QAAQ,OAAO,GAAG,aAAa,qBAAqB;AAAA,MAC3E,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,cAAc;AAAA,MACd,mBAAmB,EAAE,WAAW,QAAQ,eAAe,EAAE;AAAA,MACzD,aAAa;AAAA,QACX,OAAO,EAAE,UAAU,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAA,MAAK,cAAc,EAAE,OAAO,KAAK;AAAA,MAC3C,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,CAET;AAEJ;"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("date-fns");exports.CUSTOM_DATE_RANGE="CUSTOM",exports.FIVE_MINUTES="FIVE_MINUTES",exports.ONE_HOUR="ONE_HOUR",exports.ONE_MINUTE="ONE_MINUTE",exports.THIRTY_SECONDS="THIRTY_SECONDS",exports.TWENTY_FOUR_HOURS="TWENTY_FOUR_HOURS",exports.formatInputDate=e=>t.format(e,"yyyy-MM-dd HH:mm:ss"),exports.getMonthName=(e,o)=>t.format(e,"MMMM",{locale:o}),exports.getYearFromDate=e=>t.format(e,"yyyy");
+//# sourceMappingURL=DateTimeService.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeService.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { format, Locale } from \"date-fns\";\n\nexport const THIRTY_SECONDS = \"THIRTY_SECONDS\";\nexport const ONE_MINUTE = \"ONE_MINUTE\";\nexport const FIVE_MINUTES = \"FIVE_MINUTES\";\nexport const ONE_HOUR = \"ONE_HOUR\";\nexport const TWENTY_FOUR_HOURS = \"TWENTY_FOUR_HOURS\";\nexport const CUSTOM_DATE_RANGE = \"CUSTOM\";\n\nexport const getMonthName = (date: Date, locale?: Locale) => format(date, \"MMMM\", { locale });\n\nexport const getYearFromDate = (date: Date) => format(date, \"yyyy\");\n\nexport const formatInputDate = (date: Date) => format(date, \"yyyy-MM-dd HH:mm:ss\");\n"],"names":["date","format","locale"],"mappings":"sIAuBiC,8BAHL,gCACJ,8BAFE,oCADI,2CAIG,4CAODA,GAAeC,EAAAA,OAAOD,EAAM,4CAJhC,CAACA,EAAYE,IAAoBD,SAAOD,EAAM,OAAQ,CAAEE,mCAEpDF,GAAeC,EAAAA,OAAOD,EAAM"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.es.js

@@ -0,0 +1,22 @@
+import { format } from "date-fns";
+const THIRTY_SECONDS = "THIRTY_SECONDS";
+const ONE_MINUTE = "ONE_MINUTE";
+const FIVE_MINUTES = "FIVE_MINUTES";
+const ONE_HOUR = "ONE_HOUR";
+const TWENTY_FOUR_HOURS = "TWENTY_FOUR_HOURS";
+const CUSTOM_DATE_RANGE = "CUSTOM";
+const getMonthName = (date, locale) => format(date, "MMMM", { locale });
+const getYearFromDate = (date) => format(date, "yyyy");
+const formatInputDate = (date) => format(date, "yyyy-MM-dd HH:mm:ss");
+export {
+  CUSTOM_DATE_RANGE,
+  FIVE_MINUTES,
+  ONE_HOUR,
+  ONE_MINUTE,
+  THIRTY_SECONDS,
+  TWENTY_FOUR_HOURS,
+  formatInputDate,
+  getMonthName,
+  getYearFromDate
+};
+//# sourceMappingURL=DateTimeService.es.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeService.es.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { format, Locale } from \"date-fns\";\n\nexport const THIRTY_SECONDS = \"THIRTY_SECONDS\";\nexport const ONE_MINUTE = \"ONE_MINUTE\";\nexport const FIVE_MINUTES = \"FIVE_MINUTES\";\nexport const ONE_HOUR = \"ONE_HOUR\";\nexport const TWENTY_FOUR_HOURS = \"TWENTY_FOUR_HOURS\";\nexport const CUSTOM_DATE_RANGE = \"CUSTOM\";\n\nexport const getMonthName = (date: Date, locale?: Locale) => format(date, \"MMMM\", { locale });\n\nexport const getYearFromDate = (date: Date) => format(date, \"yyyy\");\n\nexport const formatInputDate = (date: Date) => format(date, \"yyyy-MM-dd HH:mm:ss\");\n"],"names":[],"mappings":";AAkBO,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,oBAAoB;AAC1B,MAAM,oBAAoB;AAEpB,MAAA,eAAe,CAAC,MAAY,WAAoB,OAAO,MAAM,QAAQ,EAAE,OAAQ,CAAA;AAErF,MAAM,kBAAkB,CAAC,SAAe,OAAO,MAAM,MAAM;AAE3D,MAAM,kBAAkB,CAAC,SAAe,OAAO,MAAM,qBAAqB;"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DateTimePicker.module.scss.cjs.js"),s=require("../../../ContextMenu/ContextMenuItem.module.scss.cjs.js");exports.SideMenu=({sideMenuItems:m,selectedItemId:i,onItemSelect:l})=>e.createElement("ul",{className:t.default["aside-menu"]},m.map((m=>e.createElement("li",{key:m.id,role:"none",className:`${s.default["context-menu-item"]} ${t.default["aside-menu-item"]}`},e.createElement("button",{role:"menuitem",style:{height:"2rem"},className:i===m.id?s.default.active:void 0,onClick:()=>l(m.id)},m.name)))));
+//# sourceMappingURL=SideMenu.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport contextMenuItemClasses from \"../../../ContextMenu/ContextMenuItem.module.scss\";\nimport { SideMenuItem } from \"./DateTimePicker\";\nimport { DateTimeFilterType } from \"../DataGridFilters.interfaces\";\n\ntype Props = {\n  sideMenuItems: SideMenuItem[];\n  selectedItemId: string;\n  onItemSelect: (id: DateTimeFilterType) => void;\n};\n\nexport const SideMenu = ({ sideMenuItems, selectedItemId, onItemSelect }: Props) => {\n  return (\n    <ul className={classes[\"aside-menu\"]}>\n      {sideMenuItems.map(item => (\n        <li\n          key={item.id}\n          role=\"none\"\n          className={`${contextMenuItemClasses[\"context-menu-item\"]} ${classes[\"aside-menu-item\"]}`}\n        >\n          <button\n            role=\"menuitem\"\n            style={{ height: \"2rem\" }}\n            className={selectedItemId === item.id ? contextMenuItemClasses[\"active\"] : undefined}\n            onClick={() => onItemSelect(item.id)}\n          >\n            {item.name}\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["sideMenuItems","selectedItemId","onItemSelect","React","createElement","className","classes","default","map","item","key","id","role","contextMenuItemClasses","style","height","onClick","name"],"mappings":"gPA4BwB,EAAGA,gBAAeC,iBAAgBC,kBAEtDC,EAAAC,cAAC,MAAGC,UAAWC,EAAAC,QAAQ,eACpBP,EAAcQ,KACbC,GAAAN,EAAAC,cAAC,KAAA,CACCM,IAAKD,EAAKE,GACVC,KAAK,OACLP,UAAW,GAAGQ,UAAuB,wBAAwBP,EAAAA,QAAQ,sBAErEH,EAAAC,cAAC,SAAA,CACCQ,KAAK,WACLE,MAAO,CAAEC,OAAQ,QACjBV,UAAWJ,IAAmBQ,EAAKE,GAAKE,EAAAN,QAA+B,YAAI,EAC3ES,QAAS,IAAMd,EAAaO,EAAKE,KAEhCF,EAAKQ"}

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.es.js

@@ -0,0 +1,27 @@
+import React from "react";
+import classes from "./DateTimePicker.module.scss.es.js";
+import contextMenuItemClasses from "../../../ContextMenu/ContextMenuItem.module.scss.es.js";
+const SideMenu = ({ sideMenuItems, selectedItemId, onItemSelect }) => {
+  return /* @__PURE__ */ React.createElement("ul", { className: classes["aside-menu"] }, sideMenuItems.map((item) => /* @__PURE__ */ React.createElement(
+    "li",
+    {
+      key: item.id,
+      role: "none",
+      className: `${contextMenuItemClasses["context-menu-item"]} ${classes["aside-menu-item"]}`
+    },
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        role: "menuitem",
+        style: { height: "2rem" },
+        className: selectedItemId === item.id ? contextMenuItemClasses["active"] : void 0,
+        onClick: () => onItemSelect(item.id)
+      },
+      item.name
+    )
+  )));
+};
+export {
+  SideMenu
+};
+//# sourceMappingURL=SideMenu.es.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.es.js","sources":["../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport contextMenuItemClasses from \"../../../ContextMenu/ContextMenuItem.module.scss\";\nimport { SideMenuItem } from \"./DateTimePicker\";\nimport { DateTimeFilterType } from \"../DataGridFilters.interfaces\";\n\ntype Props = {\n  sideMenuItems: SideMenuItem[];\n  selectedItemId: string;\n  onItemSelect: (id: DateTimeFilterType) => void;\n};\n\nexport const SideMenu = ({ sideMenuItems, selectedItemId, onItemSelect }: Props) => {\n  return (\n    <ul className={classes[\"aside-menu\"]}>\n      {sideMenuItems.map(item => (\n        <li\n          key={item.id}\n          role=\"none\"\n          className={`${contextMenuItemClasses[\"context-menu-item\"]} ${classes[\"aside-menu-item\"]}`}\n        >\n          <button\n            role=\"menuitem\"\n            style={{ height: \"2rem\" }}\n            className={selectedItemId === item.id ? contextMenuItemClasses[\"active\"] : undefined}\n            onClick={() => onItemSelect(item.id)}\n          >\n            {item.name}\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":[],"mappings":";;;AA4BO,MAAM,WAAW,CAAC,EAAE,eAAe,gBAAgB,mBAA0B;AAEhF,SAAA,sBAAA,cAAC,QAAG,WAAW,QAAQ,YAAY,EAChC,GAAA,cAAc,IAAI,CACjB,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,uBAAuB,mBAAmB,CAAC,IAAI,QAAQ,iBAAiB,CAAC;AAAA,IAAA;AAAA,IAEvF,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,QAAQ,OAAO;AAAA,QACxB,WAAW,mBAAmB,KAAK,KAAK,uBAAuB,QAAQ,IAAI;AAAA,QAC3E,SAAS,MAAM,aAAa,KAAK,EAAE;AAAA,MAAA;AAAA,MAElC,KAAK;AAAA,IAAA;AAAA,EACR,CAEH,CACH;AAEJ;"}

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{constructor(){this.columnKvPairs=new Map}setColumnKvPairs(e,t){this.columnKvPairs.set(e,t)}getValues(e){return this.getKvPairs(e).map((e=>e.value))}getKeysForValues(e,t){const r=this.getKvPairs(e);return t.map((t=>{const n=null==r?void 0:r.find((e=>e.value===t));if(null==n)throw new Error(`Column '${e}' in FilterKeyMapper does not contain value '${t}'`);return n.key}))}getKvPairs(t){const r=this.columnKvPairs.get(t);if(null==r)throw new Error(`Column '${t}' not found in ${e.name}`);return r}}exports.FilterKeyMapper=e;
+//# sourceMappingURL=FilterKeyMapper.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterKeyMapper.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/FilterKeyMapper.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { KeyValuePair } from \"./DataGridFilters.interfaces\";\n\nexport class FilterKeyMapper {\n  columnKvPairs = new Map<string, { key: string; value: string }[]>();\n\n  setColumnKvPairs(columnName: string, kvPairs: { key: string; value: string }[]) {\n    this.columnKvPairs.set(columnName, kvPairs);\n  }\n\n  getValues(columnName: string): string[] {\n    return this.getKvPairs(columnName).map(kv => kv.value);\n  }\n\n  getKeysForValues(columnName: string, values: string[]): string[] {\n    const kvPairs = this.getKvPairs(columnName);\n    return values.map(v => {\n      const kv = kvPairs?.find(kv => kv.value === v);\n      if (kv == undefined) {\n        throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);\n      }\n      return kv.key;\n    });\n  }\n\n  getKvPairs(columnName: string): KeyValuePair[] {\n    const kvPairs = this.columnKvPairs.get(columnName);\n    if (kvPairs == undefined) {\n      throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);\n    }\n    return kvPairs;\n  }\n}\n"],"names":["FilterKeyMapper","constructor","this","columnKvPairs","Map","setColumnKvPairs","columnName","kvPairs","set","getValues","getKvPairs","map","kv","value","getKeysForValues","values","v","find","Error","key","get","name"],"mappings":"gFAkBO,MAAMA,EAAN,WAAAC,GACLC,KAAAC,kBAAoBC,GAA8C,CAElE,gBAAAC,CAAiBC,EAAoBC,GAC9BL,KAAAC,cAAcK,IAAIF,EAAYC,EAAO,CAG5C,SAAAE,CAAUH,GACD,OAAAJ,KAAKQ,WAAWJ,GAAYK,KAAIC,GAAMA,EAAGC,OAAK,CAGvD,gBAAAC,CAAiBR,EAAoBS,GAC7B,MAAAR,EAAUL,KAAKQ,WAAWJ,GACzB,OAAAS,EAAOJ,KAASK,IACrB,MAAMJ,EAAc,MAATL,OAAS,EAAAA,EAAAU,MAAKL,GAAMA,EAAGC,QAAUG,IAC5C,GAAU,MAANJ,EACF,MAAM,IAAIM,MAAM,WAAWZ,iDAA0DU,MAEvF,OAAOJ,EAAGO,GAAA,GACX,CAGH,UAAAT,CAAWJ,GACT,MAAMC,EAAUL,KAAKC,cAAciB,IAAId,GACvC,GAAe,MAAXC,EACF,MAAM,IAAIW,MAAM,WAAWZ,mBAA4BN,EAAgBqB,QAElE,OAAAd,CAAA"}

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.es.js

@@ -0,0 +1,32 @@
+class FilterKeyMapper {
+  constructor() {
+    this.columnKvPairs = /* @__PURE__ */ new Map();
+  }
+  setColumnKvPairs(columnName, kvPairs) {
+    this.columnKvPairs.set(columnName, kvPairs);
+  }
+  getValues(columnName) {
+    return this.getKvPairs(columnName).map((kv) => kv.value);
+  }
+  getKeysForValues(columnName, values) {
+    const kvPairs = this.getKvPairs(columnName);
+    return values.map((v) => {
+      const kv = kvPairs == null ? void 0 : kvPairs.find((kv2) => kv2.value === v);
+      if (kv == void 0) {
+        throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);
+      }
+      return kv.key;
+    });
+  }
+  getKvPairs(columnName) {
+    const kvPairs = this.columnKvPairs.get(columnName);
+    if (kvPairs == void 0) {
+      throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);
+    }
+    return kvPairs;
+  }
+}
+export {
+  FilterKeyMapper
+};
+//# sourceMappingURL=FilterKeyMapper.es.js.map

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterKeyMapper.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/FilterKeyMapper.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { KeyValuePair } from \"./DataGridFilters.interfaces\";\n\nexport class FilterKeyMapper {\n  columnKvPairs = new Map<string, { key: string; value: string }[]>();\n\n  setColumnKvPairs(columnName: string, kvPairs: { key: string; value: string }[]) {\n    this.columnKvPairs.set(columnName, kvPairs);\n  }\n\n  getValues(columnName: string): string[] {\n    return this.getKvPairs(columnName).map(kv => kv.value);\n  }\n\n  getKeysForValues(columnName: string, values: string[]): string[] {\n    const kvPairs = this.getKvPairs(columnName);\n    return values.map(v => {\n      const kv = kvPairs?.find(kv => kv.value === v);\n      if (kv == undefined) {\n        throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);\n      }\n      return kv.key;\n    });\n  }\n\n  getKvPairs(columnName: string): KeyValuePair[] {\n    const kvPairs = this.columnKvPairs.get(columnName);\n    if (kvPairs == undefined) {\n      throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);\n    }\n    return kvPairs;\n  }\n}\n"],"names":["kv"],"mappings":"AAkBO,MAAM,gBAAgB;AAAA,EAAtB,cAAA;AACL,SAAA,oCAAoB,IAA8C;AAAA,EAAA;AAAA,EAElE,iBAAiB,YAAoB,SAA2C;AACzE,SAAA,cAAc,IAAI,YAAY,OAAO;AAAA,EAAA;AAAA,EAG5C,UAAU,YAA8B;AACtC,WAAO,KAAK,WAAW,UAAU,EAAE,IAAI,CAAA,OAAM,GAAG,KAAK;AAAA,EAAA;AAAA,EAGvD,iBAAiB,YAAoB,QAA4B;AACzD,UAAA,UAAU,KAAK,WAAW,UAAU;AACnC,WAAA,OAAO,IAAI,CAAK,MAAA;AACrB,YAAM,KAAK,mCAAS,KAAK,CAAAA,QAAMA,IAAG,UAAU;AAC5C,UAAI,MAAM,QAAW;AACnB,cAAM,IAAI,MAAM,WAAW,UAAU,gDAAgD,CAAC,GAAG;AAAA,MAAA;AAE3F,aAAO,GAAG;AAAA,IAAA,CACX;AAAA,EAAA;AAAA,EAGH,WAAW,YAAoC;AAC7C,UAAM,UAAU,KAAK,cAAc,IAAI,UAAU;AACjD,QAAI,WAAW,QAAW;AACxB,YAAM,IAAI,MAAM,WAAW,UAAU,kBAAkB,gBAAgB,IAAI,EAAE;AAAA,IAAA;AAExE,WAAA;AAAA,EAAA;AAEX;"}

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFiltersReducer=t=>{const[r,a]=e.useReducer(((e,t)=>{switch(t.type){case"add":return{...e,filters:[...e.filters,{...t.payload}]};case"edit":return{...e,filters:[...e.filters.map((e=>e.id===t.payload.id?t.payload:e))]};case"remove":return{...e,filters:[...e.filters.filter((e=>e.id!==t.payload.id))]};case"reset":return{...e,filters:t.payload};case"clear":return{...e,filters:[]}}}),{filters:t||[]});return{state:r,addFilter:e=>a({type:"add",payload:e}),deleteFilter:e=>a({type:"remove",payload:{id:e}}),editFilter:e=>a({type:"edit",payload:e}),resetFilters:e=>a({type:"reset",payload:e}),clearFilters:()=>a({type:"clear"})}};
+//# sourceMappingURL=useFiltersReducer.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersReducer.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/useFiltersReducer.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useReducer } from \"react\";\nimport { Filter, FiltersAction, FiltersState } from \"./DataGridFilters.interfaces\";\n\nexport const useFiltersReducer = (filterValues: Filter[] | undefined) => {\n  const filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n    switch (action.type) {\n      case \"add\":\n        return { ...state, filters: [...state.filters, { ...action.payload }] };\n      case \"edit\":\n        return {\n          ...state,\n          filters: [\n            ...state.filters.map(value => {\n              if (value.id === action.payload.id) {\n                return action.payload;\n              }\n              return value;\n            })\n          ]\n        };\n      case \"remove\":\n        return {\n          ...state,\n          filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n        };\n      case \"reset\":\n        return {\n          ...state,\n          filters: action.payload\n        };\n      case \"clear\":\n        return { ...state, filters: [] };\n    }\n  };\n\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n\n  const addFilter = (filter: Filter) =>\n    dispatch({\n      type: \"add\",\n      payload: filter\n    });\n\n  const editFilter = (filter: Filter) =>\n    dispatch({\n      type: \"edit\",\n      payload: filter\n    });\n\n  const deleteFilter = (id: string) => dispatch({ type: \"remove\", payload: { id } });\n\n  const resetFilters = (filters: Filter[]) => dispatch({ type: \"reset\", payload: filters });\n\n  const clearFilters = () => dispatch({ type: \"clear\" });\n\n  return { state, addFilter, deleteFilter, editFilter, resetFilters, clearFilters };\n};\n"],"names":["filterValues","state","dispatch","useReducer","action","type","filters","payload","map","value","id","filter","addFilter","deleteFilter","editFilter","resetFilters","clearFilters"],"mappings":"mIAmBkCA,IAC1B,MA+BCC,EAAOC,GAAYC,EAAAA,YA/BH,CAACF,EAAqBG,KAC3C,OAAQA,EAAOC,MACb,IAAK,MACH,MAAO,IAAKJ,EAAOK,QAAS,IAAIL,EAAMK,QAAS,IAAKF,EAAOG,WAC7D,IAAK,OACI,MAAA,IACFN,EACHK,QAAS,IACJL,EAAMK,QAAQE,KAAaC,GACxBA,EAAMC,KAAON,EAAOG,QAAQG,GACvBN,EAAOG,QAETE,MAIf,IAAK,SACI,MAAA,IACFR,EACHK,QAAS,IAAIL,EAAMK,QAAQK,QAAgBF,GAAAA,EAAMC,KAAON,EAAOG,QAAQG,OAE3E,IAAK,QACI,MAAA,IACFT,EACHK,QAASF,EAAOG,SAEpB,IAAK,QACH,MAAO,IAAKN,EAAOK,QAAS,IAAG,GAIgB,CAAEA,QAASN,GAAgB,KAoBhF,MAAO,CAAEC,QAAOW,UAlBGD,GACjBT,EAAS,CACPG,KAAM,MACNE,QAASI,IAecE,aANLH,GAAeR,EAAS,CAAEG,KAAM,SAAUE,QAAS,CAAEG,QAMlCI,WAZrBH,GAClBT,EAAS,CACPG,KAAM,OACNE,QAASI,IASwCI,aAJ/BT,GAAsBJ,EAAS,CAAEG,KAAM,QAASE,QAASD,IAIZU,aAF9C,IAAMd,EAAS,CAAEG,KAAM,UAEoC"}

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.es.js

@@ -0,0 +1,50 @@
+import { useReducer } from "react";
+const useFiltersReducer = (filterValues) => {
+  const filtersReducer = (state2, action) => {
+    switch (action.type) {
+      case "add":
+        return { ...state2, filters: [...state2.filters, { ...action.payload }] };
+      case "edit":
+        return {
+          ...state2,
+          filters: [
+            ...state2.filters.map((value) => {
+              if (value.id === action.payload.id) {
+                return action.payload;
+              }
+              return value;
+            })
+          ]
+        };
+      case "remove":
+        return {
+          ...state2,
+          filters: [...state2.filters.filter((value) => value.id !== action.payload.id)]
+        };
+      case "reset":
+        return {
+          ...state2,
+          filters: action.payload
+        };
+      case "clear":
+        return { ...state2, filters: [] };
+    }
+  };
+  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });
+  const addFilter = (filter) => dispatch({
+    type: "add",
+    payload: filter
+  });
+  const editFilter = (filter) => dispatch({
+    type: "edit",
+    payload: filter
+  });
+  const deleteFilter = (id) => dispatch({ type: "remove", payload: { id } });
+  const resetFilters = (filters) => dispatch({ type: "reset", payload: filters });
+  const clearFilters = () => dispatch({ type: "clear" });
+  return { state, addFilter, deleteFilter, editFilter, resetFilters, clearFilters };
+};
+export {
+  useFiltersReducer
+};
+//# sourceMappingURL=useFiltersReducer.es.js.map

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersReducer.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/useFiltersReducer.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useReducer } from \"react\";\nimport { Filter, FiltersAction, FiltersState } from \"./DataGridFilters.interfaces\";\n\nexport const useFiltersReducer = (filterValues: Filter[] | undefined) => {\n  const filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n    switch (action.type) {\n      case \"add\":\n        return { ...state, filters: [...state.filters, { ...action.payload }] };\n      case \"edit\":\n        return {\n          ...state,\n          filters: [\n            ...state.filters.map(value => {\n              if (value.id === action.payload.id) {\n                return action.payload;\n              }\n              return value;\n            })\n          ]\n        };\n      case \"remove\":\n        return {\n          ...state,\n          filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n        };\n      case \"reset\":\n        return {\n          ...state,\n          filters: action.payload\n        };\n      case \"clear\":\n        return { ...state, filters: [] };\n    }\n  };\n\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n\n  const addFilter = (filter: Filter) =>\n    dispatch({\n      type: \"add\",\n      payload: filter\n    });\n\n  const editFilter = (filter: Filter) =>\n    dispatch({\n      type: \"edit\",\n      payload: filter\n    });\n\n  const deleteFilter = (id: string) => dispatch({ type: \"remove\", payload: { id } });\n\n  const resetFilters = (filters: Filter[]) => dispatch({ type: \"reset\", payload: filters });\n\n  const clearFilters = () => dispatch({ type: \"clear\" });\n\n  return { state, addFilter, deleteFilter, editFilter, resetFilters, clearFilters };\n};\n"],"names":["state"],"mappings":";AAmBa,MAAA,oBAAoB,CAAC,iBAAuC;AACjE,QAAA,iBAAiB,CAACA,QAAqB,WAAwC;AACnF,YAAQ,OAAO,MAAM;AAAA,MACnB,KAAK;AACH,eAAO,EAAE,GAAGA,QAAO,SAAS,CAAC,GAAGA,OAAM,SAAS,EAAE,GAAG,OAAO,QAAA,CAAS,EAAE;AAAA,MACxE,KAAK;AACI,eAAA;AAAA,UACL,GAAGA;AAAAA,UACH,SAAS;AAAA,YACP,GAAGA,OAAM,QAAQ,IAAI,CAAS,UAAA;AAC5B,kBAAI,MAAM,OAAO,OAAO,QAAQ,IAAI;AAClC,uBAAO,OAAO;AAAA,cAAA;AAET,qBAAA;AAAA,YACR,CAAA;AAAA,UAAA;AAAA,QAEL;AAAA,MACF,KAAK;AACI,eAAA;AAAA,UACL,GAAGA;AAAAA,UACH,SAAS,CAAC,GAAGA,OAAM,QAAQ,OAAO,CAAS,UAAA,MAAM,OAAO,OAAO,QAAQ,EAAE,CAAC;AAAA,QAC5E;AAAA,MACF,KAAK;AACI,eAAA;AAAA,UACL,GAAGA;AAAAA,UACH,SAAS,OAAO;AAAA,QAClB;AAAA,MACF,KAAK;AACH,eAAO,EAAE,GAAGA,QAAO,SAAS,GAAG;AAAA,IAAA;AAAA,EAErC;AAEM,QAAA,CAAC,OAAO,QAAQ,IAAI,WAAW,gBAAgB,EAAE,SAAS,gBAAgB,CAAA,GAAI;AAE9E,QAAA,YAAY,CAAC,WACjB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV;AAEG,QAAA,aAAa,CAAC,WAClB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV;AAEG,QAAA,eAAe,CAAC,OAAe,SAAS,EAAE,MAAM,UAAU,SAAS,EAAE,GAAG,GAAG;AAE3E,QAAA,eAAe,CAAC,YAAsB,SAAS,EAAE,MAAM,SAAS,SAAS,SAAS;AAExF,QAAM,eAAe,MAAM,SAAS,EAAE,MAAM,SAAS;AAErD,SAAO,EAAE,OAAO,WAAW,cAAc,YAAY,cAAc,aAAa;AAClF;"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DataGridHeaderCell.cjs.js"),n=require("./DataGridHeader.module.scss.cjs.js"),a=[void 0,"ASC","DESC"],i=e.forwardRef((({initialSort:i,onSort:l,headers:d,disableContextMenuColumn:r,enableExpandableRow:o,enableNestedRows:s,enableMultiSorting:c,spacing:u,...g},m)=>{const[f,p]=e.useState(i??[]);e.useEffect((()=>{p(i??[])}),[i]);const h=e=>{const t=(e=>{const t=f.find((t=>t.name===e)),n=c?f.filter((t=>t.name!==e)):[],i=(e=>{const t=a.findIndex((t=>t===e));return a[t+1%a.length]})(null==t?void 0:t.direction);return i?[{name:e,direction:i},...n]:n})(e);null==l||l(t),p(t)},b=d.map(((n,a)=>{if(n.hidden)return null;const i={textAlign:n.align??"left"};0===a&&(i.paddingLeft=null==u?void 0:u.paddingLeft),a===d.length-1&&r&&(i.paddingRight=null==u?void 0:u.paddingRight);const o=f.find((e=>e.name===n.name));return e.createElement(t.DataGridHeaderCell,{key:n.name,name:n.name,headline:n.headline,disableSorting:n.disableSorting??!l,onSort:h,activeSortDirection:null==o?void 0:o.direction,style:i})}));return e.createElement("thead",{...g,ref:m},e.createElement("tr",{className:n.default.row},o&&e.createElement("td",{style:{paddingRight:null==u?void 0:u.paddingRight},"aria-label":"expandable row"}),b,!r&&e.createElement("td",{style:{paddingRight:null==u?void 0:u.paddingRight},"aria-label":"context menu",className:n.default["context-menu"]})))}));exports.DataGridHeader=i;
+//# sourceMappingURL=DataGridHeader.cjs.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeader.cjs.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  enableNestedRows?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableNestedRows,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    const headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","DataGridHeader","React","forwardRef","initialSort","onSort","headers","disableContextMenuColumn","enableExpandableRow","enableNestedRows","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","wrapOnSort","name","newSort","current","find","item","restSortList","filter","newSortDirection","direction","currentDirectionIdx","findIndex","length","calculateNextSortState","updateSortList","headerCells","map","header","index","hidden","headerStyle","textAlign","align","paddingLeft","paddingRight","sort","createElement","DataGridHeaderCell","key","headline","disableSorting","activeSortDirection","style","className","classes"],"mappings":"mMAgCMA,EAAgB,MAAC,EAAW,MAAO,QA+F5BC,EAAiBC,EAAMC,YA7FsD,EAEtFC,cACAC,SACAC,UACAC,2BACAC,sBACAC,mBACAC,qBACAC,aACGC,GAELC,KAEM,MAACC,EAAUC,GAAeC,EAAAA,SAASZ,GAAe,IAExDa,EAAAA,WAAU,KACIF,EAAAX,GAAe,GAAE,GAC5B,CAACA,IAEE,MAkBAc,EAAcC,IACZ,MAAAC,EAVe,CAACD,IACtB,MAAME,EAAUP,EAASQ,MAAaC,GAAAA,EAAKJ,OAASA,IAC9CK,EAAed,EAAqBI,EAASW,WAAeF,EAAKJ,OAASA,IAAQ,GAClFO,EAZuB,CAACC,IAC9B,MAAMC,EAAsB5B,EAAc6B,WAAUN,GAAQA,IAASI,IACrE,OAAO3B,EAAc4B,EAAuB,EAAI5B,EAAc8B,OAAO,EAU5CC,CAAuB,MAAAV,OAAA,EAAAA,EAASM,WAClD,OAAAD,EACH,CAAC,CAAEP,OAAMQ,UAAWD,MAAuBF,GAC3CA,CAAA,EAIYQ,CAAeb,GACtB,MAAAd,GAAAA,EAAAe,GACTL,EAAYK,EAAO,EAGfa,EAAc3B,EAAQ4B,KAAI,CAACC,EAAQC,KACvC,GAAID,EAAOE,OACF,OAAA,KAGT,MAAMC,EAAmC,CACvCC,UAAWJ,EAAOK,OAAS,QAGf,IAAVJ,IACFE,EAAYG,YAAuB,MAAT9B,OAAS,EAAAA,EAAA8B,aAEjCL,IAAU9B,EAAQwB,OAAS,GAAKvB,IAClC+B,EAAYI,aAAwB,MAAT/B,OAAS,EAAAA,EAAA+B,cAGhC,MAAAC,EAAO7B,EAASQ,SAAaC,EAAKJ,OAASgB,EAAOhB,OAEtD,OAAAjB,EAAA0C,cAACC,EAAAA,mBAAA,CACCC,IAAKX,EAAOhB,KACZA,KAAMgB,EAAOhB,KACb4B,SAAUZ,EAAOY,SACjBC,eAAgBb,EAAOa,iBAAmB3C,EAC1CA,OAAQa,EACR+B,oBAA2B,MAANN,OAAM,EAAAA,EAAAhB,UAC3BuB,MAAOZ,GACT,IAKF,SAAAM,cAAC,QAAO,IAAGhC,EAAMC,uBACd,KAAG,CAAAsC,UAAWC,EAAAA,QAAa,KACzB5C,mBACE,KAAG,CAAA0C,MAAO,CAAER,aAAuB,MAAT/B,OAAS,EAAAA,EAAA+B,cAAgB,aAAW,mBAEhET,GACC1B,GACAL,EAAA0C,cAAC,KAAA,CACCM,MAAO,CAAER,aAAc,MAAA/B,OAAA,EAAAA,EAAS+B,cAChC,aAAW,eACXS,UAAWC,UAAQ,mBAI3B"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.es.js

@@ -0,0 +1,75 @@
+import React, { useState, useEffect } from "react";
+import { DataGridHeaderCell } from "./DataGridHeaderCell.es.js";
+import classes from "./DataGridHeader.module.scss.es.js";
+const sortingStates = [void 0, "ASC", "DESC"];
+const DataGridHeaderComponent = ({
+  initialSort,
+  onSort,
+  headers,
+  disableContextMenuColumn,
+  enableExpandableRow,
+  enableNestedRows,
+  enableMultiSorting,
+  spacing,
+  ...rest
+}, ref) => {
+  const [sortList, setSortList] = useState(initialSort ?? []);
+  useEffect(() => {
+    setSortList(initialSort ?? []);
+  }, [initialSort]);
+  const calculateNextSortState = (direction) => {
+    const currentDirectionIdx = sortingStates.findIndex((item) => item === direction);
+    return sortingStates[currentDirectionIdx + 1 % sortingStates.length];
+  };
+  const updateSortList = (name) => {
+    const current = sortList.find((item) => item.name === name);
+    const restSortList = enableMultiSorting ? sortList.filter((item) => item.name !== name) : [];
+    const newSortDirection = calculateNextSortState(current == null ? void 0 : current.direction);
+    return newSortDirection ? [{ name, direction: newSortDirection }, ...restSortList] : restSortList;
+  };
+  const wrapOnSort = (name) => {
+    const newSort = updateSortList(name);
+    onSort == null ? void 0 : onSort(newSort);
+    setSortList(newSort);
+  };
+  const headerCells = headers.map((header, index) => {
+    if (header.hidden) {
+      return null;
+    }
+    const headerStyle = {
+      textAlign: header.align ?? "left"
+    };
+    if (index === 0) {
+      headerStyle.paddingLeft = spacing == null ? void 0 : spacing.paddingLeft;
+    }
+    if (index === headers.length - 1 && disableContextMenuColumn) {
+      headerStyle.paddingRight = spacing == null ? void 0 : spacing.paddingRight;
+    }
+    const sort = sortList.find((item) => item.name === header.name);
+    return /* @__PURE__ */ React.createElement(
+      DataGridHeaderCell,
+      {
+        key: header.name,
+        name: header.name,
+        headline: header.headline,
+        disableSorting: header.disableSorting ?? !onSort,
+        onSort: wrapOnSort,
+        activeSortDirection: sort == null ? void 0 : sort.direction,
+        style: headerStyle
+      }
+    );
+  });
+  return /* @__PURE__ */ React.createElement("thead", { ...rest, ref }, /* @__PURE__ */ React.createElement("tr", { className: classes["row"] }, enableExpandableRow && /* @__PURE__ */ React.createElement("td", { style: { paddingRight: spacing == null ? void 0 : spacing.paddingRight }, "aria-label": "expandable row" }), headerCells, !disableContextMenuColumn && /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      style: { paddingRight: spacing == null ? void 0 : spacing.paddingRight },
+      "aria-label": "context menu",
+      className: classes["context-menu"]
+    }
+  )));
+};
+const DataGridHeader = React.forwardRef(DataGridHeaderComponent);
+export {
+  DataGridHeader
+};
+//# sourceMappingURL=DataGridHeader.es.js.map