@onewelcome/react-lib-components 8.12.0 → 8.12.2

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridSearchbar.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridSearchbar.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, { useState, useEffect } from \"react\";\nimport {\n  InputWrapper,\n  Props as InputWrapperProps\n} from \"../../Form/Wrapper/InputWrapper/InputWrapper\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { useDebouncedCallback } from \"../../../hooks/useDebouncedCallback\";\n\nexport interface DataGridSearchbarProps {\n  onSearch: (value: string) => void;\n  initialSearchValue?: string;\n  debounceTime?: number;\n  placeholder?: string;\n  inputWrapperProps?: InputWrapperProps;\n}\n\nexport const DataGridSearchbar = ({\n  onSearch,\n  initialSearchValue,\n  debounceTime,\n  inputWrapperProps,\n  placeholder\n}: DataGridSearchbarProps) => {\n  const [search, setSearch] = useState(initialSearchValue ?? \"\");\n  const debouncedCallback = useDebouncedCallback(onSearch, debounceTime ?? 500);\n  const onSearchCallback = debounceTime ? debouncedCallback : onSearch;\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onSearchCallback(event.target.value);\n    setSearch(event.target.value);\n  };\n\n  useEffect(() => {\n    initialSearchValue && setSearch(initialSearchValue);\n  }, [initialSearchValue]);\n\n  return (\n    <InputWrapper\n      {...inputWrapperProps}\n      className={`${classes[\"searchbar\"]} ${inputWrapperProps?.className ?? \"\"}`}\n      label={inputWrapperProps?.label ?? \"\"}\n      onChange={onChange}\n      type=\"search\"\n      name={inputWrapperProps?.name ?? \"searchbar\"}\n      value={search}\n      inputProps={{\n        ...inputWrapperProps?.inputProps,\n        type: \"search\",\n        prefix: <Icon icon={Icons.Search} />,\n        placeholder: placeholder ?? \"Search items\"\n      }}\n    ></InputWrapper>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAmBU,MAAA,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACY,KAAI;;AAC3B,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,KAAA,CAAA,GAAA,kBAAkB,GAAI,EAAE,CAAC,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,QAAQ,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,YAAY,GAAI,GAAG,CAAC,CAAC;IAC9E,MAAM,gBAAgB,GAAG,YAAY,GAAG,iBAAiB,GAAG,QAAQ,CAAC;AAErE,IAAA,MAAM,QAAQ,GAAG,CAAC,KAA0C,KAAI;AAC9D,QAAA,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACrC,QAAA,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,IAAI,SAAS,CAAC,kBAAkB,CAAC,CAAC;AACtD,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAEzB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GACP,iBAAiB,EACrB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjB,iBAAiB,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,EAC1E,KAAK,EAAE,CAAA,EAAA,GAAA,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,EACrC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,CAAA,EAAA,GAAA,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,WAAW,EAC5C,KAAK,EAAE,MAAM,EACb,UAAU,EAAE;AACV,YAAA,GAAG,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,UAAU;AAChC,YAAA,IAAI,EAAE,QAAQ;YACd,MAAM,EAAEA,6BAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAI,CAAA;AACpC,YAAA,WAAW,EAAE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,cAAc;AAC3C,SAAA,EAAA,CACa,EAChB;AACJ;;;;"}
+{"version":3,"file":"DataGridSearchbar.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridSearchbar.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, { useState, useEffect } from \"react\";\nimport {\n  InputWrapper,\n  Props as InputWrapperProps\n} from \"../../Form/Wrapper/InputWrapper/InputWrapper\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { useDebouncedCallback } from \"../../../hooks/useDebouncedCallback\";\n\nexport interface DataGridSearchbarProps {\n  onSearch: (value: string) => void;\n  initialSearchValue?: string;\n  debounceTime?: number;\n  placeholder?: string;\n  inputWrapperProps?: InputWrapperProps;\n}\n\nexport const DataGridSearchbar = ({\n  onSearch,\n  initialSearchValue,\n  debounceTime,\n  inputWrapperProps,\n  placeholder\n}: DataGridSearchbarProps) => {\n  const [search, setSearch] = useState(initialSearchValue ?? \"\");\n  const debouncedCallback = useDebouncedCallback(onSearch, debounceTime ?? 500);\n  const onSearchCallback = debounceTime ? debouncedCallback : onSearch;\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onSearchCallback(event.target.value);\n    setSearch(event.target.value);\n  };\n\n  useEffect(() => {\n    initialSearchValue && setSearch(initialSearchValue);\n  }, [initialSearchValue]);\n\n  return (\n    <InputWrapper\n      {...inputWrapperProps}\n      className={`${classes[\"searchbar\"]} ${inputWrapperProps?.className ?? \"\"}`}\n      label={inputWrapperProps?.label ?? \"\"}\n      onChange={onChange}\n      type=\"search\"\n      name={inputWrapperProps?.name ?? \"searchbar\"}\n      value={search}\n      inputProps={{\n        ...inputWrapperProps?.inputProps,\n        type: \"search\",\n        prefix: <Icon icon={Icons.Search} />,\n        placeholder: placeholder ?? \"Search items\"\n      }}\n    ></InputWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAmBU,MAAA,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACY,KAAI;;AAC3B,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,KAAA,CAAA,GAAA,kBAAkB,GAAI,EAAE,CAAC,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,QAAQ,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,YAAY,GAAI,GAAG,CAAC,CAAC;IAC9E,MAAM,gBAAgB,GAAG,YAAY,GAAG,iBAAiB,GAAG,QAAQ,CAAC;AAErE,IAAA,MAAM,QAAQ,GAAG,CAAC,KAA0C,KAAI;AAC9D,QAAA,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACrC,QAAA,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,IAAI,SAAS,CAAC,kBAAkB,CAAC,CAAC;AACtD,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAEzB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GACP,iBAAiB,EACrB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjB,iBAAiB,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,EAC1E,KAAK,EAAE,CAAA,EAAA,GAAA,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,EACrC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,CAAA,EAAA,GAAA,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,WAAW,EAC5C,KAAK,EAAE,MAAM,EACb,UAAU,EAAE;AACV,YAAA,GAAG,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,UAAU;AAChC,YAAA,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,oBAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAI,CAAA;AACpC,YAAA,WAAW,EAAE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,cAAc;AAC3C,SAAA,EAAA,CACa,EAChB;AACJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default, { Fragment } from 'react';
+import React, { 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__default.createElement(Fragment, null,
+    return (React.createElement(Fragment, null,
         columnsMetadata &&
-            state.filters.map(filter => (React__default.createElement(DataGridFilter, { mode: "EDIT", key: filter.id, filter: filter, columnsMetadata: columnsMetadata, onFilterEdit: filter => {
+            state.filters.map(filter => (React.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__default.createElement("div", { className: classes["actions-wrapper"] },
-            columnsMetadata && (React__default.createElement(DataGridFilter, { mode: "ADD", customEditTagContent: customEditTagContent, columnsMetadata: columnsMetadata, onFilterAdd: filter => {
+        React.createElement("div", { className: classes["actions-wrapper"] },
+            columnsMetadata && (React.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__default.createElement("button", { type: "button", className: classes["clear-button"], onClick: () => {
+            columnsMetadata && state.filters.length >= 1 && (React.createElement("button", { type: "button", className: classes["clear-button"], onClick: () => {
                     clearFilters();
                     onFiltersClear && onFiltersClear();
                 } },
-                React__default.createElement(Typography, { variant: "body", className: classes["caption"] }, clearButtonCaption))),
-            dateFilterValue && (React__default.createElement(DataGridDateFilter, { dateFilterValue: dateFilterValue, onDateFilterValueChange: onDateFilterValueChange })))));
+                React.createElement(Typography, { variant: "body", className: classes["caption"] }, clearButtonCaption))),
+            dateFilterValue && (React.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":["React"],"mappings":"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"}
+{"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":"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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_NlMre{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar_hidden_NlMre{display:none}.DataGridToolbar_slide-in_NlMre{animation:DataGridToolbar_slide-in_NlMre .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-in_NlMre{animation-duration:.1ms}}.DataGridToolbar_slide-out_NlMre{animation:DataGridToolbar_slide-out_NlMre .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-out_NlMre{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_NlMre{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_NlMre{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 */\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_NlMre input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_NlMre{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar_wrapper_NlMre .DataGridToolbar_filter-section_NlMre{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar_wrapper_NlMre .DataGridToolbar_filter-section_NlMre .DataGridToolbar_searchbar_NlMre{flex-basis:15rem;min-width:7rem}.DataGridToolbar_wrapper_NlMre .DataGridToolbar_filter-section_NlMre .DataGridToolbar_actions-wrapper_NlMre{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar_wrapper_NlMre .DataGridToolbar_filter-section_NlMre .DataGridToolbar_clear-button_NlMre{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_NlMre .DataGridToolbar_filter-section_NlMre .DataGridToolbar_clear-button_NlMre:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridToolbar_wrapper_NlMre .DataGridToolbar_filter-section_NlMre .DataGridToolbar_clear-button_NlMre .DataGridToolbar_caption_NlMre{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_NlMre .DataGridToolbar_button-section_NlMre{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixnRkFDRSxjQUNGLENBRUEsK0JBRUUsc0JBQXVCLENBRHZCLFlBQWEsQ0FHYixTQUFXLENBRFgsNkJBQThCLENBRzlCLG1CQUFvQixDQURwQixVQUVGLENBQ0EscUVBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FNYixXQUFZLENBSFosY0FBZSxDQUNmLFNBQVcsQ0FGWCwwQkFBMkIsQ0FHM0IsVUFFRixDQUNBLHNHQUVFLGdCQUFpQixDQURqQixjQUVGLENBQ0EsNEdBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixTQUFXLENBRFgsMEJBRUYsQ0FDQSx5R0FDRSxlQUFnQixDQUNoQixXQUFZLENBQ1osY0FDRixDQUNBLHVIQUdFLHdDQUF5QyxDQUZ6Qyw0REFBZ0UsQ0FDaEUsZ0JBRUYsQ0FDQSx3SUFLRSw2QkFBOEIsQ0FIOUIsb0NBQXFDLENBQ3JDLHdDQUF5QyxDQUZ6QyxRQUFTLENBR1QseUJBRUYsQ0FDQSxxRUFJRSxrQkFBbUIsQ0FGbkIsWUFBYSxDQURiLGFBQWMsQ0FJZCxTQUFXLENBRlgsc0JBR0YiLCJmaWxlIjoiRGF0YUdyaWRUb29sYmFyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi53cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBjYWxjKDAuMTI1ICogdmFyKC0tZm9udC1zaXplKSkgc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4ud3JhcHBlciAuZmlsdGVyLXNlY3Rpb24gLmNsZWFyLWJ1dHRvbiAuY2FwdGlvbiB7XG4gIG1hcmdpbjogMDtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG59XG4ud3JhcHBlciAuYnV0dG9uLXNlY3Rpb24ge1xuICBmbGV4LXNocmluazogMDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xufSJdfQ== */";
-var classes = {"sr-only":"DataGridToolbar_sr-only_NlMre","hidden":"DataGridToolbar_hidden_NlMre","slide-in":"DataGridToolbar_slide-in_NlMre","slide-out":"DataGridToolbar_slide-out_NlMre","wrapper":"DataGridToolbar_wrapper_NlMre","filter-section":"DataGridToolbar_filter-section_NlMre","searchbar":"DataGridToolbar_searchbar_NlMre","actions-wrapper":"DataGridToolbar_actions-wrapper_NlMre","clear-button":"DataGridToolbar_clear-button_NlMre","caption":"DataGridToolbar_caption_NlMre","button-section":"DataGridToolbar_button-section_NlMre"};
+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_rE09l{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar_hidden_rE09l{display:none}.DataGridToolbar_slide-in_rE09l{animation:DataGridToolbar_slide-in_rE09l .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-in_rE09l{animation-duration:.1ms}}.DataGridToolbar_slide-out_rE09l{animation:DataGridToolbar_slide-out_rE09l .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar_slide-out_rE09l{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_rE09l{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_rE09l{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 */\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_rE09l input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_rE09l{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar_wrapper_rE09l .DataGridToolbar_filter-section_rE09l{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar_wrapper_rE09l .DataGridToolbar_filter-section_rE09l .DataGridToolbar_searchbar_rE09l{flex-basis:15rem;min-width:7rem}.DataGridToolbar_wrapper_rE09l .DataGridToolbar_filter-section_rE09l .DataGridToolbar_actions-wrapper_rE09l{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar_wrapper_rE09l .DataGridToolbar_filter-section_rE09l .DataGridToolbar_clear-button_rE09l{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_rE09l .DataGridToolbar_filter-section_rE09l .DataGridToolbar_clear-button_rE09l:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridToolbar_wrapper_rE09l .DataGridToolbar_filter-section_rE09l .DataGridToolbar_clear-button_rE09l .DataGridToolbar_caption_rE09l{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_rE09l .DataGridToolbar_button-section_rE09l{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixnRkFDRSxjQUNGLENBRUEsK0JBRUUsc0JBQXVCLENBRHZCLFlBQWEsQ0FHYixTQUFXLENBRFgsNkJBQThCLENBRzlCLG1CQUFvQixDQURwQixVQUVGLENBQ0EscUVBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FNYixXQUFZLENBSFosY0FBZSxDQUNmLFNBQVcsQ0FGWCwwQkFBMkIsQ0FHM0IsVUFFRixDQUNBLHNHQUVFLGdCQUFpQixDQURqQixjQUVGLENBQ0EsNEdBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixTQUFXLENBRFgsMEJBRUYsQ0FDQSx5R0FDRSxlQUFnQixDQUNoQixXQUFZLENBQ1osY0FDRixDQUNBLHVIQUdFLHdDQUF5QyxDQUZ6Qyw0REFBZ0UsQ0FDaEUsZ0JBRUYsQ0FDQSx3SUFLRSw2QkFBOEIsQ0FIOUIsb0NBQXFDLENBQ3JDLHdDQUF5QyxDQUZ6QyxRQUFTLENBR1QseUJBRUYsQ0FDQSxxRUFJRSxrQkFBbUIsQ0FGbkIsWUFBYSxDQURiLGFBQWMsQ0FJZCxTQUFXLENBRlgsc0JBR0YiLCJmaWxlIjoiRGF0YUdyaWRUb29sYmFyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi53cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBjYWxjKDAuMTI1ICogdmFyKC0tZm9udC1zaXplKSkgc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4ud3JhcHBlciAuZmlsdGVyLXNlY3Rpb24gLmNsZWFyLWJ1dHRvbiAuY2FwdGlvbiB7XG4gIG1hcmdpbjogMDtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG59XG4ud3JhcHBlciAuYnV0dG9uLXNlY3Rpb24ge1xuICBmbGV4LXNocmluazogMDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xufSJdfQ== */";
+var classes = {"sr-only":"DataGridToolbar_sr-only_rE09l","hidden":"DataGridToolbar_hidden_rE09l","slide-in":"DataGridToolbar_slide-in_rE09l","slide-out":"DataGridToolbar_slide-out_rE09l","wrapper":"DataGridToolbar_wrapper_rE09l","filter-section":"DataGridToolbar_filter-section_rE09l","searchbar":"DataGridToolbar_searchbar_rE09l","actions-wrapper":"DataGridToolbar_actions-wrapper_rE09l","clear-button":"DataGridToolbar_clear-button_rE09l","caption":"DataGridToolbar_caption_rE09l","button-section":"DataGridToolbar_button-section_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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__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)));
+    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)));
 };
-const DataGridToolbarWrapper = React__default.forwardRef(DataGridToolbarWrapperComponent);
+const DataGridToolbarWrapper = React.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":["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;;;;"}
+{"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;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { 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__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))))));
+    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))))));
 };
 
 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":["React"],"mappings":"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"}
+{"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":"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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_NlMre{align-items:flex-start;display:flex;flex-direction:column;min-width:40rem}.DateTimePicker_popover_NlMre .DateTimePicker_content-wrapper_NlMre{display:flex}.DateTimePicker_popover_NlMre .DateTimePicker_aside_NlMre{border-right:1px solid var(--color-blue-grey100);display:flex;flex-direction:column;width:9.25rem}.DateTimePicker_popover_NlMre .DateTimePicker_aside-menu_NlMre{list-style:none;margin:.5rem 0;padding:0;white-space:nowrap}.DateTimePicker_popover_NlMre .DateTimePicker_aside-menu-item_NlMre{height:2rem}.DateTimePicker_popover_NlMre .DateTimePicker_aside-menu-item_NlMre button{font-size:var(--font-size-sub);line-height:1.33;padding:.5rem .75rem;text-align:start}.DateTimePicker_popover_NlMre .DateTimePicker_controls_NlMre{display:flex;flex-direction:column;flex-grow:1;gap:2rem;padding:2rem 2rem 0}.DateTimePicker_popover_NlMre .DateTimePicker_controls_NlMre.DateTimePicker_has-error_NlMre{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_NlMre .DateTimePicker_controls-panel_NlMre{display:flex;gap:2rem}.DateTimePicker_popover_NlMre .DateTimePicker_controls-panel_NlMre>*{flex-grow:1}.DateTimePicker_popover_NlMre .DateTimePicker_controls-panel_NlMre.DateTimePicker_set-height_NlMre{min-height:17.5rem}.DateTimePicker_popover_NlMre .DateTimePicker_actions_NlMre{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_NlMre .DateTimePicker_input_NlMre{margin-top:0;max-width:14rem}.DateTimePicker_popover_NlMre .DateTimePicker_input_NlMre label{font-size:var(--font-size-sub)}.DateTimePicker_popover_NlMre .DateTimePicker_nav_NlMre{position:absolute}.DateTimePicker_popover_NlMre .DateTimePicker_next-button_NlMre{left:27.3125rem;position:absolute;top:0}.DateTimePicker_popover_NlMre .DateTimePicker_prev-button_NlMre{position:absolute;top:0}.DateTimePicker_popover_NlMre .DateTimePicker_month-caption_NlMre{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_NlMre{font-size:var(--font-size-small)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVUaW1lUGlja2VyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsOEJBR0Usc0JBQXVCLENBRnZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsZUFDRixDQUNBLG9FQUNFLFlBQ0YsQ0FDQSwwREFJRSxnREFBaUQsQ0FIakQsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixhQUVGLENBQ0EsK0RBSUUsZUFBZ0IsQ0FIaEIsY0FBZ0IsQ0FDaEIsU0FBVSxDQUNWLGtCQUVGLENBQ0Esb0VBQ0UsV0FDRixDQUNBLDJFQUVFLDhCQUErQixDQUMvQixnQkFBaUIsQ0FGakIsb0JBQXVCLENBR3ZCLGdCQUNGLENBQ0EsNkRBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixXQUFZLENBRFosUUFBUyxDQUVULG1CQUNGLENBQ0EsNEZBQ0UsMEJBQ0YsQ0FDQSxtRUFDRSxZQUFhLENBQ2IsUUFDRixDQUNBLHFFQUNFLFdBQ0YsQ0FDQSxtR0FDRSxrQkFDRixDQUNBLDREQU1FLDhDQUErQyxDQUwvQyxZQUFhLENBR2IsV0FBWSxDQURaLFFBQVMsQ0FEVCw2QkFBOEIsQ0FLOUIsbUJBQW9CLENBRnBCLHVCQUdGLENBQ0EsMERBQ0UsWUFBYSxDQUNiLGVBQ0YsQ0FDQSxnRUFDRSw4QkFDRixDQUNBLHdEQUNFLGlCQUNGLENBQ0EsZ0VBRUUsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRWxCLEtBQ0YsQ0FDQSxnRUFDRSxpQkFBa0IsQ0FDbEIsS0FDRixDQUNBLGtFQUtFLDhCQUErQixDQUMvQixlQUFnQixDQUpoQixpQ0FBb0MsQ0FLcEMsZ0JBQWlCLENBSmpCLFFBQVMsQ0FDVCxnQkFBa0IsQ0FJbEIsaUJBQWtCLENBUGxCLFVBUUYsQ0FFQSxvQ0FDRSxnQ0FDRiIsImZpbGUiOiJEYXRlVGltZVBpY2tlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucG9wb3ZlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRlbnQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucG9wb3ZlciAuYXNpZGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogOS4yNXJlbTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51IHtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgcGFkZGluZzogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51LWl0ZW0ge1xuICBoZWlnaHQ6IDJyZW07XG59XG4ucG9wb3ZlciAuYXNpZGUtbWVudS1pdGVtIGJ1dHRvbiB7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG4ucG9wb3ZlciAuY29udHJvbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDJyZW07XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZzogMnJlbSAycmVtIDAgMnJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scy5oYXMtZXJyb3Ige1xuICBnYXA6IGNhbGMoMnJlbSAtIDE1LjU2ODFweCk7XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDJyZW07XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwgPiAqIHtcbiAgZmxleC1ncm93OiAxO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzLXBhbmVsLnNldC1oZWlnaHQge1xuICBtaW4taGVpZ2h0OiAxNy41cmVtO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICB3aWR0aDogY2FsYygxMDAlIC0gM3JlbSk7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xuICBwYWRkaW5nOiAxcmVtIDEuNXJlbTtcbn1cbi5wb3BvdmVyIC5pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1heC13aWR0aDogMTRyZW07XG59XG4ucG9wb3ZlciAuaW5wdXQgbGFiZWwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xufVxuLnBvcG92ZXIgLm5hdiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbn1cbi5wb3BvdmVyIC5uZXh0LWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMjcuMzEyNXJlbTtcbiAgdG9wOiAwO1xufVxuLnBvcG92ZXIgLnByZXYtYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG59XG4ucG9wb3ZlciAubW9udGgtY2FwdGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC43NXJlbSAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbn0iXX0= */";
-var classes = {"popover":"DateTimePicker_popover_NlMre","content-wrapper":"DateTimePicker_content-wrapper_NlMre","aside":"DateTimePicker_aside_NlMre","aside-menu":"DateTimePicker_aside-menu_NlMre","aside-menu-item":"DateTimePicker_aside-menu-item_NlMre","controls":"DateTimePicker_controls_NlMre","has-error":"DateTimePicker_has-error_NlMre","controls-panel":"DateTimePicker_controls-panel_NlMre","set-height":"DateTimePicker_set-height_NlMre","actions":"DateTimePicker_actions_NlMre","input":"DateTimePicker_input_NlMre","nav":"DateTimePicker_nav_NlMre","next-button":"DateTimePicker_next-button_NlMre","prev-button":"DateTimePicker_prev-button_NlMre","month-caption":"DateTimePicker_month-caption_NlMre","error-message":"DateTimePicker_error-message_NlMre"};
+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_rE09l{align-items:flex-start;display:flex;flex-direction:column;min-width:40rem}.DateTimePicker_popover_rE09l .DateTimePicker_content-wrapper_rE09l{display:flex}.DateTimePicker_popover_rE09l .DateTimePicker_aside_rE09l{border-right:1px solid var(--color-blue-grey100);display:flex;flex-direction:column;width:9.25rem}.DateTimePicker_popover_rE09l .DateTimePicker_aside-menu_rE09l{list-style:none;margin:.5rem 0;padding:0;white-space:nowrap}.DateTimePicker_popover_rE09l .DateTimePicker_aside-menu-item_rE09l{height:2rem}.DateTimePicker_popover_rE09l .DateTimePicker_aside-menu-item_rE09l button{font-size:var(--font-size-sub);line-height:1.33;padding:.5rem .75rem;text-align:start}.DateTimePicker_popover_rE09l .DateTimePicker_controls_rE09l{display:flex;flex-direction:column;flex-grow:1;gap:2rem;padding:2rem 2rem 0}.DateTimePicker_popover_rE09l .DateTimePicker_controls_rE09l.DateTimePicker_has-error_rE09l{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_rE09l .DateTimePicker_controls-panel_rE09l{display:flex;gap:2rem}.DateTimePicker_popover_rE09l .DateTimePicker_controls-panel_rE09l>*{flex-grow:1}.DateTimePicker_popover_rE09l .DateTimePicker_controls-panel_rE09l.DateTimePicker_set-height_rE09l{min-height:17.5rem}.DateTimePicker_popover_rE09l .DateTimePicker_actions_rE09l{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_rE09l .DateTimePicker_input_rE09l{margin-top:0;max-width:14rem}.DateTimePicker_popover_rE09l .DateTimePicker_input_rE09l label{font-size:var(--font-size-sub)}.DateTimePicker_popover_rE09l .DateTimePicker_nav_rE09l{position:absolute}.DateTimePicker_popover_rE09l .DateTimePicker_next-button_rE09l{left:27.3125rem;position:absolute;top:0}.DateTimePicker_popover_rE09l .DateTimePicker_prev-button_rE09l{position:absolute;top:0}.DateTimePicker_popover_rE09l .DateTimePicker_month-caption_rE09l{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_rE09l{font-size:var(--font-size-small)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVUaW1lUGlja2VyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsOEJBR0Usc0JBQXVCLENBRnZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsZUFDRixDQUNBLG9FQUNFLFlBQ0YsQ0FDQSwwREFJRSxnREFBaUQsQ0FIakQsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixhQUVGLENBQ0EsK0RBSUUsZUFBZ0IsQ0FIaEIsY0FBZ0IsQ0FDaEIsU0FBVSxDQUNWLGtCQUVGLENBQ0Esb0VBQ0UsV0FDRixDQUNBLDJFQUVFLDhCQUErQixDQUMvQixnQkFBaUIsQ0FGakIsb0JBQXVCLENBR3ZCLGdCQUNGLENBQ0EsNkRBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixXQUFZLENBRFosUUFBUyxDQUVULG1CQUNGLENBQ0EsNEZBQ0UsMEJBQ0YsQ0FDQSxtRUFDRSxZQUFhLENBQ2IsUUFDRixDQUNBLHFFQUNFLFdBQ0YsQ0FDQSxtR0FDRSxrQkFDRixDQUNBLDREQU1FLDhDQUErQyxDQUwvQyxZQUFhLENBR2IsV0FBWSxDQURaLFFBQVMsQ0FEVCw2QkFBOEIsQ0FLOUIsbUJBQW9CLENBRnBCLHVCQUdGLENBQ0EsMERBQ0UsWUFBYSxDQUNiLGVBQ0YsQ0FDQSxnRUFDRSw4QkFDRixDQUNBLHdEQUNFLGlCQUNGLENBQ0EsZ0VBRUUsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRWxCLEtBQ0YsQ0FDQSxnRUFDRSxpQkFBa0IsQ0FDbEIsS0FDRixDQUNBLGtFQUtFLDhCQUErQixDQUMvQixlQUFnQixDQUpoQixpQ0FBb0MsQ0FLcEMsZ0JBQWlCLENBSmpCLFFBQVMsQ0FDVCxnQkFBa0IsQ0FJbEIsaUJBQWtCLENBUGxCLFVBUUYsQ0FFQSxvQ0FDRSxnQ0FDRiIsImZpbGUiOiJEYXRlVGltZVBpY2tlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucG9wb3ZlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRlbnQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucG9wb3ZlciAuYXNpZGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogOS4yNXJlbTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51IHtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgcGFkZGluZzogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cbi5wb3BvdmVyIC5hc2lkZS1tZW51LWl0ZW0ge1xuICBoZWlnaHQ6IDJyZW07XG59XG4ucG9wb3ZlciAuYXNpZGUtbWVudS1pdGVtIGJ1dHRvbiB7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG4ucG9wb3ZlciAuY29udHJvbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDJyZW07XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZzogMnJlbSAycmVtIDAgMnJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scy5oYXMtZXJyb3Ige1xuICBnYXA6IGNhbGMoMnJlbSAtIDE1LjU2ODFweCk7XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDJyZW07XG59XG4ucG9wb3ZlciAuY29udHJvbHMtcGFuZWwgPiAqIHtcbiAgZmxleC1ncm93OiAxO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzLXBhbmVsLnNldC1oZWlnaHQge1xuICBtaW4taGVpZ2h0OiAxNy41cmVtO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICB3aWR0aDogY2FsYygxMDAlIC0gM3JlbSk7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xuICBwYWRkaW5nOiAxcmVtIDEuNXJlbTtcbn1cbi5wb3BvdmVyIC5pbnB1dCB7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1heC13aWR0aDogMTRyZW07XG59XG4ucG9wb3ZlciAuaW5wdXQgbGFiZWwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xufVxuLnBvcG92ZXIgLm5hdiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbn1cbi5wb3BvdmVyIC5uZXh0LWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMjcuMzEyNXJlbTtcbiAgdG9wOiAwO1xufVxuLnBvcG92ZXIgLnByZXYtYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG59XG4ucG9wb3ZlciAubW9udGgtY2FwdGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC43NXJlbSAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMS4zMztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbn0iXX0= */";
+var classes = {"popover":"DateTimePicker_popover_rE09l","content-wrapper":"DateTimePicker_content-wrapper_rE09l","aside":"DateTimePicker_aside_rE09l","aside-menu":"DateTimePicker_aside-menu_rE09l","aside-menu-item":"DateTimePicker_aside-menu-item_rE09l","controls":"DateTimePicker_controls_rE09l","has-error":"DateTimePicker_has-error_rE09l","controls-panel":"DateTimePicker_controls-panel_rE09l","set-height":"DateTimePicker_set-height_rE09l","actions":"DateTimePicker_actions_rE09l","input":"DateTimePicker_input_rE09l","nav":"DateTimePicker_nav_rE09l","next-button":"DateTimePicker_next-button_rE09l","prev-button":"DateTimePicker_prev-button_rE09l","month-caption":"DateTimePicker_month-caption_rE09l","error-message":"DateTimePicker_error-message_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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__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" },
+    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" },
                 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":["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;;;;"}
+{"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;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default, { Fragment } from 'react';
+import React, { 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__default.createElement(Fragment, null,
-        React__default.createElement(InputWrapper, { label: from, name: "fromDate", error: !!fromDateError, errorMessage: fromDateError, errorMessageProps: { className: classes["error-message"] }, helperProps: {
+    return (React.createElement(Fragment, null,
+        React.createElement(InputWrapper, { label: from, name: "fromDate", error: !!fromDateError, errorMessage: fromDateError, errorMessageProps: { className: classes["error-message"] }, helperProps: {
                 style: { fontSize: "0.625rem" }
             }, type: "text", value: fromDateText, onBlur: onFromInputBlur, onChange: e => setFromDateText(e.target.value), inputProps: { style: { height: "2rem" }, placeholder: dateInputPlaceholder }, className: classes["input"] }),
-        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: {
+        React.createElement(InputWrapper, { className: classes["input"], inputProps: { style: { height: "2rem" }, placeholder: dateInputPlaceholder }, label: to, value: toDateText, error: !!toDateError, errorMessage: toDateError, errorMessageProps: { className: classes["error-message"] }, helperProps: {
                 style: { fontSize: "0.625rem" }
             }, onChange: e => setToDateText(e.target.value), onBlur: onToInputBlur, name: "toDate", type: "text" })));
 };

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":["React"],"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":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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__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))))));
+    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))))));
 };
 
 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":["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;;;;"}
+{"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;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { 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__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(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("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" })),
+    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" })),
             headerCells,
-            !disableContextMenuColumn && (React__default.createElement("td", { style: { paddingRight: spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight }, "aria-label": "context menu", className: classes["context-menu"] })))));
+            !disableContextMenuColumn && (React.createElement("td", { style: { paddingRight: spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight }, "aria-label": "context menu", className: classes["context-menu"] })))));
 };
-const DataGridHeader = React__default.forwardRef(DataGridHeaderComponent);
+const DataGridHeader = React.forwardRef(DataGridHeaderComponent);
 
 export { DataGridHeader };
 //# sourceMappingURL=DataGridHeader.esm.js.map