@onewelcome/react-lib-components 8.10.0 → 8.11.0

package/dist/esm/DataGrid/DataGridFilters/DataGridToolbar.esm.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React__default, { Fragment } from 'react';
 import { DataGridFilter } from './DataGridFilter.esm.js';
 import classes from './DataGridToolbar.module.scss.esm.js';
 import { Typography } from '../../Typography/Typography.esm.js';
@@ -23,26 +23,26 @@ import { DataGridDateFilter } from './DataGridDateFilter.esm.js';
 const DataGridToolbar = ({ columnsMetadata, filterValues, translations, onFilterAdd, onFilterEdit, onFilterDelete, dateFilterValue, onDateFilterValueChange, onFiltersClear, customEditTagContent }) => {
     const { state, addFilter, editFilter, deleteFilter, clearFilters } = useFiltersReducer(filterValues);
     const { clearButtonCaption = "Clear all filters" } = (translations === null || translations === void 0 ? void 0 : translations.toolbar) || {};
-    return (React.createElement(Fragment, null,
+    return (React__default.createElement(Fragment, null,
         columnsMetadata &&
-            state.filters.map(filter => (React.createElement(DataGridFilter, { mode: "EDIT", key: filter.id, filter: filter, columnsMetadata: columnsMetadata, onFilterEdit: filter => {
+            state.filters.map(filter => (React__default.createElement(DataGridFilter, { mode: "EDIT", key: filter.id, filter: filter, columnsMetadata: columnsMetadata, onFilterEdit: filter => {
                     editFilter(filter);
                     onFilterEdit && onFilterEdit(filter);
                 }, onFilterDelete: id => {
                     deleteFilter(id);
                     onFilterDelete && onFilterDelete(id);
                 }, tagTranslations: translations === null || translations === void 0 ? void 0 : translations.tag, popoverTranslations: translations === null || translations === void 0 ? void 0 : translations.popover, customEditTagContent: customEditTagContent }))),
-        React.createElement("div", { className: classes["actions-wrapper"] },
-            columnsMetadata && (React.createElement(DataGridFilter, { mode: "ADD", customEditTagContent: customEditTagContent, columnsMetadata: columnsMetadata, onFilterAdd: filter => {
+        React__default.createElement("div", { className: classes["actions-wrapper"] },
+            columnsMetadata && (React__default.createElement(DataGridFilter, { mode: "ADD", customEditTagContent: customEditTagContent, columnsMetadata: columnsMetadata, onFilterAdd: filter => {
                     addFilter(filter);
                     onFilterAdd && onFilterAdd(filter);
                 }, tagTranslations: translations === null || translations === void 0 ? void 0 : translations.tag, popoverTranslations: translations === null || translations === void 0 ? void 0 : translations.popover })),
-            columnsMetadata && state.filters.length >= 1 && (React.createElement("button", { type: "button", className: classes["clear-button"], onClick: () => {
+            columnsMetadata && state.filters.length >= 1 && (React__default.createElement("button", { type: "button", className: classes["clear-button"], onClick: () => {
                     clearFilters();
                     onFiltersClear && onFiltersClear();
                 } },
-                React.createElement(Typography, { variant: "body", className: classes["caption"] }, clearButtonCaption))),
-            dateFilterValue && (React.createElement(DataGridDateFilter, { dateFilterValue: dateFilterValue, onDateFilterValueChange: onDateFilterValueChange })))));
+                React__default.createElement(Typography, { variant: "body", className: classes["caption"] }, clearButtonCaption))),
+            dateFilterValue && (React__default.createElement(DataGridDateFilter, { dateFilterValue: dateFilterValue, onDateFilterValueChange: onDateFilterValueChange })))));
 };
 
 export { DataGridToolbar };

package/dist/esm/DataGrid/DataGridFilters/DataGridToolbar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.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 { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, clearFilters } =\n    useFiltersReducer(filterValues);\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n\n        {dateFilterValue && (\n          <DataGridDateFilter\n            dateFilterValue={dateFilterValue}\n            onDateFilterValueChange={onDateFilterValueChange}\n          />\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AA4BU,MAAA,eAAe,GAAG,CAAC,EAC9B,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACC,KAAI;AACzB,IAAA,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,GAChE,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAClC,IAAA,MAAM,EAAE,kBAAkB,GAAG,mBAAmB,EAAE,GAAG,CAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,EAAE,CAAC;IACjF,QACE,oBAAC,QAAQ,EAAA,IAAA;QACN,eAAe;AACd,YAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KACtB,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,MAAM,IAAG;oBACrB,UAAU,CAAC,MAAM,CAAC,CAAC;AACnB,oBAAA,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;AACvC,iBAAC,EACD,cAAc,EAAE,EAAE,IAAG;oBACnB,YAAY,CAAC,EAAE,CAAC,CAAC;AACjB,oBAAA,cAAc,IAAI,cAAc,CAAC,EAAE,CAAC,CAAC;iBACtC,EACD,eAAe,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAE,GAAG,EAClC,mBAAmB,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,OAAO,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,CAAA,CACH,CAAC;AACJ,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAA;YACvC,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,cAAc,IACb,IAAI,EAAC,KAAK,EACV,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,MAAM,IAAG;oBACpB,SAAS,CAAC,MAAM,CAAC,CAAC;AAClB,oBAAA,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;iBACpC,EACD,eAAe,EAAE,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAE,GAAG,EAClC,mBAAmB,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAA,CAC1C,CACH;YACA,eAAe,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,KAC3C,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAClC,OAAO,EAAE,MAAK;AACZ,oBAAA,YAAY,EAAE,CAAC;oBACf,cAAc,IAAI,cAAc,EAAE,CAAC;iBACpC,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,EACrD,kBAAkB,CACR,CACN,CACV;AAEA,YAAA,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EACjB,eAAe,EAAE,eAAe,EAChC,uBAAuB,EAAE,uBAAuB,EAAA,CAChD,CACH,CACG,CACG,EACX;AACJ;;;;"}
+{"version":3,"file":"DataGridToolbar.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.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 { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, clearFilters } =\n    useFiltersReducer(filterValues);\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n\n        {dateFilterValue && (\n          <DataGridDateFilter\n            dateFilterValue={dateFilterValue}\n            onDateFilterValueChange={onDateFilterValueChange}\n          />\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/esm/DataGrid/DataGridFilters/DataGridToolbar.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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/*!\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 */.DataGridToolbar_sr-only_jzOEv{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar_hidden_jzOEv{display:none}.DataGridToolbar_slide-in_jzOEv{animation:DataGridToolbar_slide-in_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-in_jzOEv{animation-duration:.1ms}}.DataGridToolbar_slide-out_jzOEv{animation:DataGridToolbar_slide-out_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-out_jzOEv{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_jzOEv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_jzOEv{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridToolbar_wrapper_jzOEv input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_jzOEv{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_filter-section_jzOEv{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_filter-section_jzOEv .DataGridToolbar_searchbar_jzOEv{flex-basis:15rem;min-width:7rem}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_filter-section_jzOEv .DataGridToolbar_actions-wrapper_jzOEv{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_filter-section_jzOEv .DataGridToolbar_clear-button_jzOEv{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_filter-section_jzOEv .DataGridToolbar_clear-button_jzOEv:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_filter-section_jzOEv .DataGridToolbar_clear-button_jzOEv .DataGridToolbar_caption_jzOEv{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}.DataGridToolbar_wrapper_jzOEv .DataGridToolbar_button-section_jzOEv{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLGdGQUNFLGNBQ0YsQ0FFQSwrQkFFRSxzQkFBdUIsQ0FEdkIsWUFBYSxDQUdiLFNBQVcsQ0FEWCw2QkFBOEIsQ0FHOUIsbUJBQW9CLENBRHBCLFVBRUYsQ0FDQSxxRUFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQU1iLFdBQVksQ0FIWixjQUFlLENBQ2YsU0FBVyxDQUZYLDBCQUEyQixDQUczQixVQUVGLENBQ0Esc0dBRUUsZ0JBQWlCLENBRGpCLGNBRUYsQ0FDQSw0R0FFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUdiLFNBQVcsQ0FEWCwwQkFFRixDQUNBLHlHQUNFLGVBQWdCLENBQ2hCLFdBQVksQ0FDWixjQUNGLENBQ0EsdUhBR0Usd0NBQXlDLENBRnpDLHdDQUEwQyxDQUMxQyxnQkFFRixDQUNBLHdJQUtFLDZCQUE4QixDQUg5QixvQ0FBcUMsQ0FDckMsd0NBQXlDLENBRnpDLFFBQVMsQ0FHVCx5QkFFRixDQUNBLHFFQUlFLGtCQUFtQixDQUZuQixZQUFhLENBRGIsYUFBYyxDQUlkLFNBQVcsQ0FGWCxzQkFHRiIsImZpbGUiOiJEYXRhR3JpZFRvb2xiYXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi53cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uIC5jYXB0aW9uIHtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi53cmFwcGVyIC5idXR0b24tc2VjdGlvbiB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59Il19 */";
-var classes = {"sr-only":"DataGridToolbar_sr-only_jzOEv","hidden":"DataGridToolbar_hidden_jzOEv","slide-in":"DataGridToolbar_slide-in_jzOEv","slide-out":"DataGridToolbar_slide-out_jzOEv","wrapper":"DataGridToolbar_wrapper_jzOEv","filter-section":"DataGridToolbar_filter-section_jzOEv","searchbar":"DataGridToolbar_searchbar_jzOEv","actions-wrapper":"DataGridToolbar_actions-wrapper_jzOEv","clear-button":"DataGridToolbar_clear-button_jzOEv","caption":"DataGridToolbar_caption_jzOEv","button-section":"DataGridToolbar_button-section_jzOEv"};
+var css_248z = "/*!\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/*!\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 */.DataGridToolbar_sr-only_Pphm5{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar_hidden_Pphm5{display:none}.DataGridToolbar_slide-in_Pphm5{animation:DataGridToolbar_slide-in_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-in_Pphm5{animation-duration:.1ms}}.DataGridToolbar_slide-out_Pphm5{animation:DataGridToolbar_slide-out_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-out_Pphm5{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_Pphm5{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_Pphm5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\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 */.DataGridToolbar_wrapper_Pphm5 input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_Pphm5{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_filter-section_Pphm5{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_filter-section_Pphm5 .DataGridToolbar_searchbar_Pphm5{flex-basis:15rem;min-width:7rem}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_filter-section_Pphm5 .DataGridToolbar_actions-wrapper_Pphm5{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_filter-section_Pphm5 .DataGridToolbar_clear-button_Pphm5{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_filter-section_Pphm5 .DataGridToolbar_clear-button_Pphm5:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_filter-section_Pphm5 .DataGridToolbar_clear-button_Pphm5 .DataGridToolbar_caption_Pphm5{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}.DataGridToolbar_wrapper_Pphm5 .DataGridToolbar_button-section_Pphm5{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBRUYsZ0ZBQ0UsY0FDRixDQUVBLCtCQUVFLHNCQUF1QixDQUR2QixZQUFhLENBR2IsU0FBVyxDQURYLDZCQUE4QixDQUc5QixtQkFBb0IsQ0FEcEIsVUFFRixDQUNBLHFFQUVFLGtCQUFtQixDQURuQixZQUFhLENBTWIsV0FBWSxDQUhaLGNBQWUsQ0FDZixTQUFXLENBRlgsMEJBQTJCLENBRzNCLFVBRUYsQ0FDQSxzR0FFRSxnQkFBaUIsQ0FEakIsY0FFRixDQUNBLDRHQUVFLGtCQUFtQixDQURuQixZQUFhLENBR2IsU0FBVyxDQURYLDBCQUVGLENBQ0EseUdBQ0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUNaLGNBQ0YsQ0FDQSx1SEFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0Esd0lBS0UsNkJBQThCLENBSDlCLG9DQUFxQyxDQUNyQyx3Q0FBeUMsQ0FGekMsUUFBUyxDQUdULHlCQUVGLENBQ0EscUVBSUUsa0JBQW1CLENBRm5CLFlBQWEsQ0FEYixhQUFjLENBSWQsU0FBVyxDQUZYLHNCQUdGIiwiZmlsZSI6IkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi53cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uIC5jYXB0aW9uIHtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi53cmFwcGVyIC5idXR0b24tc2VjdGlvbiB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59Il19 */";
+var classes = {"sr-only":"DataGridToolbar_sr-only_Pphm5","hidden":"DataGridToolbar_hidden_Pphm5","slide-in":"DataGridToolbar_slide-in_Pphm5","slide-out":"DataGridToolbar_slide-out_Pphm5","wrapper":"DataGridToolbar_wrapper_Pphm5","filter-section":"DataGridToolbar_filter-section_Pphm5","searchbar":"DataGridToolbar_searchbar_Pphm5","actions-wrapper":"DataGridToolbar_actions-wrapper_Pphm5","clear-button":"DataGridToolbar_clear-button_Pphm5","caption":"DataGridToolbar_caption_Pphm5","button-section":"DataGridToolbar_button-section_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/DataGrid/DataGridFilters/DataGridToolbarWrapper.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './DataGridToolbar.module.scss.esm.js';
 
 /*
@@ -17,11 +17,11 @@ import classes from './DataGridToolbar.module.scss.esm.js';
  *    limitations under the License.
  */
 const DataGridToolbarWrapperComponent = ({ children, filters, buttons, ...rest }, ref) => {
-    return (React.createElement("div", { ref: ref, className: classes["wrapper"], ...rest },
-        React.createElement("div", { className: classes["filter-section"] }, filters),
-        React.createElement("div", { className: classes["button-section"] }, buttons)));
+    return (React__default.createElement("div", { ref: ref, className: classes["wrapper"], ...rest },
+        React__default.createElement("div", { className: classes["filter-section"] }, filters),
+        React__default.createElement("div", { className: classes["button-section"] }, buttons)));
 };
-const DataGridToolbarWrapper = React.forwardRef(DataGridToolbarWrapperComponent);
+const DataGridToolbarWrapper = React__default.forwardRef(DataGridToolbarWrapperComponent);
 
 export { DataGridToolbarWrapper, DataGridToolbarWrapperComponent };
 //# sourceMappingURL=DataGridToolbarWrapper.esm.js.map

package/dist/esm/DataGrid/DataGridFilters/DataGridToolbarWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbarWrapper.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbarWrapper.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, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from \"react\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { ButtonProps } from \"../../..\";\ninterface Props extends ComponentPropsWithRef<\"div\"> {\n  filters?: React.JSX.Element;\n  buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];\n}\n\nexport const DataGridToolbarWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, filters, buttons, ...rest },\n  ref\n) => {\n  return (\n    <div ref={ref} className={classes[\"wrapper\"]} {...rest}>\n      <div className={classes[\"filter-section\"]}>{filters}</div>\n      <div className={classes[\"button-section\"]}>{buttons}</div>\n    </div>\n  );\n};\n\nexport const DataGridToolbarWrapper = React.forwardRef(DataGridToolbarWrapperComponent);\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAWU,MAAA,+BAA+B,GAAoD,CAC9F,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EACvC,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,KAAM,IAAI,EAAA;QACpD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,OAAO,CAAO;QAC1D,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,OAAO,CAAO,CACtD,EACN;AACJ,EAAE;AAEW,MAAA,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B;;;;"}
+{"version":3,"file":"DataGridToolbarWrapper.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbarWrapper.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, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from \"react\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { ButtonProps } from \"../../..\";\ninterface Props extends ComponentPropsWithRef<\"div\"> {\n  filters?: React.JSX.Element;\n  buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];\n}\n\nexport const DataGridToolbarWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, filters, buttons, ...rest },\n  ref\n) => {\n  return (\n    <div ref={ref} className={classes[\"wrapper\"]} {...rest}>\n      <div className={classes[\"filter-section\"]}>{filters}</div>\n      <div className={classes[\"button-section\"]}>{buttons}</div>\n    </div>\n  );\n};\n\nexport const DataGridToolbarWrapper = React.forwardRef(DataGridToolbarWrapperComponent);\n"],"names":["React"],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAWU,MAAA,+BAA+B,GAAoD,CAC9F,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EACvC,GAAG,KACD;AACF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,KAAM,IAAI,EAAA;QACpDA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,OAAO,CAAO;QAC1DA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,OAAO,CAAO,CACtD,EACN;AACJ,EAAE;AAEW,MAAA,sBAAsB,GAAGA,cAAK,CAAC,UAAU,CAAC,+BAA+B;;;;"}

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { Popover } from '../../../Popover/Popover.esm.js';
 import classes from './DateTimePicker.module.scss.esm.js';
 import { Button } from '../../../Button/Button.esm.js';
@@ -120,18 +120,18 @@ const DateTimePicker = ({ anchorRef, popoverRef, isOpen, setPickerOpen, onTagCap
             });
         setPickerOpen(false);
     };
-    return (React.createElement(Popover, { tabIndex: -1, anchorEl: anchorRef, ref: popoverRef, show: isOpen, placement: { horizontal: "left", vertical: "bottom" }, transformOrigin: { horizontal: "left", vertical: "top" } }, isOpen && (React.createElement("div", { className: classes["popover"] },
-        React.createElement("div", { className: classes["content-wrapper"] },
-            React.createElement("div", { className: classes["aside"] },
-                React.createElement(SideMenu, { sideMenuItems: sideMenuItems, selectedItemId: selectedPredefinedRange, onItemSelect: onSideMenuItemSelect })),
-            React.createElement("div", { className: `${classes["controls"]} ${toDateError || fromDateError ? classes["has-error"] : ""}` },
-                React.createElement("div", { className: classes["controls-panel"] },
-                    React.createElement(DateTimePickerInputSection, { from: from, to: to, dateInputPlaceholder: dateInputPlaceholder, dateFormatError: dateFormatError, fromDateText: fromDateText, toDateText: toDateText, fromDateError: fromDateError, toDateError: toDateError, setSelectedDate: setSelectedDate, setFromDateText: setFromDateText, setToDateText: setToDateText, setFromDateError: setFromDateError, setToDateError: setToDateError })),
-                React.createElement("div", { className: `${classes["controls-panel"]} ${classes["set-height"]}` },
-                    React.createElement(DateTimePickerCalendarSection, { previousMonth: previousMonth, nextMonth: nextMonth, selectedDate: selectedDate, disableDateRangePickers: disableDateRangePickers, setSelectedDate: setSelectedDate, setFromDateText: setFromDateText, setFromDateError: setFromDateError, setToDateText: setToDateText, setToDateError: setToDateError })))),
-        React.createElement("div", { className: classes["actions"] },
-            React.createElement(Button, { variant: "text", onClick: closeDateTimePicker }, cancel),
-            React.createElement(Button, { onClick: saveDateTimePicker }, apply))))));
+    return (React__default.createElement(Popover, { tabIndex: -1, anchorEl: anchorRef, ref: popoverRef, show: isOpen, placement: { horizontal: "left", vertical: "bottom" }, transformOrigin: { horizontal: "left", vertical: "top" } }, isOpen && (React__default.createElement("div", { className: classes["popover"] },
+        React__default.createElement("div", { className: classes["content-wrapper"] },
+            React__default.createElement("div", { className: classes["aside"] },
+                React__default.createElement(SideMenu, { sideMenuItems: sideMenuItems, selectedItemId: selectedPredefinedRange, onItemSelect: onSideMenuItemSelect })),
+            React__default.createElement("div", { className: `${classes["controls"]} ${toDateError || fromDateError ? classes["has-error"] : ""}` },
+                React__default.createElement("div", { className: classes["controls-panel"] },
+                    React__default.createElement(DateTimePickerInputSection, { from: from, to: to, dateInputPlaceholder: dateInputPlaceholder, dateFormatError: dateFormatError, fromDateText: fromDateText, toDateText: toDateText, fromDateError: fromDateError, toDateError: toDateError, setSelectedDate: setSelectedDate, setFromDateText: setFromDateText, setToDateText: setToDateText, setFromDateError: setFromDateError, setToDateError: setToDateError })),
+                React__default.createElement("div", { className: `${classes["controls-panel"]} ${classes["set-height"]}` },
+                    React__default.createElement(DateTimePickerCalendarSection, { previousMonth: previousMonth, nextMonth: nextMonth, selectedDate: selectedDate, disableDateRangePickers: disableDateRangePickers, setSelectedDate: setSelectedDate, setFromDateText: setFromDateText, setFromDateError: setFromDateError, setToDateText: setToDateText, setToDateError: setToDateError })))),
+        React__default.createElement("div", { className: classes["actions"] },
+            React__default.createElement(Button, { variant: "text", onClick: closeDateTimePicker }, cancel),
+            React__default.createElement(Button, { onClick: saveDateTimePicker }, apply))))));
 };
 
 export { DateTimePicker, dateFormat };

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.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, { useEffect, useState } from \"react\";\nimport { Popover } from \"../../../Popover/Popover\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport { Button } from \"../../../Button/Button\";\nimport { DateRange } from \"react-day-picker\";\nimport {\n  CUSTOM_DATE_RANGE,\n  FIVE_MINUTES,\n  ONE_HOUR,\n  ONE_MINUTE,\n  THIRTY_SECONDS,\n  TWENTY_FOUR_HOURS,\n  formatInputDate\n} from \"./DateTimeService\";\nimport { SideMenu } from \"./SideMenu\";\nimport { addSeconds } from \"date-fns\";\nimport { DateTimePickerInputSection } from \"./DateTimePickerInputSection\";\nimport { DateTimePickerCalendarSection } from \"./DateTimePickerCalendarSection\";\nimport { DateTimeFilter, DateTimeFilterType } from \"../DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../../hooks/useRepeatFocus\";\n\nexport type DateTimePickerTranslations = {\n  errors: {\n    dateFormatError: string;\n  };\n  previousMonth: string;\n  nextMonth: string;\n  from: string;\n  to: string;\n  cancel: string;\n  apply: string;\n  dateInputPlaceholder: string;\n};\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  onTagCaptionChange: (value: string) => void;\n  setPickerOpen: (open: boolean) => void;\n  translations?: DateTimePickerTranslations;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n};\n\nexport type SideMenuItem = {\n  id: DateTimeFilterType;\n  name: string;\n  rangeSeconds?: number;\n};\n\nexport const dateFormat = \"yyyy-mm-dd hh:mm:ss\";\n\nconst sideMenuItems: SideMenuItem[] = [\n  { id: THIRTY_SECONDS, name: \"Last 30 seconds\", rangeSeconds: 30 },\n  { id: ONE_MINUTE, name: \"Last 1 minute\", rangeSeconds: 60 },\n  { id: FIVE_MINUTES, name: \"Last 5 minutes\", rangeSeconds: 300 },\n  { id: ONE_HOUR, name: \"Last 1 hour\", rangeSeconds: 3600 },\n  { id: TWENTY_FOUR_HOURS, name: \"Last 24 hours\", rangeSeconds: 86400 },\n  { id: CUSTOM_DATE_RANGE, name: \"Custom\" }\n];\n\nexport const DateTimePicker = ({\n  anchorRef,\n  popoverRef,\n  isOpen,\n  setPickerOpen,\n  onTagCaptionChange,\n  translations = {\n    errors: {\n      dateFormatError: `The format must be ${dateFormat}`\n    },\n    previousMonth: \"Previous month\",\n    nextMonth: \"Next month\",\n    from: \"From\",\n    to: \"To\",\n    cancel: \"Cancel\",\n    apply: \"Apply\",\n    dateInputPlaceholder: dateFormat\n  },\n  dateFilterValue,\n  onDateFilterValueChange\n}: Props) => {\n  const {\n    errors: { dateFormatError },\n    previousMonth,\n    nextMonth,\n    cancel,\n    from,\n    to,\n    apply,\n    dateInputPlaceholder\n  } = translations;\n  const [selectedDate, setSelectedDate] = useState<DateRange>({\n    from: dateFilterValue?.fromDate ? new Date(dateFilterValue?.fromDate) : undefined,\n    to: dateFilterValue?.toDate ? new Date(dateFilterValue?.toDate) : undefined\n  });\n  const [selectedPredefinedRange, setSelectedPredefinedRange] = useState<DateTimeFilterType>(\n    sideMenuItems[0].id\n  );\n  const [fromDateText, setFromDateText] = useState(\"\");\n  const [toDateText, setToDateText] = useState(\"\");\n  const [fromDateError, setFromDateError] = useState(\"\");\n  const [toDateError, setToDateError] = useState(\"\");\n  useRepeatFocus(popoverRef);\n\n  const disableDateRangePickers = selectedPredefinedRange !== CUSTOM_DATE_RANGE;\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (dateFilterValue) {\n      const foundItem = sideMenuItems.find(item => item.id === dateFilterValue.type);\n\n      foundItem && onTagCaptionChange(foundItem.name);\n\n      setSelectedPredefinedRange(dateFilterValue.type);\n\n      if (foundItem?.rangeSeconds && dateFilterValue.type !== CUSTOM_DATE_RANGE) {\n        const fromDate = addSeconds(new Date(), -foundItem.rangeSeconds);\n        const toDate = new Date();\n\n        setFromDateText(formatInputDate(fromDate));\n        setToDateText(formatInputDate(toDate));\n        setSelectedDate({ from: fromDate, to: toDate });\n\n        return;\n      }\n\n      dateFilterValue.fromDate &&\n        setFromDateText(formatInputDate(new Date(dateFilterValue.fromDate)));\n\n      dateFilterValue.toDate && setToDateText(formatInputDate(new Date(dateFilterValue.toDate)));\n\n      setSelectedDate({\n        from: dateFilterValue?.fromDate ? new Date(dateFilterValue?.fromDate) : undefined,\n        to: dateFilterValue?.toDate ? new Date(dateFilterValue?.toDate) : undefined\n      });\n    }\n  }, [dateFilterValue]);\n\n  useEffect(() => {\n    if (!dateFilterValue) {\n      isOpen && onSideMenuItemSelect(selectedPredefinedRange);\n    }\n  }, [isOpen, dateFilterValue]);\n\n  const onSideMenuItemSelect = (itemId: DateTimeFilterType) => {\n    setSelectedPredefinedRange(itemId);\n    const foundItem = sideMenuItems.find(item => item.id === itemId);\n    foundItem && onTagCaptionChange(foundItem.name);\n\n    if (itemId !== CUSTOM_DATE_RANGE) {\n      if (!foundItem) {\n        return;\n      }\n\n      if (foundItem.rangeSeconds) {\n        const fromDate = addSeconds(new Date(), -foundItem.rangeSeconds);\n        const toDate = new Date();\n\n        setSelectedDate({ from: fromDate, to: toDate });\n        setFromDateText(formatInputDate(fromDate));\n        setToDateText(formatInputDate(toDate));\n      }\n    }\n  };\n\n  const closeDateTimePicker = () => {\n    setPickerOpen(false);\n  };\n\n  const saveDateTimePicker = () => {\n    onDateFilterValueChange &&\n      onDateFilterValueChange({\n        toDate: selectedDate.to?.toISOString() ?? \"\",\n        fromDate: selectedDate.from?.toISOString() ?? \"\",\n        type: selectedPredefinedRange\n      });\n    setPickerOpen(false);\n  };\n\n  return (\n    <Popover\n      tabIndex={-1}\n      anchorEl={anchorRef}\n      ref={popoverRef}\n      show={isOpen}\n      placement={{ horizontal: \"left\", vertical: \"bottom\" }}\n      transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n    >\n      {isOpen && (\n        <div className={classes[\"popover\"]}>\n          <div className={classes[\"content-wrapper\"]}>\n            <div className={classes[\"aside\"]}>\n              <SideMenu\n                sideMenuItems={sideMenuItems}\n                selectedItemId={selectedPredefinedRange}\n                onItemSelect={onSideMenuItemSelect}\n              />\n            </div>\n            <div\n              className={`${classes[\"controls\"]} ${toDateError || fromDateError ? classes[\"has-error\"] : \"\"}`}\n            >\n              <div className={classes[\"controls-panel\"]}>\n                <DateTimePickerInputSection\n                  from={from}\n                  to={to}\n                  dateInputPlaceholder={dateInputPlaceholder}\n                  dateFormatError={dateFormatError}\n                  fromDateText={fromDateText}\n                  toDateText={toDateText}\n                  fromDateError={fromDateError}\n                  toDateError={toDateError}\n                  setSelectedDate={setSelectedDate}\n                  setFromDateText={setFromDateText}\n                  setToDateText={setToDateText}\n                  setFromDateError={setFromDateError}\n                  setToDateError={setToDateError}\n                />\n              </div>\n              <div className={`${classes[\"controls-panel\"]} ${classes[\"set-height\"]}`}>\n                <DateTimePickerCalendarSection\n                  previousMonth={previousMonth}\n                  nextMonth={nextMonth}\n                  selectedDate={selectedDate}\n                  disableDateRangePickers={disableDateRangePickers}\n                  setSelectedDate={setSelectedDate}\n                  setFromDateText={setFromDateText}\n                  setFromDateError={setFromDateError}\n                  setToDateText={setToDateText}\n                  setToDateError={setToDateError}\n                />\n              </div>\n            </div>\n          </div>\n          <div className={classes[\"actions\"]}>\n            <Button variant=\"text\" onClick={closeDateTimePicker}>\n              {cancel}\n            </Button>\n            <Button onClick={saveDateTimePicker}>{apply}</Button>\n          </div>\n        </div>\n      )}\n    </Popover>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAqDI,MAAM,UAAU,GAAG,sBAAsB;AAEhD,MAAM,aAAa,GAAmB;IACpC,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;IACjE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,EAAE;IAC3D,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,EAAE;IAC/D,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE;IACzD,EAAE,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE;AACrE,IAAA,EAAE,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE;CAC1C,CAAC;AAEW,MAAA,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,GAAG;AACb,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,CAAsB,mBAAA,EAAA,UAAU,CAAE,CAAA;AACpD,KAAA;AACD,IAAA,aAAa,EAAE,gBAAgB;AAC/B,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,oBAAoB,EAAE,UAAU;AACjC,CAAA,EACD,eAAe,EACf,uBAAuB,EACjB,KAAI;IACV,MAAM,EACJ,MAAM,EAAE,EAAE,eAAe,EAAE,EAC3B,aAAa,EACb,SAAS,EACT,MAAM,EACN,IAAI,EACJ,EAAE,EACF,KAAK,EACL,oBAAoB,EACrB,GAAG,YAAY,CAAC;AACjB,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAY;QAC1D,IAAI,EAAE,CAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,QAAQ,IAAG,IAAI,IAAI,CAAC,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,QAAQ,CAAC,GAAG,SAAS;QACjF,EAAE,EAAE,CAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,MAAM,IAAG,IAAI,IAAI,CAAC,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,MAAM,CAAC,GAAG,SAAS;AAC5E,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CACpE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CACpB,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,cAAc,CAAC,UAAU,CAAC,CAAC;AAE3B,IAAA,MAAM,uBAAuB,GAAG,uBAAuB,KAAK,iBAAiB,CAAC;IAE9E,SAAS,CAAC,MAAK;;QACb,IAAI,MAAM,EAAE;AACV,YAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;SAC7B;AACH,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,MAAK;QACb,IAAI,eAAe,EAAE;AACnB,YAAA,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC;AAE/E,YAAA,SAAS,IAAI,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAEhD,YAAA,0BAA0B,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAEjD,YAAA,IAAI,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,YAAY,KAAI,eAAe,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACzE,gBAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;AACjE,gBAAA,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;AAE1B,gBAAA,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC3C,gBAAA,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;gBACvC,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;gBAEhD,OAAO;aACR;AAED,YAAA,eAAe,CAAC,QAAQ;AACtB,gBAAA,eAAe,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEvE,YAAA,eAAe,CAAC,MAAM,IAAI,aAAa,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAE3F,YAAA,eAAe,CAAC;gBACd,IAAI,EAAE,CAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,QAAQ,IAAG,IAAI,IAAI,CAAC,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,QAAQ,CAAC,GAAG,SAAS;gBACjF,EAAE,EAAE,CAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,MAAM,IAAG,IAAI,IAAI,CAAC,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,MAAM,CAAC,GAAG,SAAS;AAC5E,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,eAAe,EAAE;AACpB,YAAA,MAAM,IAAI,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;SACzD;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;AAE9B,IAAA,MAAM,oBAAoB,GAAG,CAAC,MAA0B,KAAI;QAC1D,0BAA0B,CAAC,MAAM,CAAC,CAAC;AACnC,QAAA,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;AACjE,QAAA,SAAS,IAAI,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAEhD,QAAA,IAAI,MAAM,KAAK,iBAAiB,EAAE;YAChC,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO;aACR;AAED,YAAA,IAAI,SAAS,CAAC,YAAY,EAAE;AAC1B,gBAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;AACjE,gBAAA,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;gBAE1B,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAChD,gBAAA,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC3C,gBAAA,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;aACxC;SACF;AACH,KAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAK;QAC/B,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAK;;QAC9B,uBAAuB;AACrB,YAAA,uBAAuB,CAAC;gBACtB,MAAM,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAY,CAAC,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE;gBAC5C,QAAQ,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAY,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE;AAChD,gBAAA,IAAI,EAAE,uBAAuB;AAC9B,aAAA,CAAC,CAAC;QACL,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,EAAE,SAAS,EACnB,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACrD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAEvD,EAAA,MAAM,KACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA;AAChC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAA;AACxC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAAA;AAC9B,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,uBAAuB,EACvC,YAAY,EAAE,oBAAoB,GAClC,CACE;YACN,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,UAAU,CAAC,CAAI,CAAA,EAAA,WAAW,IAAI,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,CAAE,CAAA,EAAA;AAE/F,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA;oBACvC,KAAC,CAAA,aAAA,CAAA,0BAA0B,EACzB,EAAA,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAAA,CAC9B,CACE;AACN,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,YAAY,CAAC,CAAE,CAAA,EAAA;AACrE,oBAAA,KAAA,CAAA,aAAA,CAAC,6BAA6B,EAC5B,EAAA,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,CAAA,CACE,CACF,CACF;AACN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA;YAChC,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,mBAAmB,EAChD,EAAA,MAAM,CACA;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,kBAAkB,EAAA,EAAG,KAAK,CAAU,CACjD,CACF,CACP,CACO,EACV;AACJ;;;;"}
+{"version":3,"file":"DateTimePicker.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.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, { useEffect, useState } from \"react\";\nimport { Popover } from \"../../../Popover/Popover\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport { Button } from \"../../../Button/Button\";\nimport { DateRange } from \"react-day-picker\";\nimport {\n  CUSTOM_DATE_RANGE,\n  FIVE_MINUTES,\n  ONE_HOUR,\n  ONE_MINUTE,\n  THIRTY_SECONDS,\n  TWENTY_FOUR_HOURS,\n  formatInputDate\n} from \"./DateTimeService\";\nimport { SideMenu } from \"./SideMenu\";\nimport { addSeconds } from \"date-fns\";\nimport { DateTimePickerInputSection } from \"./DateTimePickerInputSection\";\nimport { DateTimePickerCalendarSection } from \"./DateTimePickerCalendarSection\";\nimport { DateTimeFilter, DateTimeFilterType } from \"../DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../../hooks/useRepeatFocus\";\n\nexport type DateTimePickerTranslations = {\n  errors: {\n    dateFormatError: string;\n  };\n  previousMonth: string;\n  nextMonth: string;\n  from: string;\n  to: string;\n  cancel: string;\n  apply: string;\n  dateInputPlaceholder: string;\n};\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  onTagCaptionChange: (value: string) => void;\n  setPickerOpen: (open: boolean) => void;\n  translations?: DateTimePickerTranslations;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n};\n\nexport type SideMenuItem = {\n  id: DateTimeFilterType;\n  name: string;\n  rangeSeconds?: number;\n};\n\nexport const dateFormat = \"yyyy-mm-dd hh:mm:ss\";\n\nconst sideMenuItems: SideMenuItem[] = [\n  { id: THIRTY_SECONDS, name: \"Last 30 seconds\", rangeSeconds: 30 },\n  { id: ONE_MINUTE, name: \"Last 1 minute\", rangeSeconds: 60 },\n  { id: FIVE_MINUTES, name: \"Last 5 minutes\", rangeSeconds: 300 },\n  { id: ONE_HOUR, name: \"Last 1 hour\", rangeSeconds: 3600 },\n  { id: TWENTY_FOUR_HOURS, name: \"Last 24 hours\", rangeSeconds: 86400 },\n  { id: CUSTOM_DATE_RANGE, name: \"Custom\" }\n];\n\nexport const DateTimePicker = ({\n  anchorRef,\n  popoverRef,\n  isOpen,\n  setPickerOpen,\n  onTagCaptionChange,\n  translations = {\n    errors: {\n      dateFormatError: `The format must be ${dateFormat}`\n    },\n    previousMonth: \"Previous month\",\n    nextMonth: \"Next month\",\n    from: \"From\",\n    to: \"To\",\n    cancel: \"Cancel\",\n    apply: \"Apply\",\n    dateInputPlaceholder: dateFormat\n  },\n  dateFilterValue,\n  onDateFilterValueChange\n}: Props) => {\n  const {\n    errors: { dateFormatError },\n    previousMonth,\n    nextMonth,\n    cancel,\n    from,\n    to,\n    apply,\n    dateInputPlaceholder\n  } = translations;\n  const [selectedDate, setSelectedDate] = useState<DateRange>({\n    from: dateFilterValue?.fromDate ? new Date(dateFilterValue?.fromDate) : undefined,\n    to: dateFilterValue?.toDate ? new Date(dateFilterValue?.toDate) : undefined\n  });\n  const [selectedPredefinedRange, setSelectedPredefinedRange] = useState<DateTimeFilterType>(\n    sideMenuItems[0].id\n  );\n  const [fromDateText, setFromDateText] = useState(\"\");\n  const [toDateText, setToDateText] = useState(\"\");\n  const [fromDateError, setFromDateError] = useState(\"\");\n  const [toDateError, setToDateError] = useState(\"\");\n  useRepeatFocus(popoverRef);\n\n  const disableDateRangePickers = selectedPredefinedRange !== CUSTOM_DATE_RANGE;\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (dateFilterValue) {\n      const foundItem = sideMenuItems.find(item => item.id === dateFilterValue.type);\n\n      foundItem && onTagCaptionChange(foundItem.name);\n\n      setSelectedPredefinedRange(dateFilterValue.type);\n\n      if (foundItem?.rangeSeconds && dateFilterValue.type !== CUSTOM_DATE_RANGE) {\n        const fromDate = addSeconds(new Date(), -foundItem.rangeSeconds);\n        const toDate = new Date();\n\n        setFromDateText(formatInputDate(fromDate));\n        setToDateText(formatInputDate(toDate));\n        setSelectedDate({ from: fromDate, to: toDate });\n\n        return;\n      }\n\n      dateFilterValue.fromDate &&\n        setFromDateText(formatInputDate(new Date(dateFilterValue.fromDate)));\n\n      dateFilterValue.toDate && setToDateText(formatInputDate(new Date(dateFilterValue.toDate)));\n\n      setSelectedDate({\n        from: dateFilterValue?.fromDate ? new Date(dateFilterValue?.fromDate) : undefined,\n        to: dateFilterValue?.toDate ? new Date(dateFilterValue?.toDate) : undefined\n      });\n    }\n  }, [dateFilterValue]);\n\n  useEffect(() => {\n    if (!dateFilterValue) {\n      isOpen && onSideMenuItemSelect(selectedPredefinedRange);\n    }\n  }, [isOpen, dateFilterValue]);\n\n  const onSideMenuItemSelect = (itemId: DateTimeFilterType) => {\n    setSelectedPredefinedRange(itemId);\n    const foundItem = sideMenuItems.find(item => item.id === itemId);\n    foundItem && onTagCaptionChange(foundItem.name);\n\n    if (itemId !== CUSTOM_DATE_RANGE) {\n      if (!foundItem) {\n        return;\n      }\n\n      if (foundItem.rangeSeconds) {\n        const fromDate = addSeconds(new Date(), -foundItem.rangeSeconds);\n        const toDate = new Date();\n\n        setSelectedDate({ from: fromDate, to: toDate });\n        setFromDateText(formatInputDate(fromDate));\n        setToDateText(formatInputDate(toDate));\n      }\n    }\n  };\n\n  const closeDateTimePicker = () => {\n    setPickerOpen(false);\n  };\n\n  const saveDateTimePicker = () => {\n    onDateFilterValueChange &&\n      onDateFilterValueChange({\n        toDate: selectedDate.to?.toISOString() ?? \"\",\n        fromDate: selectedDate.from?.toISOString() ?? \"\",\n        type: selectedPredefinedRange\n      });\n    setPickerOpen(false);\n  };\n\n  return (\n    <Popover\n      tabIndex={-1}\n      anchorEl={anchorRef}\n      ref={popoverRef}\n      show={isOpen}\n      placement={{ horizontal: \"left\", vertical: \"bottom\" }}\n      transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n    >\n      {isOpen && (\n        <div className={classes[\"popover\"]}>\n          <div className={classes[\"content-wrapper\"]}>\n            <div className={classes[\"aside\"]}>\n              <SideMenu\n                sideMenuItems={sideMenuItems}\n                selectedItemId={selectedPredefinedRange}\n                onItemSelect={onSideMenuItemSelect}\n              />\n            </div>\n            <div\n              className={`${classes[\"controls\"]} ${toDateError || fromDateError ? classes[\"has-error\"] : \"\"}`}\n            >\n              <div className={classes[\"controls-panel\"]}>\n                <DateTimePickerInputSection\n                  from={from}\n                  to={to}\n                  dateInputPlaceholder={dateInputPlaceholder}\n                  dateFormatError={dateFormatError}\n                  fromDateText={fromDateText}\n                  toDateText={toDateText}\n                  fromDateError={fromDateError}\n                  toDateError={toDateError}\n                  setSelectedDate={setSelectedDate}\n                  setFromDateText={setFromDateText}\n                  setToDateText={setToDateText}\n                  setFromDateError={setFromDateError}\n                  setToDateError={setToDateError}\n                />\n              </div>\n              <div className={`${classes[\"controls-panel\"]} ${classes[\"set-height\"]}`}>\n                <DateTimePickerCalendarSection\n                  previousMonth={previousMonth}\n                  nextMonth={nextMonth}\n                  selectedDate={selectedDate}\n                  disableDateRangePickers={disableDateRangePickers}\n                  setSelectedDate={setSelectedDate}\n                  setFromDateText={setFromDateText}\n                  setFromDateError={setFromDateError}\n                  setToDateText={setToDateText}\n                  setToDateError={setToDateError}\n                />\n              </div>\n            </div>\n          </div>\n          <div className={classes[\"actions\"]}>\n            <Button variant=\"text\" onClick={closeDateTimePicker}>\n              {cancel}\n            </Button>\n            <Button onClick={saveDateTimePicker}>{apply}</Button>\n          </div>\n        </div>\n      )}\n    </Popover>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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_jzOEv{align-items:flex-start;display:flex;flex-direction:column;min-width:40rem}.DateTimePicker_popover_jzOEv .DateTimePicker_content-wrapper_jzOEv{display:flex}.DateTimePicker_popover_jzOEv .DateTimePicker_aside_jzOEv{border-right:1px solid var(--color-blue-grey100);display:flex;flex-direction:column;width:9.25rem}.DateTimePicker_popover_jzOEv .DateTimePicker_aside-menu_jzOEv{list-style:none;margin:.5rem 0;padding:0;white-space:nowrap}.DateTimePicker_popover_jzOEv .DateTimePicker_aside-menu-item_jzOEv{height:2rem}.DateTimePicker_popover_jzOEv .DateTimePicker_aside-menu-item_jzOEv button{font-size:var(--font-size-sub);line-height:1.33;padding:.5rem .75rem;text-align:start}.DateTimePicker_popover_jzOEv .DateTimePicker_controls_jzOEv{display:flex;flex-direction:column;flex-grow:1;gap:2rem;padding:2rem 2rem 0}.DateTimePicker_popover_jzOEv .DateTimePicker_controls_jzOEv.DateTimePicker_has-error_jzOEv{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_jzOEv .DateTimePicker_controls-panel_jzOEv{display:flex;gap:2rem}.DateTimePicker_popover_jzOEv .DateTimePicker_controls-panel_jzOEv>*{flex-grow:1}.DateTimePicker_popover_jzOEv .DateTimePicker_controls-panel_jzOEv.DateTimePicker_set-height_jzOEv{min-height:17.5rem}.DateTimePicker_popover_jzOEv .DateTimePicker_actions_jzOEv{border-top:1px solid var(--color-blue-grey100);display:flex;flex-grow:1;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;width:calc(100% - 3rem)}.DateTimePicker_popover_jzOEv .DateTimePicker_input_jzOEv{margin-top:0;max-width:14rem}.DateTimePicker_popover_jzOEv .DateTimePicker_input_jzOEv label{font-size:var(--font-size-sub)}.DateTimePicker_popover_jzOEv .DateTimePicker_nav_jzOEv{position:absolute}.DateTimePicker_popover_jzOEv .DateTimePicker_next-button_jzOEv{left:27.3125rem;position:absolute;top:0}.DateTimePicker_popover_jzOEv .DateTimePicker_prev-button_jzOEv{position:absolute;top:0}.DateTimePicker_popover_jzOEv .DateTimePicker_month-caption_jzOEv{font-size:var(--font-size-sub);font-weight:500;height:calc(var(--font-size)*2.5);line-height:1.33;margin:0;padding:.75rem 0;text-align:center;width:100%}.DateTimePicker_error-message_jzOEv{font-size:var(--font-size-small)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVUaW1lUGlja2VyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsOEJBR0Usc0JBQXVCLENBRnZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsZUFDRixDQUNBLG9FQUNFLFlBQ0YsQ0FDQSwwREFJRSxnREFBaUQsQ0FIakQsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixhQUVGLENBQ0EsK0RBSUUsZUFBZ0IsQ0FIaEIsY0FBZ0IsQ0FDaEIsU0FBVSxDQUNWLGtCQUVGLENBQ0Esb0VBQ0UsV0FDRixDQUNBLDJFQUVFLDhCQUErQixDQUMvQixnQkFBaUIsQ0FGakIsb0JBQXVCLENBR3ZCLGdCQUNGLENBQ0EsNkRBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixXQUFZLENBRFosUUFBUyxDQUVULG1CQUNGLENBQ0EsNEZBQ0UsMEJBQ0YsQ0FDQSxtRUFDRSxZQUFhLENBQ2IsUUFDRixDQUNBLHFFQUNFLFdBQ0YsQ0FDQSxtR0FDRSxrQkFDRixDQUNBLDREQU1FLDhDQUErQyxDQUwvQyxZQUFhLENBR2IsV0FBWSxDQURaLFFBQVMsQ0FEVCw2QkFBOEIsQ0FLOUIsbUJBQW9CLENBRnBCLHVCQUdGLENBQ0EsMERBQ0UsWUFBYSxDQUNiLGVBQ0YsQ0FDQSxnRUFDRSw4QkFDRixDQUNBLHdEQUNFLGlCQUNGLENBQ0EsZ0VBRUUsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRWxCLEtBQ0YsQ0FDQSxnRUFDRSxpQkFBa0IsQ0FDbEIsS0FDRixDQUNBLGtFQUtFLDhCQUErQixDQUMvQixlQUFnQixDQUpoQixpQ0FBb0MsQ0FLcEMsZ0JBQWlCLENBSmpCLFFBQVMsQ0FDVCxnQkFBa0IsQ0FJbEIsaUJBQWtCLENBUGxCLFVBUUYsQ0FFQSxvQ0FDRSxnQ0FDRiIsImZpbGUiOiJEYXRlVGltZVBpY2tlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucG9wb3ZlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRlbnQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucG9wb3ZlciAuYXNpZGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogOS4yNXJlbTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51IHtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgcGFkZGluZzogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51LWl0ZW0ge1xuICBoZWlnaHQ6IDJyZW07XG59XG4ucG9wb3ZlciAuYXNpZGUtbWVudS1pdGVtIGJ1dHRvbiB7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG4ucG9wb3ZlciAuY29udHJvbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDJyZW07XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZzogMnJlbSAycmVtIDAgMnJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scy5oYXMtZXJyb3Ige1xuICBnYXA6IGNhbGMoMnJlbSAtIDE1LjU2ODFweCk7XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDJyZW07XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwgPiAqIHtcbiAgZmxleC1ncm93OiAxO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzLXBhbmVsLnNldC1oZWlnaHQge1xuICBtaW4taGVpZ2h0OiAxNy41cmVtO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICB3aWR0aDogY2FsYygxMDAlIC0gM3JlbSk7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xuICBwYWRkaW5nOiAxcmVtIDEuNXJlbTtcbn1cbi5wb3BvdmVyIC5pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1heC13aWR0aDogMTRyZW07XG59XG4ucG9wb3ZlciAuaW5wdXQgbGFiZWwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xufVxuLnBvcG92ZXIgLm5hdiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbn1cbi5wb3BvdmVyIC5uZXh0LWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMjcuMzEyNXJlbTtcbiAgdG9wOiAwO1xufVxuLnBvcG92ZXIgLnByZXYtYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG59XG4ucG9wb3ZlciAubW9udGgtY2FwdGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC43NXJlbSAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbn0iXX0= */";
-var classes = {"popover":"DateTimePicker_popover_jzOEv","content-wrapper":"DateTimePicker_content-wrapper_jzOEv","aside":"DateTimePicker_aside_jzOEv","aside-menu":"DateTimePicker_aside-menu_jzOEv","aside-menu-item":"DateTimePicker_aside-menu-item_jzOEv","controls":"DateTimePicker_controls_jzOEv","has-error":"DateTimePicker_has-error_jzOEv","controls-panel":"DateTimePicker_controls-panel_jzOEv","set-height":"DateTimePicker_set-height_jzOEv","actions":"DateTimePicker_actions_jzOEv","input":"DateTimePicker_input_jzOEv","nav":"DateTimePicker_nav_jzOEv","next-button":"DateTimePicker_next-button_jzOEv","prev-button":"DateTimePicker_prev-button_jzOEv","month-caption":"DateTimePicker_month-caption_jzOEv","error-message":"DateTimePicker_error-message_jzOEv"};
+var css_248z = "/*!\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_Pphm5{align-items:flex-start;display:flex;flex-direction:column;min-width:40rem}.DateTimePicker_popover_Pphm5 .DateTimePicker_content-wrapper_Pphm5{display:flex}.DateTimePicker_popover_Pphm5 .DateTimePicker_aside_Pphm5{border-right:1px solid var(--color-blue-grey100);display:flex;flex-direction:column;width:9.25rem}.DateTimePicker_popover_Pphm5 .DateTimePicker_aside-menu_Pphm5{list-style:none;margin:.5rem 0;padding:0;white-space:nowrap}.DateTimePicker_popover_Pphm5 .DateTimePicker_aside-menu-item_Pphm5{height:2rem}.DateTimePicker_popover_Pphm5 .DateTimePicker_aside-menu-item_Pphm5 button{font-size:var(--font-size-sub);line-height:1.33;padding:.5rem .75rem;text-align:start}.DateTimePicker_popover_Pphm5 .DateTimePicker_controls_Pphm5{display:flex;flex-direction:column;flex-grow:1;gap:2rem;padding:2rem 2rem 0}.DateTimePicker_popover_Pphm5 .DateTimePicker_controls_Pphm5.DateTimePicker_has-error_Pphm5{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_Pphm5 .DateTimePicker_controls-panel_Pphm5{display:flex;gap:2rem}.DateTimePicker_popover_Pphm5 .DateTimePicker_controls-panel_Pphm5>*{flex-grow:1}.DateTimePicker_popover_Pphm5 .DateTimePicker_controls-panel_Pphm5.DateTimePicker_set-height_Pphm5{min-height:17.5rem}.DateTimePicker_popover_Pphm5 .DateTimePicker_actions_Pphm5{border-top:1px solid var(--color-blue-grey100);display:flex;flex-grow:1;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;width:calc(100% - 3rem)}.DateTimePicker_popover_Pphm5 .DateTimePicker_input_Pphm5{margin-top:0;max-width:14rem}.DateTimePicker_popover_Pphm5 .DateTimePicker_input_Pphm5 label{font-size:var(--font-size-sub)}.DateTimePicker_popover_Pphm5 .DateTimePicker_nav_Pphm5{position:absolute}.DateTimePicker_popover_Pphm5 .DateTimePicker_next-button_Pphm5{left:27.3125rem;position:absolute;top:0}.DateTimePicker_popover_Pphm5 .DateTimePicker_prev-button_Pphm5{position:absolute;top:0}.DateTimePicker_popover_Pphm5 .DateTimePicker_month-caption_Pphm5{font-size:var(--font-size-sub);font-weight:500;height:calc(var(--font-size)*2.5);line-height:1.33;margin:0;padding:.75rem 0;text-align:center;width:100%}.DateTimePicker_error-message_Pphm5{font-size:var(--font-size-small)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVUaW1lUGlja2VyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsOEJBR0Usc0JBQXVCLENBRnZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsZUFDRixDQUNBLG9FQUNFLFlBQ0YsQ0FDQSwwREFJRSxnREFBaUQsQ0FIakQsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixhQUVGLENBQ0EsK0RBSUUsZUFBZ0IsQ0FIaEIsY0FBZ0IsQ0FDaEIsU0FBVSxDQUNWLGtCQUVGLENBQ0Esb0VBQ0UsV0FDRixDQUNBLDJFQUVFLDhCQUErQixDQUMvQixnQkFBaUIsQ0FGakIsb0JBQXVCLENBR3ZCLGdCQUNGLENBQ0EsNkRBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixXQUFZLENBRFosUUFBUyxDQUVULG1CQUNGLENBQ0EsNEZBQ0UsMEJBQ0YsQ0FDQSxtRUFDRSxZQUFhLENBQ2IsUUFDRixDQUNBLHFFQUNFLFdBQ0YsQ0FDQSxtR0FDRSxrQkFDRixDQUNBLDREQU1FLDhDQUErQyxDQUwvQyxZQUFhLENBR2IsV0FBWSxDQURaLFFBQVMsQ0FEVCw2QkFBOEIsQ0FLOUIsbUJBQW9CLENBRnBCLHVCQUdGLENBQ0EsMERBQ0UsWUFBYSxDQUNiLGVBQ0YsQ0FDQSxnRUFDRSw4QkFDRixDQUNBLHdEQUNFLGlCQUNGLENBQ0EsZ0VBRUUsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRWxCLEtBQ0YsQ0FDQSxnRUFDRSxpQkFBa0IsQ0FDbEIsS0FDRixDQUNBLGtFQUtFLDhCQUErQixDQUMvQixlQUFnQixDQUpoQixpQ0FBb0MsQ0FLcEMsZ0JBQWlCLENBSmpCLFFBQVMsQ0FDVCxnQkFBa0IsQ0FJbEIsaUJBQWtCLENBUGxCLFVBUUYsQ0FFQSxvQ0FDRSxnQ0FDRiIsImZpbGUiOiJEYXRlVGltZVBpY2tlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucG9wb3ZlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRlbnQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucG9wb3ZlciAuYXNpZGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogOS4yNXJlbTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51IHtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgcGFkZGluZzogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51LWl0ZW0ge1xuICBoZWlnaHQ6IDJyZW07XG59XG4ucG9wb3ZlciAuYXNpZGUtbWVudS1pdGVtIGJ1dHRvbiB7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG4ucG9wb3ZlciAuY29udHJvbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDJyZW07XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZzogMnJlbSAycmVtIDAgMnJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scy5oYXMtZXJyb3Ige1xuICBnYXA6IGNhbGMoMnJlbSAtIDE1LjU2ODFweCk7XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDJyZW07XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwgPiAqIHtcbiAgZmxleC1ncm93OiAxO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzLXBhbmVsLnNldC1oZWlnaHQge1xuICBtaW4taGVpZ2h0OiAxNy41cmVtO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICB3aWR0aDogY2FsYygxMDAlIC0gM3JlbSk7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xuICBwYWRkaW5nOiAxcmVtIDEuNXJlbTtcbn1cbi5wb3BvdmVyIC5pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1heC13aWR0aDogMTRyZW07XG59XG4ucG9wb3ZlciAuaW5wdXQgbGFiZWwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xufVxuLnBvcG92ZXIgLm5hdiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbn1cbi5wb3BvdmVyIC5uZXh0LWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMjcuMzEyNXJlbTtcbiAgdG9wOiAwO1xufVxuLnBvcG92ZXIgLnByZXYtYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG59XG4ucG9wb3ZlciAubW9udGgtY2FwdGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC43NXJlbSAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbn0iXX0= */";
+var classes = {"popover":"DateTimePicker_popover_Pphm5","content-wrapper":"DateTimePicker_content-wrapper_Pphm5","aside":"DateTimePicker_aside_Pphm5","aside-menu":"DateTimePicker_aside-menu_Pphm5","aside-menu-item":"DateTimePicker_aside-menu-item_Pphm5","controls":"DateTimePicker_controls_Pphm5","has-error":"DateTimePicker_has-error_Pphm5","controls-panel":"DateTimePicker_controls-panel_Pphm5","set-height":"DateTimePicker_set-height_Pphm5","actions":"DateTimePicker_actions_Pphm5","input":"DateTimePicker_input_Pphm5","nav":"DateTimePicker_nav_Pphm5","next-button":"DateTimePicker_next-button_Pphm5","prev-button":"DateTimePicker_prev-button_Pphm5","month-caption":"DateTimePicker_month-caption_Pphm5","error-message":"DateTimePicker_error-message_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './DateTimePicker.module.scss.esm.js';
 import { DatePicker } from '../../../DatePicker/DatePicker.esm.js';
 import { IconButton } from '../../../Button/IconButton.esm.js';
@@ -37,13 +37,13 @@ const DateTimePickerCalendarSection = ({ previousMonth, nextMonth, selectedDate,
             }
         }
     };
-    return (React.createElement(DatePicker, { onSelect: onDatePickerSelect, value: selectedDate, disabled: disableDateRangePickers, mode: "range", components: {
-            Nav: ({ onNextClick, onPreviousClick }) => (React.createElement("div", { className: classes["nav"] },
-                React.createElement(IconButton, { title: previousMonth, onClick: onPreviousClick, className: classes["prev-button"], disabled: disableDateRangePickers },
-                    React.createElement(Icon, { size: "0.75rem", icon: Icons.ChevronLeft })),
-                React.createElement(IconButton, { title: nextMonth, onClick: onNextClick, className: classes["next-button"], disabled: disableDateRangePickers },
-                    React.createElement(Icon, { size: "0.75rem", icon: Icons.ChevronRight })))),
-            MonthCaption: ({ calendarMonth }) => (React.createElement(Typography, { className: classes["month-caption"], variant: "body" },
+    return (React__default.createElement(DatePicker, { onSelect: onDatePickerSelect, value: selectedDate, disabled: disableDateRangePickers, mode: "range", components: {
+            Nav: ({ onNextClick, onPreviousClick }) => (React__default.createElement("div", { className: classes["nav"] },
+                React__default.createElement(IconButton, { title: previousMonth, onClick: onPreviousClick, className: classes["prev-button"], disabled: disableDateRangePickers },
+                    React__default.createElement(Icon, { size: "0.75rem", icon: Icons.ChevronLeft })),
+                React__default.createElement(IconButton, { title: nextMonth, onClick: onNextClick, className: classes["next-button"], disabled: disableDateRangePickers },
+                    React__default.createElement(Icon, { size: "0.75rem", icon: Icons.ChevronRight })))),
+            MonthCaption: ({ calendarMonth }) => (React__default.createElement(Typography, { className: classes["month-caption"], variant: "body" },
                 getMonthName(calendarMonth.date),
                 " ",
                 getYearFromDate(calendarMonth.date)))

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePickerCalendarSection.esm.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":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBU,MAAA,6BAA6B,GAAG,CAAC,EAC5C,aAAa,EACb,SAAS,EACT,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,aAAa,EACP,KAAI;AACV,IAAA,MAAM,kBAAkB,GAAG,CAAC,IAAkC,KAAU;QACtE,IAAI,IAAI,EAAE;YACR,eAAe,CAAC,IAAiB,CAAC,CAAC;AAEnC,YAAA,MAAM,QAAQ,GAAI,IAAkB,CAAC,IAAI,CAAC;AAC1C,YAAA,MAAM,MAAM,GAAI,IAAkB,CAAC,EAAE,CAAC;YAEtC,IAAI,QAAQ,EAAE;AACZ,gBAAA,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC3C,gBAAgB,CAAC,EAAE,CAAC,CAAC;aACtB;YAED,IAAI,MAAM,EAAE;AACV,gBAAA,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;gBACvC,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;SACF;AACH,KAAC,CAAC;IACF,QACE,oBAAC,UAAU,EAAA,EACT,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,uBAAuB,EACjC,IAAI,EAAE,OAAO,EACb,UAAU,EAAE;AACV,YAAA,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,MACpC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,EAAA;AAC5B,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EACjC,QAAQ,EAAE,uBAAuB,EAAA;AAEjC,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAA,CAAI,CACrC;AACb,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EACjC,QAAQ,EAAE,uBAAuB,EAAA;AAEjC,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAI,CAAA,CACtC,CACT,CACP;YACD,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,MAC9B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,MAAM,EAAA;AAC5D,gBAAA,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC;;AAAG,gBAAA,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,CAC5D,CACd;AACF,SAAA,EACD,cAAc,EAAE,CAAC,EAAA,CACjB,EACF;AACJ;;;;"}
+{"version":3,"file":"DateTimePickerCalendarSection.esm.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":["React"],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBU,MAAA,6BAA6B,GAAG,CAAC,EAC5C,aAAa,EACb,SAAS,EACT,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,aAAa,EACP,KAAI;AACV,IAAA,MAAM,kBAAkB,GAAG,CAAC,IAAkC,KAAU;QACtE,IAAI,IAAI,EAAE;YACR,eAAe,CAAC,IAAiB,CAAC,CAAC;AAEnC,YAAA,MAAM,QAAQ,GAAI,IAAkB,CAAC,IAAI,CAAC;AAC1C,YAAA,MAAM,MAAM,GAAI,IAAkB,CAAC,EAAE,CAAC;YAEtC,IAAI,QAAQ,EAAE;AACZ,gBAAA,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC3C,gBAAgB,CAAC,EAAE,CAAC,CAAC;aACtB;YAED,IAAI,MAAM,EAAE;AACV,gBAAA,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;gBACvC,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;SACF;AACH,KAAC,CAAC;IACF,QACEA,6BAAC,UAAU,EAAA,EACT,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,uBAAuB,EACjC,IAAI,EAAE,OAAO,EACb,UAAU,EAAE;AACV,YAAA,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,MACpCA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,EAAA;AAC5B,gBAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EACjC,QAAQ,EAAE,uBAAuB,EAAA;AAEjC,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAA,CAAI,CACrC;AACb,gBAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EACjC,QAAQ,EAAE,uBAAuB,EAAA;AAEjC,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAI,CAAA,CACtC,CACT,CACP;YACD,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,MAC9BA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,MAAM,EAAA;AAC5D,gBAAA,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC;;AAAG,gBAAA,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,CAC5D,CACd;AACF,SAAA,EACD,cAAc,EAAE,CAAC,EAAA,CACjB,EACF;AACJ;;;;"}

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.esm.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React__default, { Fragment } from 'react';
 import { InputWrapper } from '../../../Form/Wrapper/InputWrapper/InputWrapper.esm.js';
 import classes from './DateTimePicker.module.scss.esm.js';
 import { parse } from 'date-fns';
@@ -38,11 +38,11 @@ const DateTimePickerInputSection = ({ from, to, dateInputPlaceholder, dateFormat
     const setToDate = (value) => setSelectedDate(prev => ({ from: prev === null || prev === void 0 ? void 0 : prev.from, to: parseDate(value) }));
     const onFromInputBlur = onInputBlur(setFromDateError, setFromDate);
     const onToInputBlur = onInputBlur(setToDateError, setToDate);
-    return (React.createElement(Fragment, null,
-        React.createElement(InputWrapper, { label: from, name: "fromDate", error: !!fromDateError, errorMessage: fromDateError, errorMessageProps: { className: classes["error-message"] }, helperProps: {
+    return (React__default.createElement(Fragment, null,
+        React__default.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"] }),
-        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: {
+        React__default.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" })));
 };

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePickerInputSection.esm.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":"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"}
+{"version":3,"file":"DateTimePickerInputSection.esm.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":["React"],"mappings":"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"}

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/SideMenu.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './DateTimePicker.module.scss.esm.js';
 import contextMenuItemClasses from '../../../ContextMenu/ContextMenuItem.module.scss.esm.js';
 
@@ -18,8 +18,8 @@ import contextMenuItemClasses from '../../../ContextMenu/ContextMenuItem.module.
  *    limitations under the License.
  */
 const SideMenu = ({ sideMenuItems, selectedItemId, onItemSelect }) => {
-    return (React.createElement("ul", { className: classes["aside-menu"] }, sideMenuItems.map(item => (React.createElement("li", { key: item.id, role: "none", className: `${contextMenuItemClasses["context-menu-item"]} ${classes["aside-menu-item"]}` },
-        React.createElement("button", { role: "menuitem", style: { height: "2rem" }, className: selectedItemId === item.id ? contextMenuItemClasses["active"] : undefined, onClick: () => onItemSelect(item.id) }, item.name))))));
+    return (React__default.createElement("ul", { className: classes["aside-menu"] }, sideMenuItems.map(item => (React__default.createElement("li", { key: item.id, role: "none", className: `${contextMenuItemClasses["context-menu-item"]} ${classes["aside-menu-item"]}` },
+        React__default.createElement("button", { role: "menuitem", style: { height: "2rem" }, className: selectedItemId === item.id ? contextMenuItemClasses["active"] : undefined, onClick: () => onItemSelect(item.id) }, item.name))))));
 };
 
 export { SideMenu };

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/SideMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.esm.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":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAcI,MAAM,QAAQ,GAAG,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAS,KAAI;AACjF,IAAA,QACE,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAA,EACjC,aAAa,CAAC,GAAG,CAAC,IAAI,KACrB,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,iBAAiB,CAAC,CAAE,CAAA,EAAA;QAEzF,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,GAAG,SAAS,EACpF,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEnC,IAAI,CAAC,IAAI,CACH,CACN,CACN,CAAC,CACC,EACL;AACJ;;;;"}
+{"version":3,"file":"SideMenu.esm.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":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAcI,MAAM,QAAQ,GAAG,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAS,KAAI;AACjF,IAAA,QACEA,cAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAA,EACjC,aAAa,CAAC,GAAG,CAAC,IAAI,KACrBA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,iBAAiB,CAAC,CAAE,CAAA,EAAA;QAEzFA,cACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,GAAG,SAAS,EACpF,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEnC,IAAI,CAAC,IAAI,CACH,CACN,CACN,CAAC,CACC,EACL;AACJ;;;;"}

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { DataGridHeaderCell } from './DataGridHeaderCell.esm.js';
 import classes from './DataGridHeader.module.scss.esm.js';
 
@@ -59,15 +59,15 @@ const DataGridHeaderComponent = ({ initialSort, onSort, headers, disableContextM
             headerStyle.paddingRight = spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight;
         }
         const sort = sortList.find(item => item.name === header.name);
-        return (React.createElement(DataGridHeaderCell, { key: header.name, name: header.name, headline: header.headline, disableSorting: (_b = header.disableSorting) !== null && _b !== void 0 ? _b : !onSort, onSort: wrapOnSort, activeSortDirection: sort === null || sort === void 0 ? void 0 : sort.direction, style: headerStyle }));
+        return (React__default.createElement(DataGridHeaderCell, { key: header.name, name: header.name, headline: header.headline, disableSorting: (_b = header.disableSorting) !== null && _b !== void 0 ? _b : !onSort, onSort: wrapOnSort, activeSortDirection: sort === null || sort === void 0 ? void 0 : sort.direction, style: headerStyle }));
     });
-    return (React.createElement("thead", { ...rest, ref: ref },
-        React.createElement("tr", { className: classes["row"] },
-            enableExpandableRow && (React.createElement("td", { style: { paddingRight: spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight }, "aria-label": "expandable row" })),
+    return (React__default.createElement("thead", { ...rest, ref: ref },
+        React__default.createElement("tr", { className: classes["row"] },
+            enableExpandableRow && (React__default.createElement("td", { style: { paddingRight: spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight }, "aria-label": "expandable row" })),
             headerCells,
-            !disableContextMenuColumn && (React.createElement("td", { style: { paddingRight: spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight }, "aria-label": "context menu", className: classes["context-menu"] })))));
+            !disableContextMenuColumn && (React__default.createElement("td", { style: { paddingRight: spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight }, "aria-label": "context menu", className: classes["context-menu"] })))));
 };
-const DataGridHeader = React.forwardRef(DataGridHeaderComponent);
+const DataGridHeader = React__default.forwardRef(DataGridHeaderComponent);
 
 export { DataGridHeader };
 //# sourceMappingURL=DataGridHeader.esm.js.map

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeader.esm.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":[],"mappings":"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"}
+{"version":3,"file":"DataGridHeader.esm.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":["React"],"mappings":"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"}