@onewelcome/react-lib-components 8.14.0 → 8.16.0

package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.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 */\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 */.DataGridRow_row_DsK2j{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow_row_DsK2j:not(.DataGridRow_loading_DsK2j):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_DsK2j.DataGridRow_border-0_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow_row_DsK2j.DataGridRow_border-1_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow_row_DsK2j.DataGridRow_border-2_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow_row_DsK2j.DataGridRow_border-3_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow_row_DsK2j.DataGridRow_border-4_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow_row_DsK2j.DataGridRow_border-5_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow_row_DsK2j.DataGridRow_border-6_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow_row_DsK2j.DataGridRow_border-drawer_DsK2j:not(:nth-last-child(2)):after,.DataGridRow_row_DsK2j.DataGridRow_border_DsK2j:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridRow_expand-button-cell_DsK2j{padding:0}.DataGridRow_connector_DsK2j{height:calc(var(--font-size)*3.25);left:0;position:absolute;top:0;width:2.875rem}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-0_DsK2j{left:0}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-1_DsK2j{left:4.125rem}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-2_DsK2j{left:8.25rem}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-3_DsK2j{left:12.375rem}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-4_DsK2j{left:16.5rem}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-5_DsK2j{left:20.625rem}.DataGridRow_connector_DsK2j.DataGridRow_offset-left-6_DsK2j{left:24.75rem}.DataGridRow_connector_DsK2j.DataGridRow_vertical_DsK2j:before{background-color:var(--color-blue-grey200);content:\"\";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_DsK2j.DataGridRow_t-shape_DsK2j:before{background-color:var(--color-blue-grey200);content:\"\";height:calc(var(--font-size)*3.25);left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_DsK2j.DataGridRow_t-shape_DsK2j:after{background-color:var(--color-blue-grey200);content:\"\";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow_connector_DsK2j.DataGridRow_line_DsK2j:before{background-color:var(--color-blue-grey200);content:\"\";height:50%;left:50%;position:absolute;width:1px}.DataGridRow_connector_DsK2j.DataGridRow_line_DsK2j:after{background-color:var(--color-blue-grey200);content:\"\";height:1px;left:50%;position:absolute;top:50%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQUVFLHNEQUF1RCxDQUR2RCxpQkFFRixDQUNBLDZEQUNFLDREQUNGLENBQ0Esd0RBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsY0FBZSxDQUZmLGlCQUFrQixDQUNsQiw0QkFJRixDQUNBLHdEQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGNBQWUsQ0FGZixpQkFBa0IsQ0FDbEIsNEJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FTQSwySUFGRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBWUYsQ0FFQSxzQ0FDRSxTQUNGLENBRUEsNkJBS0Usa0NBQXFDLENBRnJDLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLGNBRUYsQ0FDQSw2REFDRSxNQUNGLENBQ0EsNkRBQ0UsYUFDRixDQUNBLDZEQUNFLFlBQ0YsQ0FDQSw2REFDRSxjQUNGLENBQ0EsNkRBQ0UsWUFDRixDQUNBLDZEQUNFLGNBQ0YsQ0FDQSw2REFDRSxhQUNGLENBQ0EsK0RBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxXQUFZLENBRFosUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsOERBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxrQ0FBcUMsQ0FEckMsUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsNkRBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxlQUFpQixDQURqQixRQUFTLENBSFQsaUJBQWtCLENBRWxCLE9BQVEsQ0FHUixVQUVGLENBQ0EsMkRBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxVQUFXLENBRFgsUUFBUyxDQUZULGlCQUFrQixDQUlsQixTQUVGLENBQ0EsMERBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxVQUFXLENBRFgsUUFBUyxDQUhULGlCQUFrQixDQUVsQixPQUFRLENBR1IsVUFFRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAzLjA2MjVyZW0pO1xuICBsZWZ0OiAzLjA2MjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTE6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gNy4xODc1cmVtKTtcbiAgbGVmdDogNy4xODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0yOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE1LjQzNzVyZW0pO1xuICBsZWZ0OiAxNS40Mzc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci00OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE5LjU2MjVyZW0pO1xuICBsZWZ0OiAxOS41NjI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci01OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDI3LjgxMjVyZW0pO1xuICBsZWZ0OiAyNy44MTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlcjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTAge1xuICBsZWZ0OiAwcmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0xIHtcbiAgbGVmdDogNC4xMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTIge1xuICBsZWZ0OiA4LjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0zIHtcbiAgbGVmdDogMTIuMzc1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC00IHtcbiAgbGVmdDogMTYuNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNSB7XG4gIGxlZnQ6IDIwLjYyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNiB7XG4gIGxlZnQ6IDI0Ljc1cmVtO1xufVxuLmNvbm5lY3Rvci52ZXJ0aWNhbDo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDAuMDYyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IudC1zaGFwZTo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLnQtc2hhcGU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmJlZm9yZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDUwJTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IubGluZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMXB4O1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn0iXX0= */";
-var classes = {"row":"DataGridRow_row_DsK2j","loading":"DataGridRow_loading_DsK2j","border-0":"DataGridRow_border-0_DsK2j","border-1":"DataGridRow_border-1_DsK2j","border-2":"DataGridRow_border-2_DsK2j","border-3":"DataGridRow_border-3_DsK2j","border-4":"DataGridRow_border-4_DsK2j","border-5":"DataGridRow_border-5_DsK2j","border-6":"DataGridRow_border-6_DsK2j","border":"DataGridRow_border_DsK2j","border-drawer":"DataGridRow_border-drawer_DsK2j","expand-button-cell":"DataGridRow_expand-button-cell_DsK2j","connector":"DataGridRow_connector_DsK2j","offset-left-0":"DataGridRow_offset-left-0_DsK2j","offset-left-1":"DataGridRow_offset-left-1_DsK2j","offset-left-2":"DataGridRow_offset-left-2_DsK2j","offset-left-3":"DataGridRow_offset-left-3_DsK2j","offset-left-4":"DataGridRow_offset-left-4_DsK2j","offset-left-5":"DataGridRow_offset-left-5_DsK2j","offset-left-6":"DataGridRow_offset-left-6_DsK2j","vertical":"DataGridRow_vertical_DsK2j","t-shape":"DataGridRow_t-shape_DsK2j","line":"DataGridRow_line_DsK2j"};
+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 */\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 */.DataGridRow_row_ZTF3Q{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow_row_ZTF3Q:not(.DataGridRow_loading_ZTF3Q):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_ZTF3Q.DataGridRow_border-0_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-1_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-2_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-3_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-4_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-5_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-6_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow_row_ZTF3Q.DataGridRow_border-drawer_ZTF3Q:not(:nth-last-child(2)):after,.DataGridRow_row_ZTF3Q.DataGridRow_border_ZTF3Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridRow_expand-button-cell_ZTF3Q{padding:0}.DataGridRow_connector_ZTF3Q{height:calc(var(--font-size)*3.25);left:0;position:absolute;top:0;width:2.875rem}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-0_ZTF3Q{left:0}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-1_ZTF3Q{left:4.125rem}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-2_ZTF3Q{left:8.25rem}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-3_ZTF3Q{left:12.375rem}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-4_ZTF3Q{left:16.5rem}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-5_ZTF3Q{left:20.625rem}.DataGridRow_connector_ZTF3Q.DataGridRow_offset-left-6_ZTF3Q{left:24.75rem}.DataGridRow_connector_ZTF3Q.DataGridRow_vertical_ZTF3Q:before{background-color:var(--color-blue-grey200);content:\"\";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_ZTF3Q.DataGridRow_t-shape_ZTF3Q:before{background-color:var(--color-blue-grey200);content:\"\";height:calc(var(--font-size)*3.25);left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_ZTF3Q.DataGridRow_t-shape_ZTF3Q:after{background-color:var(--color-blue-grey200);content:\"\";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow_connector_ZTF3Q.DataGridRow_line_ZTF3Q:before{background-color:var(--color-blue-grey200);content:\"\";height:50%;left:50%;position:absolute;width:1px}.DataGridRow_connector_ZTF3Q.DataGridRow_line_ZTF3Q:after{background-color:var(--color-blue-grey200);content:\"\";height:1px;left:50%;position:absolute;top:50%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQUVFLHNEQUF1RCxDQUR2RCxpQkFFRixDQUNBLDZEQUNFLDREQUNGLENBQ0Esd0RBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsY0FBZSxDQUZmLGlCQUFrQixDQUNsQiw0QkFJRixDQUNBLHdEQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGNBQWUsQ0FGZixpQkFBa0IsQ0FDbEIsNEJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FTQSwySUFGRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBWUYsQ0FFQSxzQ0FDRSxTQUNGLENBRUEsNkJBS0Usa0NBQXFDLENBRnJDLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLGNBRUYsQ0FDQSw2REFDRSxNQUNGLENBQ0EsNkRBQ0UsYUFDRixDQUNBLDZEQUNFLFlBQ0YsQ0FDQSw2REFDRSxjQUNGLENBQ0EsNkRBQ0UsWUFDRixDQUNBLDZEQUNFLGNBQ0YsQ0FDQSw2REFDRSxhQUNGLENBQ0EsK0RBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxXQUFZLENBRFosUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsOERBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxrQ0FBcUMsQ0FEckMsUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsNkRBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxlQUFpQixDQURqQixRQUFTLENBSFQsaUJBQWtCLENBRWxCLE9BQVEsQ0FHUixVQUVGLENBQ0EsMkRBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxVQUFXLENBRFgsUUFBUyxDQUZULGlCQUFrQixDQUlsQixTQUVGLENBQ0EsMERBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxVQUFXLENBRFgsUUFBUyxDQUhULGlCQUFrQixDQUVsQixPQUFRLENBR1IsVUFFRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAzLjA2MjVyZW0pO1xuICBsZWZ0OiAzLjA2MjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTE6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gNy4xODc1cmVtKTtcbiAgbGVmdDogNy4xODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0yOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE1LjQzNzVyZW0pO1xuICBsZWZ0OiAxNS40Mzc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci00OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE5LjU2MjVyZW0pO1xuICBsZWZ0OiAxOS41NjI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci01OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDI3LjgxMjVyZW0pO1xuICBsZWZ0OiAyNy44MTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlcjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTAge1xuICBsZWZ0OiAwcmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0xIHtcbiAgbGVmdDogNC4xMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTIge1xuICBsZWZ0OiA4LjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0zIHtcbiAgbGVmdDogMTIuMzc1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC00IHtcbiAgbGVmdDogMTYuNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNSB7XG4gIGxlZnQ6IDIwLjYyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNiB7XG4gIGxlZnQ6IDI0Ljc1cmVtO1xufVxuLmNvbm5lY3Rvci52ZXJ0aWNhbDo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDAuMDYyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IudC1zaGFwZTo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLnQtc2hhcGU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmJlZm9yZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDUwJTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IubGluZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMXB4O1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn0iXX0= */";
+var classes = {"row":"DataGridRow_row_ZTF3Q","loading":"DataGridRow_loading_ZTF3Q","border-0":"DataGridRow_border-0_ZTF3Q","border-1":"DataGridRow_border-1_ZTF3Q","border-2":"DataGridRow_border-2_ZTF3Q","border-3":"DataGridRow_border-3_ZTF3Q","border-4":"DataGridRow_border-4_ZTF3Q","border-5":"DataGridRow_border-5_ZTF3Q","border-6":"DataGridRow_border-6_ZTF3Q","border":"DataGridRow_border_ZTF3Q","border-drawer":"DataGridRow_border-drawer_ZTF3Q","expand-button-cell":"DataGridRow_expand-button-cell_ZTF3Q","connector":"DataGridRow_connector_ZTF3Q","offset-left-0":"DataGridRow_offset-left-0_ZTF3Q","offset-left-1":"DataGridRow_offset-left-1_ZTF3Q","offset-left-2":"DataGridRow_offset-left-2_ZTF3Q","offset-left-3":"DataGridRow_offset-left-3_ZTF3Q","offset-left-4":"DataGridRow_offset-left-4_ZTF3Q","offset-left-5":"DataGridRow_offset-left-5_ZTF3Q","offset-left-6":"DataGridRow_offset-left-6_ZTF3Q","vertical":"DataGridRow_vertical_ZTF3Q","t-shape":"DataGridRow_t-shape_ZTF3Q","line":"DataGridRow_line_ZTF3Q"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -21,13 +21,13 @@ import { useDataGridFilter } from './DataGridFilterService.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const DataGridFilter = ({ mode, filter, domRoot, columnsMetadata, onFilterAdd, onFilterEdit, onFilterDelete, tagTranslations, popoverTranslations, customEditTagContent }) => {
+const DataGridFilter = ({ mode, filter, domRoot, columnsMetadata, onFilterAdd, onFilterEdit, onFilterDelete, tagTranslations, popoverTranslations, customEditTagContent, filterState }) => {
     const wrappingDivRef = useRef(null);
     const triggerRef = useRef(null);
     const popoverRef = useRef(null);
     const [filterOpen, setFilterOpen] = useState(false);
     const { root } = useGetDomRoot(domRoot, wrappingDivRef);
-    const { resetFields, operator, setOperator, operators, setOperators, column, setColumn, values, setValues, pickedValues, setPickedValues, initialiseFilterValues } = useDataGridFilter(mode, columnsMetadata);
+    const { resetFields, operator, setOperator, operators, setOperators, column, setColumn, values, setValues, pickedValues, setPickedValues, initialiseFilterValues, allowedColumnsMetaData } = useDataGridFilter(mode, columnsMetadata, filterState);
     const onFilterSubmit = () => {
         if (mode === "ADD") {
             const id = generateID();
@@ -57,7 +57,7 @@ const DataGridFilter = ({ mode, filter, domRoot, columnsMetadata, onFilterAdd, o
     };
     return (React.createElement(Fragment, null,
         React.createElement(DataGridFilterTag, { mode: mode, onFilterOpen: onFilterOpen, onFilterRemove: onFilterRemove, triggerRef: triggerRef, ref: wrappingDivRef, filter: filter, translations: tagTranslations, customEditTagContent: customEditTagContent }),
-        createPortal(React.createElement(DataGridFilterPopover, { popoverRef: popoverRef, anchorRef: wrappingDivRef, isOpen: filterOpen, translations: popoverTranslations, column: column, columnsMetadata: columnsMetadata, values: values, pickedValues: pickedValues, operator: operator, operators: operators, onFilterSubmit: onFilterSubmit, resetFields: resetFields, setFilterOpen: setFilterOpen, setColumn: setColumn, setOperator: setOperator, setOperators: setOperators, setValues: setValues, setPickedValues: setPickedValues }), root)));
+        createPortal(React.createElement(DataGridFilterPopover, { popoverRef: popoverRef, anchorRef: wrappingDivRef, isOpen: filterOpen, translations: popoverTranslations, column: column, columnsMetadata: allowedColumnsMetaData, values: values, pickedValues: pickedValues, operator: operator, operators: operators, onFilterSubmit: onFilterSubmit, resetFields: resetFields, setFilterOpen: setFilterOpen, setColumn: setColumn, setOperator: setOperator, setOperators: setOperators, setValues: setValues, setPickedValues: setPickedValues }), root)));
 };
 
 export { DataGridFilter };

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilter.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.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, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues\n  } = useDataGridFilter(mode, columnsMetadata);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={columnsMetadata}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataGridFilter.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.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, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  FiltersState,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n  filterState: FiltersState;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent,\n  filterState\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues,\n    allowedColumnsMetaData\n  } = useDataGridFilter(mode, columnsMetadata, filterState);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={allowedColumnsMetaData}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAgCI,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACL,KAAI;AACV,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACpD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AACxD,IAAA,MAAM,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACvB,GAAG,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,IAAI,IAAI,KAAK,KAAK,EAAE;AAClB,YAAA,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;AACxB,YAAA,WAAW,IAAI,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;SAC3E;AAAM,aAAA,IAAI,IAAI,KAAK,MAAM,IAAI,MAAM,EAAE;AACpC,YAAA,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC;AACtB,YAAA,YAAY,IAAI,YAAY,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;SAC7E;AAED,QAAA,WAAW,EAAE,CAAC;QACd,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC;IAEF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;AAED,QAAA,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC;AACtB,QAAA,cAAc,IAAI,cAAc,CAAC,EAAE,CAAC,CAAC;AAErC,QAAA,WAAW,EAAE,CAAC;QACd,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC;IACF,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;QAC3B,IAAI,CAAC,UAAU,EAAE;YACf,sBAAsB,CAAC,MAAM,CAAC,CAAC;SAChC;AACH,KAAC,CAAC;IAEF,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,cAAc,EACnB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,eAAe,EAC7B,oBAAoB,EAAE,oBAAoB,EAC1C,CAAA;AACD,QAAA,YAAY,CACX,KAAC,CAAA,aAAA,CAAA,qBAAqB,EACpB,EAAA,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,mBAAmB,EACjC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,sBAAsB,EACvC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,CAAA,EACF,IAAI,CACL,CACQ,EACX;AACJ;;;;"}

package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.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 */.DataGridFilter_sr-only_DsK2j{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter_hidden_DsK2j{display:none}.DataGridFilter_slide-in_DsK2j{animation:DataGridFilter_slide-in_DsK2j .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-in_DsK2j{animation-duration:.1ms}}.DataGridFilter_slide-out_DsK2j{animation:DataGridFilter_slide-out_DsK2j .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-out_DsK2j{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_DsK2j{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_DsK2j{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 */.DataGridFilter_filter-wrapper_DsK2j{align-items:center;background-color:var(--color-blue-grey100);border-radius:3.125rem;display:flex;gap:.375rem;justify-content:center;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem}.DataGridFilter_filter-wrapper_DsK2j:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_DsK2j:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_filter-button_DsK2j{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_filter-button_DsK2j:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_filter-button_DsK2j:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_remove-button_DsK2j{border-radius:1.25rem}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_caption_DsK2j{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_caption_DsK2j.DataGridFilter_bold_DsK2j{font-weight:600}.DataGridFilter_filter-wrapper_DsK2j .DataGridFilter_remove-icon_DsK2j{font-size:calc(var(--font-size)*.6)}.DataGridFilter_column-select-option_DsK2j{text-transform:capitalize}.DataGridFilter_popover_DsK2j{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter_popover_DsK2j .DataGridFilter_controls_DsK2j{display:flex;gap:1rem;width:100%}.DataGridFilter_popover_DsK2j .DataGridFilter_controls_DsK2j>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_DsK2j .DataGridFilter_controls_DsK2j>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_DsK2j .DataGridFilter_controls_DsK2j>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_DsK2j .DataGridFilter_actions_DsK2j{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUdFLGtCQUFtQixDQUtuQiwwQ0FBMkMsQ0FEM0Msc0JBQXVCLENBTnZCLFlBQWEsQ0FHYixXQUFhLENBRmIsc0JBQXVCLENBR3ZCLGlCQUFrQixDQUNsQixrQ0FHRixDQUNBLDJDQUNFLDBDQUNGLENBQ0EsNENBQ0Usd0NBQ0YsQ0FDQSx5RUFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9GQUNFLG9CQUNGLENBQ0EsdUZBR0Usd0NBQXlDLENBRnpDLDREQUFnRSxDQUNoRSxnQkFFRixDQUNBLHlFQUNFLHFCQUNGLENBQ0EsbUVBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EsNkZBQ0UsZUFDRixDQUNBLHVFQUNFLG1DQUNGLENBRUEsMkNBQ0UseUJBQ0YsQ0FFQSw4QkFHRSxzQkFBdUIsQ0FGdkIsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixRQUFTLENBRVQsZUFBZ0IsQ0FEaEIsbUJBRUYsQ0FDQSw2REFFRSxZQUFhLENBQ2IsUUFBUyxDQUZULFVBR0YsQ0FDQSwwRUFDRSxhQUFjLENBQ2QsYUFBYyxDQUNkLFlBQ0YsQ0FDQSwyRUFDRSxXQUFZLENBQ1osYUFBYyxDQUNkLFlBQ0YsQ0FDQSx5RUFDRSxnQkFBaUIsQ0FDakIsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsNERBQ0UsWUFBYSxDQUNiLFFBQ0YiLCJmaWxlIjoiRGF0YUdyaWRGaWx0ZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbHRlci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXI6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTEwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAwLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246b25seS1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogLTAuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IGNhbGMoMC4xMjUgKiB2YXIoLS1mb250LXNpemUpKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDEuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uLmJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5yZW1vdmUtaWNvbiB7XG4gIGZvbnQtc2l6ZTogY2FsYygwLjYgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */";
-var classes = {"sr-only":"DataGridFilter_sr-only_DsK2j","hidden":"DataGridFilter_hidden_DsK2j","slide-in":"DataGridFilter_slide-in_DsK2j","slide-out":"DataGridFilter_slide-out_DsK2j","filter-wrapper":"DataGridFilter_filter-wrapper_DsK2j","filter-button":"DataGridFilter_filter-button_DsK2j","remove-button":"DataGridFilter_remove-button_DsK2j","caption":"DataGridFilter_caption_DsK2j","bold":"DataGridFilter_bold_DsK2j","remove-icon":"DataGridFilter_remove-icon_DsK2j","column-select-option":"DataGridFilter_column-select-option_DsK2j","popover":"DataGridFilter_popover_DsK2j","controls":"DataGridFilter_controls_DsK2j","actions":"DataGridFilter_actions_DsK2j"};
+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 */.DataGridFilter_sr-only_ZTF3Q{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter_hidden_ZTF3Q{display:none}.DataGridFilter_slide-in_ZTF3Q{animation:DataGridFilter_slide-in_ZTF3Q .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-in_ZTF3Q{animation-duration:.1ms}}.DataGridFilter_slide-out_ZTF3Q{animation:DataGridFilter_slide-out_ZTF3Q .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-out_ZTF3Q{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_ZTF3Q{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_ZTF3Q{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 */.DataGridFilter_filter-wrapper_ZTF3Q{align-items:center;background-color:var(--color-blue-grey100);border-radius:3.125rem;display:flex;gap:.375rem;justify-content:center;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem}.DataGridFilter_filter-wrapper_ZTF3Q:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_ZTF3Q:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_filter-button_ZTF3Q{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_filter-button_ZTF3Q:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_filter-button_ZTF3Q:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_remove-button_ZTF3Q{border-radius:1.25rem}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_caption_ZTF3Q{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_caption_ZTF3Q.DataGridFilter_bold_ZTF3Q{font-weight:600}.DataGridFilter_filter-wrapper_ZTF3Q .DataGridFilter_remove-icon_ZTF3Q{font-size:calc(var(--font-size)*.6)}.DataGridFilter_column-select-option_ZTF3Q{text-transform:capitalize}.DataGridFilter_popover_ZTF3Q{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter_popover_ZTF3Q .DataGridFilter_controls_ZTF3Q{display:flex;gap:1rem;width:100%}.DataGridFilter_popover_ZTF3Q .DataGridFilter_controls_ZTF3Q>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_ZTF3Q .DataGridFilter_controls_ZTF3Q>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_ZTF3Q .DataGridFilter_controls_ZTF3Q>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_ZTF3Q .DataGridFilter_actions_ZTF3Q{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUdFLGtCQUFtQixDQUtuQiwwQ0FBMkMsQ0FEM0Msc0JBQXVCLENBTnZCLFlBQWEsQ0FHYixXQUFhLENBRmIsc0JBQXVCLENBR3ZCLGlCQUFrQixDQUNsQixrQ0FHRixDQUNBLDJDQUNFLDBDQUNGLENBQ0EsNENBQ0Usd0NBQ0YsQ0FDQSx5RUFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9GQUNFLG9CQUNGLENBQ0EsdUZBR0Usd0NBQXlDLENBRnpDLDREQUFnRSxDQUNoRSxnQkFFRixDQUNBLHlFQUNFLHFCQUNGLENBQ0EsbUVBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EsNkZBQ0UsZUFDRixDQUNBLHVFQUNFLG1DQUNGLENBRUEsMkNBQ0UseUJBQ0YsQ0FFQSw4QkFHRSxzQkFBdUIsQ0FGdkIsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixRQUFTLENBRVQsZUFBZ0IsQ0FEaEIsbUJBRUYsQ0FDQSw2REFFRSxZQUFhLENBQ2IsUUFBUyxDQUZULFVBR0YsQ0FDQSwwRUFDRSxhQUFjLENBQ2QsYUFBYyxDQUNkLFlBQ0YsQ0FDQSwyRUFDRSxXQUFZLENBQ1osYUFBYyxDQUNkLFlBQ0YsQ0FDQSx5RUFDRSxnQkFBaUIsQ0FDakIsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsNERBQ0UsWUFBYSxDQUNiLFFBQ0YiLCJmaWxlIjoiRGF0YUdyaWRGaWx0ZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbHRlci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXI6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTEwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAwLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246b25seS1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogLTAuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IGNhbGMoMC4xMjUgKiB2YXIoLS1mb250LXNpemUpKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDEuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uLmJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5yZW1vdmUtaWNvbiB7XG4gIGZvbnQtc2l6ZTogY2FsYygwLjYgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */";
+var classes = {"sr-only":"DataGridFilter_sr-only_ZTF3Q","hidden":"DataGridFilter_hidden_ZTF3Q","slide-in":"DataGridFilter_slide-in_ZTF3Q","slide-out":"DataGridFilter_slide-out_ZTF3Q","filter-wrapper":"DataGridFilter_filter-wrapper_ZTF3Q","filter-button":"DataGridFilter_filter-button_ZTF3Q","remove-button":"DataGridFilter_remove-button_ZTF3Q","caption":"DataGridFilter_caption_ZTF3Q","bold":"DataGridFilter_bold_ZTF3Q","remove-icon":"DataGridFilter_remove-icon_ZTF3Q","column-select-option":"DataGridFilter_column-select-option_ZTF3Q","popover":"DataGridFilter_popover_ZTF3Q","controls":"DataGridFilter_controls_ZTF3Q","actions":"DataGridFilter_actions_ZTF3Q"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -2,10 +2,9 @@ import React, { useEffect } from 'react';
 import classes from './DataGridFilter.module.scss.esm.js';
 import { Button } from '../../Button/Button.esm.js';
 import { Option } from '../../Form/Select/SingleSelect/Option.esm.js';
-import { MultiOption } from '../../Form/Select/MultiSelect/MultiOption.esm.js';
-import { MultiSelectWrapper } from '../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js';
 import { SelectWrapper } from '../../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js';
 import { Popover } from '../../Popover/Popover.esm.js';
+import { DataGridFilterValueSelect } from './DataGridFilterValueSelect.esm.js';
 import { DefaultOperators } from './DataGridFilters.interfaces.esm.js';
 import { useRepeatFocus } from '../../src/hooks/useRepeatFocus.esm.js';
 
@@ -25,7 +24,7 @@ import { useRepeatFocus } from '../../src/hooks/useRepeatFocus.esm.js';
  *    limitations under the License.
  */
 const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsMetadata, values, pickedValues, operator, operators, onFilterSubmit, resetFields, setFilterOpen, setColumn, setOperator, setOperators, setValues, setPickedValues, translations }) => {
-    const { columnSelectLabel = "Filter by", operatorSelectLabel = "Operator", valueSelectLabel = "Value", addNewValueLabel = "Create new", addNewValueButtonTitle = "Add new select value", submitButtonTitle = "Apply", cancelButtonTitle = "Cancel" } = translations || {};
+    const { columnSelectLabel = "Filter by", operatorSelectLabel = "Operator", submitButtonTitle = "Apply", cancelButtonTitle = "Cancel" } = translations || {};
     useRepeatFocus(popoverRef);
     useEffect(() => {
         var _a;
@@ -33,8 +32,6 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
             (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [isOpen]);
-    const columnMetadata = columnsMetadata.find(({ name }) => name === column);
-    const disableAddNew = columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.disableAddNew;
     return (React.createElement(Popover, { tabIndex: -1, anchorEl: anchorRef, ref: popoverRef, show: isOpen, placement: { horizontal: "left", vertical: "bottom" }, transformOrigin: { horizontal: "left", vertical: "top" } },
         React.createElement("div", { className: classes["popover"] },
             React.createElement("div", { className: classes["controls"] },
@@ -59,26 +56,7 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
                         }
                     } }, columnsMetadata.map(({ name, headline }) => (React.createElement(Option, { className: classes["column-select-option"], key: name, value: name }, headline)))),
                 React.createElement(SelectWrapper, { label: operatorSelectLabel, value: operator, name: "operator", onChange: e => setOperator(e.target.value) }, operators.map(operator => (React.createElement(Option, { key: operator, value: operator }, operator)))),
-                React.createElement(MultiSelectWrapper, { label: valueSelectLabel, name: "value", value: pickedValues, onChange: e => setPickedValues([...Array.from(e.target.options)]
-                        .filter(option => option.selected)
-                        .map(option => option.value)), selectProps: {
-                        addNew: disableAddNew
-                            ? undefined
-                            : {
-                                label: addNewValueLabel,
-                                onAddNew: value => {
-                                    if (value) {
-                                        setValues(prev => [...prev, value]);
-                                        setPickedValues(prev => [...prev, value]);
-                                    }
-                                },
-                                btnProps: { title: addNewValueButtonTitle, type: "button" }
-                            },
-                        search: {
-                            enabled: true,
-                            renderThreshold: 0
-                        }
-                    } }, values.map(value => (React.createElement(MultiOption, { key: value, value: value }, value))))),
+                React.createElement(DataGridFilterValueSelect, { column: column, columnsMetadata: columnsMetadata, values: values, pickedValues: pickedValues, setValues: setValues, setPickedValues: setPickedValues, translations: translations })),
             React.createElement("div", { className: classes["actions"] },
                 React.createElement(Button, { onClick: onFilterSubmit }, submitButtonTitle),
                 React.createElement(Button, { variant: "text", onClick: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterPopover.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterPopover.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 } from \"react\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { MultiOption } from \"../../Form/Select/MultiSelect/MultiOption\";\nimport { MultiSelectWrapper } from \"../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  PopoverTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../hooks/useRepeatFocus\";\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  operator: string;\n  operators: string[];\n  onFilterSubmit: () => void;\n  resetFields: () => void;\n  setFilterOpen: (value: React.SetStateAction<boolean>) => void;\n  setColumn: (column: React.SetStateAction<string>) => void;\n  setOperator: (operator: React.SetStateAction<string>) => void;\n  setOperators: (operators: React.SetStateAction<string[]>) => void;\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterPopover = ({\n  popoverRef,\n  anchorRef,\n  isOpen,\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  operator,\n  operators,\n  onFilterSubmit,\n  resetFields,\n  setFilterOpen,\n  setColumn,\n  setOperator,\n  setOperators,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    columnSelectLabel = \"Filter by\",\n    operatorSelectLabel = \"Operator\",\n    valueSelectLabel = \"Value\",\n    addNewValueLabel = \"Create new\",\n    addNewValueButtonTitle = \"Add new select value\",\n    submitButtonTitle = \"Apply\",\n    cancelButtonTitle = \"Cancel\"\n  } = translations || {};\n  useRepeatFocus(popoverRef);\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  const columnMetadata = columnsMetadata.find(({ name }) => name === column);\n  const disableAddNew = columnMetadata?.disableAddNew;\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      <div className={classes[\"popover\"]}>\n        <div className={classes[\"controls\"]}>\n          <SelectWrapper\n            label={columnSelectLabel}\n            value={column}\n            name={\"column\"}\n            onChange={e => {\n              setColumn(e.target.value);\n              const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);\n\n              if (columnMetadata?.operators) {\n                setOperator(columnMetadata.operators[0]);\n                setOperators(columnMetadata.operators);\n              } else {\n                setOperator(Object.values(DefaultOperators)[0]);\n                setOperators(Object.values(DefaultOperators));\n              }\n\n              if (columnMetadata?.defaultValues) {\n                setPickedValues([]);\n                setValues(columnMetadata.defaultValues);\n              } else {\n                setPickedValues([]);\n                setValues([]);\n              }\n            }}\n          >\n            {columnsMetadata.map(({ name, headline }) => (\n              <Option className={classes[\"column-select-option\"]} key={name} value={name}>\n                {headline}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <SelectWrapper\n            label={operatorSelectLabel}\n            value={operator}\n            name={\"operator\"}\n            onChange={e => setOperator(e.target.value)}\n          >\n            {operators.map(operator => (\n              <Option key={operator} value={operator}>\n                {operator}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <MultiSelectWrapper\n            label={valueSelectLabel}\n            name={\"value\"}\n            value={pickedValues}\n            onChange={e =>\n              setPickedValues(\n                [...Array.from(e.target.options)]\n                  .filter(option => option.selected)\n                  .map(option => option.value)\n              )\n            }\n            selectProps={{\n              addNew: disableAddNew\n                ? undefined\n                : {\n                    label: addNewValueLabel,\n                    onAddNew: value => {\n                      if (value) {\n                        setValues(prev => [...prev, value]);\n                        setPickedValues(prev => [...prev, value]);\n                      }\n                    },\n                    btnProps: { title: addNewValueButtonTitle, type: \"button\" }\n                  },\n              search: {\n                enabled: true,\n                renderThreshold: 0\n              }\n            }}\n          >\n            {values.map(value => (\n              <MultiOption key={value} value={value}>\n                {value}\n              </MultiOption>\n            ))}\n          </MultiSelectWrapper>\n        </div>\n        <div className={classes[\"actions\"]}>\n          <Button onClick={onFilterSubmit}>{submitButtonTitle}</Button>\n          <Button\n            variant=\"text\"\n            onClick={() => {\n              resetFields();\n              setFilterOpen(false);\n            }}\n          >\n            {cancelButtonTitle}\n          </Button>\n        </div>\n      </div>\n    </Popover>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataGridFilterPopover.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterPopover.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 } from \"react\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport { DataGridFilterValueSelect } from \"./DataGridFilterValueSelect\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  PopoverTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../hooks/useRepeatFocus\";\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  operator: string;\n  operators: string[];\n  onFilterSubmit: () => void;\n  resetFields: () => void;\n  setFilterOpen: (value: React.SetStateAction<boolean>) => void;\n  setColumn: (column: React.SetStateAction<string>) => void;\n  setOperator: (operator: React.SetStateAction<string>) => void;\n  setOperators: (operators: React.SetStateAction<string[]>) => void;\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterPopover = ({\n  popoverRef,\n  anchorRef,\n  isOpen,\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  operator,\n  operators,\n  onFilterSubmit,\n  resetFields,\n  setFilterOpen,\n  setColumn,\n  setOperator,\n  setOperators,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    columnSelectLabel = \"Filter by\",\n    operatorSelectLabel = \"Operator\",\n    submitButtonTitle = \"Apply\",\n    cancelButtonTitle = \"Cancel\"\n  } = translations || {};\n  useRepeatFocus(popoverRef);\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\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      <div className={classes[\"popover\"]}>\n        <div className={classes[\"controls\"]}>\n          <SelectWrapper\n            label={columnSelectLabel}\n            value={column}\n            name={\"column\"}\n            onChange={e => {\n              setColumn(e.target.value);\n              const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);\n\n              if (columnMetadata?.operators) {\n                setOperator(columnMetadata.operators[0]);\n                setOperators(columnMetadata.operators);\n              } else {\n                setOperator(Object.values(DefaultOperators)[0]);\n                setOperators(Object.values(DefaultOperators));\n              }\n\n              if (columnMetadata?.defaultValues) {\n                setPickedValues([]);\n                setValues(columnMetadata.defaultValues);\n              } else {\n                setPickedValues([]);\n                setValues([]);\n              }\n            }}\n          >\n            {columnsMetadata.map(({ name, headline }) => (\n              <Option className={classes[\"column-select-option\"]} key={name} value={name}>\n                {headline}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <SelectWrapper\n            label={operatorSelectLabel}\n            value={operator}\n            name={\"operator\"}\n            onChange={e => setOperator(e.target.value)}\n          >\n            {operators.map(operator => (\n              <Option key={operator} value={operator}>\n                {operator}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <DataGridFilterValueSelect\n            column={column}\n            columnsMetadata={columnsMetadata}\n            values={values}\n            pickedValues={pickedValues}\n            setValues={setValues}\n            setPickedValues={setPickedValues}\n            translations={translations}\n          />\n        </div>\n        <div className={classes[\"actions\"]}>\n          <Button onClick={onFilterSubmit}>{submitButtonTitle}</Button>\n          <Button\n            variant=\"text\"\n            onClick={() => {\n              resetFields();\n              setFilterOpen(false);\n            }}\n          >\n            {cancelButtonTitle}\n          </Button>\n        </div>\n      </div>\n    </Popover>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -16,12 +16,13 @@ import { DefaultOperators } from './DataGridFilters.interfaces.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const useDataGridFilter = (mode, columnsMetadata) => {
+const useDataGridFilter = (mode, columnsMetadata, filterState) => {
     const [column, setColumn] = useState("");
     const [operator, setOperator] = useState("");
     const [operators, setOperators] = useState(Object.values(DefaultOperators));
     const [values, setValues] = useState([]);
     const [pickedValues, setPickedValues] = useState([]);
+    const [allowedColumnsMetaData, setAllowedColumnsMetaData] = useState([]);
     //user can extend the list of picked values with custom ones. We need to make sure that the default list includes the user created values.
     const mergeCustomValuesWithPredefined = (values, pickedValues) => {
         return Array.from(new Set([...values, ...pickedValues]));
@@ -33,9 +34,12 @@ const useDataGridFilter = (mode, columnsMetadata) => {
         setPickedValues([]);
     };
     const initialiseFilterValues = (filter) => {
+        const allowedColumnMetaData = getAllowedColumnsMetadata(filter);
         if (mode === "ADD") {
-            const firstColumnMetadata = columnsMetadata[0];
+            const firstColumnMetadata = allowedColumnMetaData[0];
             if (!firstColumnMetadata) {
+                resetFields();
+                setAllowedColumnsMetaData([]);
                 return;
             }
             setColumn(firstColumnMetadata.name);
@@ -58,6 +62,19 @@ const useDataGridFilter = (mode, columnsMetadata) => {
             setPickedValues(value);
             setValues(mergeCustomValuesWithPredefined(defaultValues || [], value));
         }
+        setAllowedColumnsMetaData(allowedColumnMetaData);
+    };
+    const getAllowedColumnsMetadata = (filter) => {
+        return columnsMetadata.filter(value => {
+            if (!value.allowSingleFilterOnly) {
+                return true;
+            }
+            return !filterState.filters.find(v => {
+                return mode === "ADD"
+                    ? v.column == value.name
+                    : v.column == value.name && v.column != (filter === null || filter === void 0 ? void 0 : filter.column);
+            });
+        });
     };
     return {
         resetFields,
@@ -71,7 +88,8 @@ const useDataGridFilter = (mode, columnsMetadata) => {
         values,
         setValues,
         pickedValues,
-        setPickedValues
+        setPickedValues,
+        allowedColumnsMetaData
     };
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterService.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useState } from \"react\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  Filter,\n  FilterEditorMode\n} from \"./DataGridFilters.interfaces\";\n\nexport const useDataGridFilter = (\n  mode: FilterEditorMode,\n  columnsMetadata: DataGridColumnMetadata[]\n) => {\n  const [column, setColumn] = useState(\"\");\n  const [operator, setOperator] = useState(\"\");\n  const [operators, setOperators] = useState<string[]>(Object.values(DefaultOperators));\n  const [values, setValues] = useState<string[]>([]);\n  const [pickedValues, setPickedValues] = useState<string[]>([]);\n\n  //user can extend the list of picked values with custom ones. We need to make sure that the default list includes the user created values.\n  const mergeCustomValuesWithPredefined = (values: string[], pickedValues: string[]) => {\n    return Array.from(new Set([...values, ...pickedValues]));\n  };\n\n  const resetFields = () => {\n    setColumn(\"\");\n    setOperator(\"\");\n    setValues([]);\n    setPickedValues([]);\n  };\n\n  const initialiseFilterValues = (filter?: Filter) => {\n    if (mode === \"ADD\") {\n      const firstColumnMetadata = columnsMetadata[0];\n\n      if (!firstColumnMetadata) {\n        return;\n      }\n\n      setColumn(firstColumnMetadata.name);\n      setOperator(\n        firstColumnMetadata.operators\n          ? firstColumnMetadata.operators[0]\n          : Object.values(DefaultOperators)[0]\n      );\n      firstColumnMetadata.operators && setOperators(firstColumnMetadata.operators);\n      firstColumnMetadata.defaultValues && setValues(firstColumnMetadata.defaultValues);\n    }\n\n    if (mode === \"EDIT\" && filter) {\n      const { column, operator, value } = filter;\n      const columnMetadata = columnsMetadata.find(({ name }) => name === column);\n\n      if (!columnMetadata) {\n        return;\n      }\n\n      const { defaultValues, operators } = columnMetadata;\n\n      setColumn(column);\n      setOperator(operator);\n      operators && setOperators(operators);\n      setPickedValues(value);\n      setValues(mergeCustomValuesWithPredefined(defaultValues || [], value));\n    }\n  };\n\n  return {\n    resetFields,\n    initialiseFilterValues,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues\n  };\n};\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;MAUU,iBAAiB,GAAG,CAC/B,IAAsB,EACtB,eAAyC,KACvC;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;;AAG/D,IAAA,MAAM,+BAA+B,GAAG,CAAC,MAAgB,EAAE,YAAsB,KAAI;AACnF,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;AAC3D,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;QACvB,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,eAAe,CAAC,EAAE,CAAC,CAAC;AACtB,KAAC,CAAC;AAEF,IAAA,MAAM,sBAAsB,GAAG,CAAC,MAAe,KAAI;AACjD,QAAA,IAAI,IAAI,KAAK,KAAK,EAAE;AAClB,YAAA,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;YAE/C,IAAI,CAAC,mBAAmB,EAAE;gBACxB,OAAO;aACR;AAED,YAAA,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACpC,WAAW,CACT,mBAAmB,CAAC,SAAS;AAC3B,kBAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;kBAChC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CACvC,CAAC;YACF,mBAAmB,CAAC,SAAS,IAAI,YAAY,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;YAC7E,mBAAmB,CAAC,aAAa,IAAI,SAAS,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;SACnF;AAED,QAAA,IAAI,IAAI,KAAK,MAAM,IAAI,MAAM,EAAE;YAC7B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;AAC3C,YAAA,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,MAAM,CAAC,CAAC;YAE3E,IAAI,CAAC,cAAc,EAAE;gBACnB,OAAO;aACR;AAED,YAAA,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC;YAEpD,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtB,YAAA,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;YACrC,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,SAAS,CAAC,+BAA+B,CAAC,aAAa,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;SACxE;AACH,KAAC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,sBAAsB;QACtB,QAAQ;QACR,WAAW;QACX,SAAS;QACT,YAAY;QACZ,MAAM;QACN,SAAS;QACT,MAAM;QACN,SAAS;QACT,YAAY;QACZ,eAAe;KAChB,CAAC;AACJ;;;;"}
+{"version":3,"file":"DataGridFilterService.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useState } from \"react\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  Filter,\n  FilterEditorMode,\n  FiltersState\n} from \"./DataGridFilters.interfaces\";\n\nexport const useDataGridFilter = (\n  mode: FilterEditorMode,\n  columnsMetadata: DataGridColumnMetadata[],\n  filterState: FiltersState\n) => {\n  const [column, setColumn] = useState(\"\");\n  const [operator, setOperator] = useState(\"\");\n  const [operators, setOperators] = useState<string[]>(Object.values(DefaultOperators));\n  const [values, setValues] = useState<string[]>([]);\n  const [pickedValues, setPickedValues] = useState<string[]>([]);\n  const [allowedColumnsMetaData, setAllowedColumnsMetaData] = useState<DataGridColumnMetadata[]>(\n    []\n  );\n\n  //user can extend the list of picked values with custom ones. We need to make sure that the default list includes the user created values.\n  const mergeCustomValuesWithPredefined = (values: string[], pickedValues: string[]) => {\n    return Array.from(new Set([...values, ...pickedValues]));\n  };\n\n  const resetFields = () => {\n    setColumn(\"\");\n    setOperator(\"\");\n    setValues([]);\n    setPickedValues([]);\n  };\n\n  const initialiseFilterValues = (filter?: Filter) => {\n    const allowedColumnMetaData = getAllowedColumnsMetadata(filter);\n\n    if (mode === \"ADD\") {\n      const firstColumnMetadata = allowedColumnMetaData[0];\n\n      if (!firstColumnMetadata) {\n        resetFields();\n        setAllowedColumnsMetaData([]);\n        return;\n      }\n\n      setColumn(firstColumnMetadata.name);\n      setOperator(\n        firstColumnMetadata.operators\n          ? firstColumnMetadata.operators[0]\n          : Object.values(DefaultOperators)[0]\n      );\n      firstColumnMetadata.operators && setOperators(firstColumnMetadata.operators);\n      firstColumnMetadata.defaultValues && setValues(firstColumnMetadata.defaultValues);\n    }\n\n    if (mode === \"EDIT\" && filter) {\n      const { column, operator, value } = filter;\n      const columnMetadata = columnsMetadata.find(({ name }) => name === column);\n\n      if (!columnMetadata) {\n        return;\n      }\n\n      const { defaultValues, operators } = columnMetadata;\n\n      setColumn(column);\n      setOperator(operator);\n      operators && setOperators(operators);\n      setPickedValues(value);\n      setValues(mergeCustomValuesWithPredefined(defaultValues || [], value));\n    }\n\n    setAllowedColumnsMetaData(allowedColumnMetaData);\n  };\n\n  const getAllowedColumnsMetadata = (filter?: Filter) => {\n    return columnsMetadata.filter(value => {\n      if (!value.allowSingleFilterOnly) {\n        return true;\n      }\n\n      return !filterState.filters.find(v => {\n        return mode === \"ADD\"\n          ? v.column == value.name\n          : v.column == value.name && v.column != filter?.column;\n      });\n    });\n  };\n\n  return {\n    resetFields,\n    initialiseFilterValues,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    allowedColumnsMetaData\n  };\n};\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAWU,MAAA,iBAAiB,GAAG,CAC/B,IAAsB,EACtB,eAAyC,EACzC,WAAyB,KACvB;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAClE,EAAE,CACH,CAAC;;AAGF,IAAA,MAAM,+BAA+B,GAAG,CAAC,MAAgB,EAAE,YAAsB,KAAI;AACnF,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;AAC3D,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;QACvB,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,eAAe,CAAC,EAAE,CAAC,CAAC;AACtB,KAAC,CAAC;AAEF,IAAA,MAAM,sBAAsB,GAAG,CAAC,MAAe,KAAI;AACjD,QAAA,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAEhE,QAAA,IAAI,IAAI,KAAK,KAAK,EAAE;AAClB,YAAA,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAErD,IAAI,CAAC,mBAAmB,EAAE;AACxB,gBAAA,WAAW,EAAE,CAAC;gBACd,yBAAyB,CAAC,EAAE,CAAC,CAAC;gBAC9B,OAAO;aACR;AAED,YAAA,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACpC,WAAW,CACT,mBAAmB,CAAC,SAAS;AAC3B,kBAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;kBAChC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CACvC,CAAC;YACF,mBAAmB,CAAC,SAAS,IAAI,YAAY,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;YAC7E,mBAAmB,CAAC,aAAa,IAAI,SAAS,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;SACnF;AAED,QAAA,IAAI,IAAI,KAAK,MAAM,IAAI,MAAM,EAAE;YAC7B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;AAC3C,YAAA,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,MAAM,CAAC,CAAC;YAE3E,IAAI,CAAC,cAAc,EAAE;gBACnB,OAAO;aACR;AAED,YAAA,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC;YAEpD,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtB,YAAA,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;YACrC,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,SAAS,CAAC,+BAA+B,CAAC,aAAa,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;SACxE;QAED,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;AACnD,KAAC,CAAC;AAEF,IAAA,MAAM,yBAAyB,GAAG,CAAC,MAAe,KAAI;AACpD,QAAA,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,IAAG;AACpC,YAAA,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE;AAChC,gBAAA,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAG;gBACnC,OAAO,IAAI,KAAK,KAAK;AACnB,sBAAE,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI;sBACtB,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,KAAI,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,CAAC;AAC3D,aAAC,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,sBAAsB;QACtB,QAAQ;QACR,WAAW;QACX,SAAS;QACT,YAAY;QACZ,MAAM;QACN,SAAS;QACT,MAAM;QACN,SAAS;QACT,YAAY;QACZ,eAAe;QACf,sBAAsB;KACvB,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Option } from '../../Form/Select/SingleSelect/Option.esm.js';
+import { MultiOption } from '../../Form/Select/MultiSelect/MultiOption.esm.js';
+import { MultiSelectWrapper } from '../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js';
+import { SelectWrapper } from '../../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js';
+import { ValueSelectType } from './DataGridFilters.interfaces.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DataGridFilterValueSelect = ({ column, columnsMetadata, values, pickedValues, setValues, setPickedValues, translations }) => {
+    const { valueSelectLabel = "Value", addNewValueLabel = "Create new", addNewValueButtonTitle = "Add new select value" } = translations || {};
+    const columnMetadata = columnsMetadata.find(({ name }) => name === column);
+    const disableAddNew = columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.disableAddNew;
+    const valueSelectType = columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.valueSelectType;
+    const addNewBtnProps = {
+        title: addNewValueButtonTitle,
+        type: "button"
+    };
+    const onChangeHandler = (e) => {
+        setPickedValues([...Array.from(e.target.options)]
+            .filter(option => option.selected)
+            .map(option => option.value));
+    };
+    const selectProps = {
+        addNew: disableAddNew
+            ? undefined
+            : {
+                label: addNewValueLabel,
+                onAddNew: (value) => {
+                    if (value) {
+                        setValues(prev => [...prev, value]);
+                        setPickedValues(prev => [...prev, value]);
+                    }
+                },
+                btnProps: addNewBtnProps
+            },
+        search: {
+            enabled: true,
+            renderThreshold: 0
+        }
+    };
+    return ValueSelectType.single === valueSelectType ? (React.createElement(SelectWrapper, { label: valueSelectLabel, name: "value", value: pickedValues[0], onChange: onChangeHandler, selectProps: selectProps }, values.map(value => (React.createElement(Option, { key: value, value: value }, value))))) : (React.createElement(MultiSelectWrapper, { label: valueSelectLabel, name: "value", value: pickedValues, onChange: onChangeHandler, selectProps: selectProps }, values.map(value => (React.createElement(MultiOption, { key: value, value: value }, value)))));
+};
+
+export { DataGridFilterValueSelect };
+//# sourceMappingURL=DataGridFilterValueSelect.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridFilterValueSelect.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterValueSelect.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 { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { MultiOption } from \"../../Form/Select/MultiSelect/MultiOption\";\nimport { MultiSelectWrapper } from \"../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport {\n  DataGridColumnMetadata,\n  PopoverTranslations,\n  ValueSelectType\n} from \"./DataGridFilters.interfaces\";\n\nexport type Props = {\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterValueSelect = ({\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    valueSelectLabel = \"Value\",\n    addNewValueLabel = \"Create new\",\n    addNewValueButtonTitle = \"Add new select value\"\n  } = translations || {};\n\n  const columnMetadata = columnsMetadata.find(({ name }) => name === column);\n  const disableAddNew = columnMetadata?.disableAddNew;\n  const valueSelectType = columnMetadata?.valueSelectType;\n\n  const addNewBtnProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n    title: addNewValueButtonTitle,\n    type: \"button\"\n  };\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    setPickedValues(\n      [...Array.from(e.target.options)]\n        .filter(option => option.selected)\n        .map(option => option.value)\n    );\n  };\n\n  const selectProps = {\n    addNew: disableAddNew\n      ? undefined\n      : {\n          label: addNewValueLabel,\n          onAddNew: (value: string) => {\n            if (value) {\n              setValues(prev => [...prev, value]);\n              setPickedValues(prev => [...prev, value]);\n            }\n          },\n          btnProps: addNewBtnProps\n        },\n    search: {\n      enabled: true,\n      renderThreshold: 0\n    }\n  };\n\n  return ValueSelectType.single === valueSelectType ? (\n    <SelectWrapper\n      label={valueSelectLabel}\n      name={\"value\"}\n      value={pickedValues[0]}\n      onChange={onChangeHandler}\n      selectProps={selectProps}\n    >\n      {values.map(value => (\n        <Option key={value} value={value}>\n          {value}\n        </Option>\n      ))}\n    </SelectWrapper>\n  ) : (\n    <MultiSelectWrapper\n      label={valueSelectLabel}\n      name={\"value\"}\n      value={pickedValues}\n      onChange={onChangeHandler}\n      selectProps={selectProps}\n    >\n      {values.map(value => (\n        <MultiOption key={value} value={value}>\n          {value}\n        </MultiOption>\n      ))}\n    </MultiSelectWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;MAuBU,yBAAyB,GAAG,CAAC,EACxC,MAAM,EACN,eAAe,EACf,MAAM,EACN,YAAY,EACZ,SAAS,EACT,eAAe,EACf,YAAY,EACN,KAAI;AACV,IAAA,MAAM,EACJ,gBAAgB,GAAG,OAAO,EAC1B,gBAAgB,GAAG,YAAY,EAC/B,sBAAsB,GAAG,sBAAsB,EAChD,GAAG,YAAY,IAAI,EAAE,CAAC;AAEvB,IAAA,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,MAAM,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,cAAc,CAAE,aAAa,CAAC;IACpD,MAAM,eAAe,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,cAAc,CAAE,eAAe,CAAC;AAExD,IAAA,MAAM,cAAc,GAAkD;AACpE,QAAA,KAAK,EAAE,sBAAsB;AAC7B,QAAA,IAAI,EAAE,QAAQ;KACf,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,CAAC,CAAuC,KAAI;AAClE,QAAA,eAAe,CACb,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAC9B,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC;aACjC,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAC/B,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,MAAM,EAAE,aAAa;AACnB,cAAE,SAAS;AACX,cAAE;AACE,gBAAA,KAAK,EAAE,gBAAgB;AACvB,gBAAA,QAAQ,EAAE,CAAC,KAAa,KAAI;oBAC1B,IAAI,KAAK,EAAE;AACT,wBAAA,SAAS,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACpC,wBAAA,eAAe,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;qBAC3C;iBACF;AACD,gBAAA,QAAQ,EAAE,cAAc;AACzB,aAAA;AACL,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,eAAe,EAAE,CAAC;AACnB,SAAA;KACF,CAAC;IAEF,OAAO,eAAe,CAAC,MAAM,KAAK,eAAe,IAC/C,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EACtB,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,WAAW,EAEvB,EAAA,MAAM,CAAC,GAAG,CAAC,KAAK,KACf,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EAC7B,KAAK,CACC,CACV,CAAC,CACY,KAEhB,KAAC,CAAA,aAAA,CAAA,kBAAkB,EACjB,EAAA,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,WAAW,EAEvB,EAAA,MAAM,CAAC,GAAG,CAAC,KAAK,KACf,KAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EAClC,KAAK,CACM,CACf,CAAC,CACiB,CACtB,CAAC;AACJ;;;;"}

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

@@ -21,6 +21,11 @@ var DefaultOperators;
     DefaultOperators["doesNotContain"] = "does not contain";
     DefaultOperators["isEmpty"] = "is empty";
 })(DefaultOperators || (DefaultOperators = {}));
+var ValueSelectType;
+(function (ValueSelectType) {
+    ValueSelectType["single"] = "single";
+    ValueSelectType["multi"] = "multi";
+})(ValueSelectType || (ValueSelectType = {}));
 
-export { DefaultOperators };
+export { DefaultOperators, ValueSelectType };
 //# sourceMappingURL=DataGridFilters.interfaces.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilters.interfaces.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nexport interface Filter {\n  id: string;\n  column: string;\n  operator: string;\n  value: string[];\n}\n\nexport type FiltersAction =\n  | {\n      type: \"add\";\n      payload: Filter;\n    }\n  | {\n      type: \"edit\";\n      payload: Filter;\n    }\n  | {\n      type: \"remove\";\n      payload: { id: string };\n    }\n  | {\n      type: \"clear\";\n    };\n\nexport type FiltersState = {\n  filters: Filter[];\n};\n\nexport type FilterEditorMode = \"ADD\" | \"EDIT\" | \"ADD_DATE\";\n\nexport enum DefaultOperators {\n  is = \"is\",\n  isNot = \"is not\",\n  contains = \"contains\",\n  doesNotContain = \"does not contain\",\n  isEmpty = \"is empty\"\n}\n\nexport interface DataGridColumnMetadata {\n  name: string;\n  headline: string;\n  operators?: string[];\n  defaultValues?: string[];\n  disableAddNew?: boolean;\n}\n\nexport interface PopoverTranslations {\n  columnSelectLabel?: string;\n  operatorSelectLabel?: string;\n  valueSelectLabel?: string;\n  addNewValueLabel?: string;\n  addNewValueButtonTitle?: string;\n  submitButtonTitle?: string;\n  cancelButtonTitle?: string;\n}\n\nexport interface TagTranslations {\n  addButtonCaption?: string;\n  or?: string;\n  other?: string;\n  dateIs?: string;\n}\n\nexport interface ToolbarTranslations {\n  clearButtonCaption?: string;\n}\n\nexport interface FiltersTranslations {\n  toolbar?: ToolbarTranslations;\n  tag?: TagTranslations;\n  popover?: PopoverTranslations;\n}\n\nexport interface KeyValuePair<TKey = string, TValue = string> {\n  key: TKey;\n  value: TValue;\n}\n\nexport type DateTimeFilterType =\n  | \"THIRTY_SECONDS\"\n  | \"ONE_MINUTE\"\n  | \"FIVE_MINUTES\"\n  | \"ONE_HOUR\"\n  | \"TWENTY_FOUR_HOURS\"\n  | \"CUSTOM\";\n\nexport interface DateTimeFilter {\n  fromDate: string;\n  toDate: string;\n  type: DateTimeFilterType;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;IAgCS,iBAMX;AAND,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,QAAgB,CAAA;AAChB,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACtB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,GAM3B,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"DataGridFilters.interfaces.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nexport interface Filter {\n  id: string;\n  column: string;\n  operator: string;\n  value: string[];\n}\n\nexport type FiltersAction =\n  | {\n      type: \"add\";\n      payload: Filter;\n    }\n  | {\n      type: \"edit\";\n      payload: Filter;\n    }\n  | {\n      type: \"remove\";\n      payload: { id: string };\n    }\n  | {\n      type: \"reset\";\n      payload: Filter[];\n    }\n  | {\n      type: \"clear\";\n    };\n\nexport type FiltersState = {\n  filters: Filter[];\n};\n\nexport type FilterEditorMode = \"ADD\" | \"EDIT\" | \"ADD_DATE\";\n\nexport enum DefaultOperators {\n  is = \"is\",\n  isNot = \"is not\",\n  contains = \"contains\",\n  doesNotContain = \"does not contain\",\n  isEmpty = \"is empty\"\n}\n\nexport interface DataGridColumnMetadata {\n  name: string;\n  headline: string;\n  operators?: string[];\n  defaultValues?: string[];\n  disableAddNew?: boolean;\n  allowSingleFilterOnly?: boolean;\n  valueSelectType?: ValueSelectType;\n}\n\nexport interface PopoverTranslations {\n  columnSelectLabel?: string;\n  operatorSelectLabel?: string;\n  valueSelectLabel?: string;\n  addNewValueLabel?: string;\n  addNewValueButtonTitle?: string;\n  submitButtonTitle?: string;\n  cancelButtonTitle?: string;\n}\n\nexport interface TagTranslations {\n  addButtonCaption?: string;\n  or?: string;\n  other?: string;\n  dateIs?: string;\n}\n\nexport interface ToolbarTranslations {\n  clearButtonCaption?: string;\n}\n\nexport interface FiltersTranslations {\n  toolbar?: ToolbarTranslations;\n  tag?: TagTranslations;\n  popover?: PopoverTranslations;\n}\n\nexport interface KeyValuePair<TKey = string, TValue = string> {\n  key: TKey;\n  value: TValue;\n}\n\nexport type DateTimeFilterType =\n  | \"THIRTY_SECONDS\"\n  | \"ONE_MINUTE\"\n  | \"FIVE_MINUTES\"\n  | \"ONE_HOUR\"\n  | \"TWENTY_FOUR_HOURS\"\n  | \"CUSTOM\";\n\nexport interface DateTimeFilter {\n  fromDate: string;\n  toDate: string;\n  type: DateTimeFilterType;\n}\n\nexport enum ValueSelectType {\n  single = \"single\",\n  multi = \"multi\"\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;IAoCS,iBAMX;AAND,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,QAAgB,CAAA;AAChB,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACtB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,GAM3B,EAAA,CAAA,CAAA,CAAA;IA0DW,gBAGX;AAHD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,GAG1B,EAAA,CAAA,CAAA;;;;"}

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

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React, { useRef, useEffect, Fragment } from 'react';
 import { DataGridFilter } from './DataGridFilter.esm.js';
 import classes from './DataGridToolbar.module.scss.esm.js';
 import { Typography } from '../../Typography/Typography.esm.js';
@@ -21,11 +21,20 @@ import { DataGridDateFilter } from './DataGridDateFilter.esm.js';
  *    limitations under the License.
  */
 const DataGridToolbar = ({ columnsMetadata, filterValues, translations, onFilterAdd, onFilterEdit, onFilterDelete, dateFilterValue, onDateFilterValueChange, onFiltersClear, customEditTagContent }) => {
-    const { state, addFilter, editFilter, deleteFilter, clearFilters } = useFiltersReducer(filterValues);
+    const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } = useFiltersReducer(filterValues);
+    const isFirstRenderRef = useRef(true);
+    useEffect(() => {
+        if (!isFirstRenderRef.current && filterValues) {
+            resetFilters(filterValues);
+        }
+    }, [filterValues]);
+    useEffect(() => {
+        isFirstRenderRef.current = false;
+    }, []);
     const { clearButtonCaption = "Clear all filters" } = (translations === null || translations === void 0 ? void 0 : translations.toolbar) || {};
     return (React.createElement(Fragment, null,
         columnsMetadata &&
-            state.filters.map(filter => (React.createElement(DataGridFilter, { mode: "EDIT", key: filter.id, filter: filter, columnsMetadata: columnsMetadata, onFilterEdit: filter => {
+            state.filters.map(filter => (React.createElement(DataGridFilter, { mode: "EDIT", key: filter.id, filter: filter, columnsMetadata: columnsMetadata, filterState: state, onFilterEdit: filter => {
                     editFilter(filter);
                     onFilterEdit && onFilterEdit(filter);
                 }, onFilterDelete: id => {
@@ -33,7 +42,7 @@ const DataGridToolbar = ({ columnsMetadata, filterValues, translations, onFilter
                     onFilterDelete && onFilterDelete(id);
                 }, tagTranslations: translations === null || translations === void 0 ? void 0 : translations.tag, popoverTranslations: translations === null || translations === void 0 ? void 0 : translations.popover, customEditTagContent: customEditTagContent }))),
         React.createElement("div", { className: classes["actions-wrapper"] },
-            columnsMetadata && (React.createElement(DataGridFilter, { mode: "ADD", customEditTagContent: customEditTagContent, columnsMetadata: columnsMetadata, onFilterAdd: filter => {
+            columnsMetadata && (React.createElement(DataGridFilter, { mode: "ADD", customEditTagContent: customEditTagContent, columnsMetadata: columnsMetadata, filterState: state, 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 })),