@onewelcome/react-lib-components 8.15.0 → 9.0.0

package/dist/cjs/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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_hzfKI{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow_row_hzfKI:not(.DataGridRow_loading_hzfKI):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_hzfKI.DataGridRow_border-0_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow_row_hzfKI.DataGridRow_border-1_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow_row_hzfKI.DataGridRow_border-2_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow_row_hzfKI.DataGridRow_border-3_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow_row_hzfKI.DataGridRow_border-4_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow_row_hzfKI.DataGridRow_border-5_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow_row_hzfKI.DataGridRow_border-6_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow_row_hzfKI.DataGridRow_border-drawer_hzfKI:not(:nth-last-child(2)):after,.DataGridRow_row_hzfKI.DataGridRow_border_hzfKI:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:0;position:absolute;width:100%}.DataGridRow_expand-button-cell_hzfKI{padding:0}.DataGridRow_connector_hzfKI{height:calc(var(--font-size)*3.25);left:0;position:absolute;top:0;width:2.875rem}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-0_hzfKI{left:0}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-1_hzfKI{left:4.125rem}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-2_hzfKI{left:8.25rem}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-3_hzfKI{left:12.375rem}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-4_hzfKI{left:16.5rem}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-5_hzfKI{left:20.625rem}.DataGridRow_connector_hzfKI.DataGridRow_offset-left-6_hzfKI{left:24.75rem}.DataGridRow_connector_hzfKI.DataGridRow_vertical_hzfKI:before{background-color:var(--color-blue-grey200);content:"";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_hzfKI.DataGridRow_t-shape_hzfKI:before{background-color:var(--color-blue-grey200);content:"";height:calc(var(--font-size)*3.25);left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_hzfKI.DataGridRow_t-shape_hzfKI:after{background-color:var(--color-blue-grey200);content:"";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow_connector_hzfKI.DataGridRow_line_hzfKI:before{background-color:var(--color-blue-grey200);content:"";height:50%;left:50%;position:absolute;width:1px}.DataGridRow_connector_hzfKI.DataGridRow_line_hzfKI: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= */'),exports.default={row:"DataGridRow_row_hzfKI",loading:"DataGridRow_loading_hzfKI","border-0":"DataGridRow_border-0_hzfKI","border-1":"DataGridRow_border-1_hzfKI","border-2":"DataGridRow_border-2_hzfKI","border-3":"DataGridRow_border-3_hzfKI","border-4":"DataGridRow_border-4_hzfKI","border-5":"DataGridRow_border-5_hzfKI","border-6":"DataGridRow_border-6_hzfKI",border:"DataGridRow_border_hzfKI","border-drawer":"DataGridRow_border-drawer_hzfKI","expand-button-cell":"DataGridRow_expand-button-cell_hzfKI",connector:"DataGridRow_connector_hzfKI","offset-left-0":"DataGridRow_offset-left-0_hzfKI","offset-left-1":"DataGridRow_offset-left-1_hzfKI","offset-left-2":"DataGridRow_offset-left-2_hzfKI","offset-left-3":"DataGridRow_offset-left-3_hzfKI","offset-left-4":"DataGridRow_offset-left-4_hzfKI","offset-left-5":"DataGridRow_offset-left-5_hzfKI","offset-left-6":"DataGridRow_offset-left-6_hzfKI",vertical:"DataGridRow_vertical_hzfKI","t-shape":"DataGridRow_t-shape_hzfKI",line:"DataGridRow_line_hzfKI"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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_VpokY{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow_row_VpokY:not(.DataGridRow_loading_VpokY):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_VpokY.DataGridRow_border-0_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow_row_VpokY.DataGridRow_border-1_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow_row_VpokY.DataGridRow_border-2_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow_row_VpokY.DataGridRow_border-3_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow_row_VpokY.DataGridRow_border-4_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow_row_VpokY.DataGridRow_border-5_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow_row_VpokY.DataGridRow_border-6_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow_row_VpokY.DataGridRow_border-drawer_VpokY:not(:nth-last-child(2)):after,.DataGridRow_row_VpokY.DataGridRow_border_VpokY:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:"";left:0;position:absolute;width:100%}.DataGridRow_expand-button-cell_VpokY{padding:0}.DataGridRow_connector_VpokY{height:calc(var(--font-size)*3.25);left:0;position:absolute;top:0;width:2.875rem}.DataGridRow_connector_VpokY.DataGridRow_offset-left-0_VpokY{left:0}.DataGridRow_connector_VpokY.DataGridRow_offset-left-1_VpokY{left:4.125rem}.DataGridRow_connector_VpokY.DataGridRow_offset-left-2_VpokY{left:8.25rem}.DataGridRow_connector_VpokY.DataGridRow_offset-left-3_VpokY{left:12.375rem}.DataGridRow_connector_VpokY.DataGridRow_offset-left-4_VpokY{left:16.5rem}.DataGridRow_connector_VpokY.DataGridRow_offset-left-5_VpokY{left:20.625rem}.DataGridRow_connector_VpokY.DataGridRow_offset-left-6_VpokY{left:24.75rem}.DataGridRow_connector_VpokY.DataGridRow_vertical_VpokY:before{background-color:var(--color-blue-grey200);content:"";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_VpokY.DataGridRow_t-shape_VpokY:before{background-color:var(--color-blue-grey200);content:"";height:calc(var(--font-size)*3.25);left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_VpokY.DataGridRow_t-shape_VpokY:after{background-color:var(--color-blue-grey200);content:"";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow_connector_VpokY.DataGridRow_line_VpokY:before{background-color:var(--color-blue-grey200);content:"";height:50%;left:50%;position:absolute;width:1px}.DataGridRow_connector_VpokY.DataGridRow_line_VpokY: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= */'),exports.default={row:"DataGridRow_row_VpokY",loading:"DataGridRow_loading_VpokY","border-0":"DataGridRow_border-0_VpokY","border-1":"DataGridRow_border-1_VpokY","border-2":"DataGridRow_border-2_VpokY","border-3":"DataGridRow_border-3_VpokY","border-4":"DataGridRow_border-4_VpokY","border-5":"DataGridRow_border-5_VpokY","border-6":"DataGridRow_border-6_VpokY",border:"DataGridRow_border_VpokY","border-drawer":"DataGridRow_border-drawer_VpokY","expand-button-cell":"DataGridRow_expand-button-cell_VpokY",connector:"DataGridRow_connector_VpokY","offset-left-0":"DataGridRow_offset-left-0_VpokY","offset-left-1":"DataGridRow_offset-left-1_VpokY","offset-left-2":"DataGridRow_offset-left-2_VpokY","offset-left-3":"DataGridRow_offset-left-3_VpokY","offset-left-4":"DataGridRow_offset-left-4_VpokY","offset-left-5":"DataGridRow_offset-left-5_VpokY","offset-left-6":"DataGridRow_offset-left-6_VpokY",vertical:"DataGridRow_vertical_VpokY","t-shape":"DataGridRow_t-shape_VpokY",line:"DataGridRow_line_VpokY"};
 //# sourceMappingURL=DataGridRow.module.scss.cjs.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("react-dom"),r=require("../../src/hooks/useGetDomRoot.cjs.js"),a=require("../../src/util/helper.cjs.js"),o=require("./DataGridFilterTag.cjs.js"),s=require("./DataGridFilterPopover.cjs.js"),l=require("./DataGridFilterService.cjs.js");exports.DataGridFilter=({mode:i,filter:n,domRoot:u,columnsMetadata:c,onFilterAdd:d,onFilterEdit:m,onFilterDelete:p,tagTranslations:F,popoverTranslations:D,customEditTagContent:f,filterState:v})=>{const j=e.useRef(null),R=e.useRef(null),g=e.useRef(null),[G,q]=e.useState(!1),{root:E}=r.useGetDomRoot(u,j),{resetFields:O,operator:T,setOperator:V,operators:k,setOperators:C,column:P,setColumn:S,values:h,setValues:M,pickedValues:A,setPickedValues:I,initialiseFilterValues:b,allowedColumnsMetaData:w}=l.useDataGridFilter(i,c,v);return e.createElement(e.Fragment,null,e.createElement(o.DataGridFilterTag,{mode:i,onFilterOpen:()=>{q(!G),G||b(n)},onFilterRemove:()=>{if(!n)return;const{id:e}=n;p&&p(e),O(),q(!1)},triggerRef:R,ref:j,filter:n,translations:F,customEditTagContent:f}),t.createPortal(e.createElement(s.DataGridFilterPopover,{popoverRef:g,anchorRef:j,isOpen:G,translations:D,column:P,columnsMetadata:w,values:h,pickedValues:A,operator:T,operators:k,onFilterSubmit:()=>{if("ADD"===i){const e=a.generateID();d&&d({id:e,column:P,operator:T,value:A})}else if("EDIT"===i&&n){const{id:e}=n;m&&m({id:e,column:P,operator:T,value:A})}O(),q(!1)},resetFields:O,setFilterOpen:q,setColumn:S,setOperator:V,setOperators:C,setValues:M,setPickedValues:I}),E))};
+"use strict";var e=require("react"),t=require("react-dom"),r=require("../../src/hooks/useGetDomRoot.cjs.js"),a=require("../../src/util/helper.cjs.js"),o=require("./DataGridFilterTag.cjs.js"),s=require("./DataGridFilterPopover.cjs.js"),l=require("./DataGridFilterService.cjs.js");exports.DataGridFilter=({mode:i,filter:n,domRoot:u,columnsMetadata:c,onFilterAdd:d,onFilterEdit:m,onFilterDelete:p,tagTranslations:F,popoverTranslations:D,customEditTagContent:f,filterState:v})=>{const j=e.useRef(null),R=e.useRef(null),g=e.useRef(null),[G,q]=e.useState(!1),{root:E}=r.useGetDomRoot(u,j),{resetFields:O,operator:T,setOperator:V,operators:k,setOperators:C,column:P,setColumn:M,values:S,setValues:h,pickedValues:A,setPickedValues:I,initialiseFilterValues:b,allowedColumnsMetaData:w}=l.useDataGridFilter(i,c,v);return e.createElement(e.Fragment,null,e.createElement(o.DataGridFilterTag,{mode:i,onFilterOpen:()=>{q(!G),G||b(n)},onFilterRemove:()=>{if(!n)return;const{id:e}=n;p&&p(e),O(),q(!1)},triggerRef:R,ref:j,filter:n,translations:F,customEditTagContent:f,columnsMetadata:c}),t.createPortal(e.createElement(s.DataGridFilterPopover,{popoverRef:g,anchorRef:j,isOpen:G,translations:D,column:P,columnsMetadata:w,values:S,pickedValues:A,operator:T,operators:k,onFilterSubmit:()=>{if("ADD"===i){const e=a.generateID();d&&d({id:e,column:P,operator:T,value:A})}else if("EDIT"===i&&n){const{id:e}=n;m&&m({id:e,column:P,operator:T,value:A})}O(),q(!1)},resetFields:O,setFilterOpen:q,setColumn:M,setOperator:V,setOperators:C,setValues:h,setPickedValues:I}),E))};
 //# sourceMappingURL=DataGridFilter.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilter.cjs.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":["mode","filter","domRoot","columnsMetadata","onFilterAdd","onFilterEdit","onFilterDelete","tagTranslations","popoverTranslations","customEditTagContent","filterState","wrappingDivRef","useRef","triggerRef","popoverRef","filterOpen","setFilterOpen","useState","root","useGetDomRoot","resetFields","operator","setOperator","operators","setOperators","column","setColumn","values","setValues","pickedValues","setPickedValues","initialiseFilterValues","allowedColumnsMetaData","useDataGridFilter","React","Fragment","createElement","DataGridFilterTag","onFilterOpen","onFilterRemove","id","ref","translations","createPortal","DataGridFilterPopover","anchorRef","isOpen","onFilterSubmit","generateID","value"],"mappings":"8SA8C8B,EAC5BA,OACAC,SACAC,UACAC,kBACAC,cACAC,eACAC,iBACAC,kBACAC,sBACAC,uBACAC,kBAEA,MAAMC,EAAiBC,SAAuB,MACxCC,EAAaD,SAA0B,MACvCE,EAAaF,SAAuB,OAEnCG,EAAYC,GAAiBC,EAAQA,UAAC,IACvCC,KAAEA,GAASC,EAAaA,cAACjB,EAASS,IAClCS,YACJA,EAAWC,SACXA,EAAQC,YACRA,EAAWC,UACXA,EAASC,aACTA,EAAYC,OACZA,EAAMC,UACNA,EAASC,OACTA,EAAMC,UACNA,EAASC,aACTA,EAAYC,gBACZA,EAAeC,uBACfA,EAAsBC,uBACtBA,GACEC,EAAAA,kBAAkBjC,EAAMG,EAAiBO,GAiC7C,OACEwB,gBAACC,EAAAA,SAAQ,KACPD,EAAAE,cAACC,EAAAA,kBAAiB,CAChBrC,KAAMA,EACNsC,aAXe,KACnBtB,GAAeD,GACVA,GACHgB,EAAuB9B,EACxB,EAQGsC,eAvBiB,KACrB,IAAKtC,EACH,OAGF,MAAMuC,GAAEA,GAAOvC,EACfK,GAAkBA,EAAekC,GAEjCpB,IACAJ,GAAc,EAAM,EAehBH,WAAYA,EACZ4B,IAAK9B,EACLV,OAAQA,EACRyC,aAAcnC,EACdE,qBAAsBA,IAEvBkC,eACCT,EAACE,cAAAQ,wBACC,CAAA9B,WAAYA,EACZ+B,UAAWlC,EACXmC,OAAQ/B,EACR2B,aAAclC,EACdiB,OAAQA,EACRtB,gBAAiB6B,EACjBL,OAAQA,EACRE,aAAcA,EACdR,SAAUA,EACVE,UAAWA,EACXwB,eAvDe,KACrB,GAAa,QAAT/C,EAAgB,CAClB,MAAMwC,EAAKQ,EAAAA,aACX5C,GAAeA,EAAY,CAAEoC,KAAIf,SAAQJ,WAAU4B,MAAOpB,GAC3D,MAAM,GAAa,SAAT7B,GAAmBC,EAAQ,CACpC,MAAMuC,GAAEA,GAAOvC,EACfI,GAAgBA,EAAa,CAAEmC,KAAIf,SAAQJ,WAAU4B,MAAOpB,GAC7D,CAEDT,IACAJ,GAAc,EAAM,EA8CdI,YAAaA,EACbJ,cAAeA,EACfU,UAAWA,EACXJ,YAAaA,EACbE,aAAcA,EACdI,UAAWA,EACXE,gBAAiBA,IAEnBZ,GAGJ"}
+{"version":3,"file":"DataGridFilter.cjs.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        columnsMetadata={columnsMetadata}\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":["mode","filter","domRoot","columnsMetadata","onFilterAdd","onFilterEdit","onFilterDelete","tagTranslations","popoverTranslations","customEditTagContent","filterState","wrappingDivRef","useRef","triggerRef","popoverRef","filterOpen","setFilterOpen","useState","root","useGetDomRoot","resetFields","operator","setOperator","operators","setOperators","column","setColumn","values","setValues","pickedValues","setPickedValues","initialiseFilterValues","allowedColumnsMetaData","useDataGridFilter","React","Fragment","createElement","DataGridFilterTag","onFilterOpen","onFilterRemove","id","ref","translations","createPortal","DataGridFilterPopover","anchorRef","isOpen","onFilterSubmit","generateID","value"],"mappings":"8SA8C8B,EAC5BA,OACAC,SACAC,UACAC,kBACAC,cACAC,eACAC,iBACAC,kBACAC,sBACAC,uBACAC,kBAEA,MAAMC,EAAiBC,SAAuB,MACxCC,EAAaD,SAA0B,MACvCE,EAAaF,SAAuB,OAEnCG,EAAYC,GAAiBC,EAAQA,UAAC,IACvCC,KAAEA,GAASC,EAAaA,cAACjB,EAASS,IAClCS,YACJA,EAAWC,SACXA,EAAQC,YACRA,EAAWC,UACXA,EAASC,aACTA,EAAYC,OACZA,EAAMC,UACNA,EAASC,OACTA,EAAMC,UACNA,EAASC,aACTA,EAAYC,gBACZA,EAAeC,uBACfA,EAAsBC,uBACtBA,GACEC,EAAAA,kBAAkBjC,EAAMG,EAAiBO,GAiC7C,OACEwB,gBAACC,EAAAA,SAAQ,KACPD,EAAAE,cAACC,EAAiBA,kBAChB,CAAArC,KAAMA,EACNsC,aAXe,KACnBtB,GAAeD,GACVA,GACHgB,EAAuB9B,EACxB,EAQGsC,eAvBiB,KACrB,IAAKtC,EACH,OAGF,MAAMuC,GAAEA,GAAOvC,EACfK,GAAkBA,EAAekC,GAEjCpB,IACAJ,GAAc,EAAM,EAehBH,WAAYA,EACZ4B,IAAK9B,EACLV,OAAQA,EACRyC,aAAcnC,EACdE,qBAAsBA,EACtBN,gBAAiBA,IAElBwC,eACCT,EAACE,cAAAQ,wBACC,CAAA9B,WAAYA,EACZ+B,UAAWlC,EACXmC,OAAQ/B,EACR2B,aAAclC,EACdiB,OAAQA,EACRtB,gBAAiB6B,EACjBL,OAAQA,EACRE,aAAcA,EACdR,SAAUA,EACVE,UAAWA,EACXwB,eAxDe,KACrB,GAAa,QAAT/C,EAAgB,CAClB,MAAMwC,EAAKQ,EAAAA,aACX5C,GAAeA,EAAY,CAAEoC,KAAIf,SAAQJ,WAAU4B,MAAOpB,GAC3D,MAAM,GAAa,SAAT7B,GAAmBC,EAAQ,CACpC,MAAMuC,GAAEA,GAAOvC,EACfI,GAAgBA,EAAa,CAAEmC,KAAIf,SAAQJ,WAAU4B,MAAOpB,GAC7D,CAEDT,IACAJ,GAAc,EAAM,EA+CdI,YAAaA,EACbJ,cAAeA,EACfU,UAAWA,EACXJ,YAAaA,EACbE,aAAcA,EACdI,UAAWA,EACXE,gBAAiBA,IAEnBZ,GAGJ"}

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilter.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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_hzfKI{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter_hidden_hzfKI{display:none}.DataGridFilter_slide-in_hzfKI{animation:DataGridFilter_slide-in_hzfKI .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-in_hzfKI{animation-duration:.1ms}}.DataGridFilter_slide-out_hzfKI{animation:DataGridFilter_slide-out_hzfKI .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-out_hzfKI{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_hzfKI{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_hzfKI{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_hzfKI{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_hzfKI:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_hzfKI:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_filter-button_hzfKI{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_filter-button_hzfKI:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_filter-button_hzfKI:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_remove-button_hzfKI{border-radius:1.25rem}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_caption_hzfKI{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_caption_hzfKI.DataGridFilter_bold_hzfKI{font-weight:600}.DataGridFilter_filter-wrapper_hzfKI .DataGridFilter_remove-icon_hzfKI{font-size:calc(var(--font-size)*.6)}.DataGridFilter_column-select-option_hzfKI{text-transform:capitalize}.DataGridFilter_popover_hzfKI{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter_popover_hzfKI .DataGridFilter_controls_hzfKI{display:flex;gap:1rem;width:100%}.DataGridFilter_popover_hzfKI .DataGridFilter_controls_hzfKI>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_hzfKI .DataGridFilter_controls_hzfKI>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_hzfKI .DataGridFilter_controls_hzfKI>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_hzfKI .DataGridFilter_actions_hzfKI{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUdFLGtCQUFtQixDQUtuQiwwQ0FBMkMsQ0FEM0Msc0JBQXVCLENBTnZCLFlBQWEsQ0FHYixXQUFhLENBRmIsc0JBQXVCLENBR3ZCLGlCQUFrQixDQUNsQixrQ0FHRixDQUNBLDJDQUNFLDBDQUNGLENBQ0EsNENBQ0Usd0NBQ0YsQ0FDQSx5RUFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9GQUNFLG9CQUNGLENBQ0EsdUZBR0Usd0NBQXlDLENBRnpDLDREQUFnRSxDQUNoRSxnQkFFRixDQUNBLHlFQUNFLHFCQUNGLENBQ0EsbUVBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EsNkZBQ0UsZUFDRixDQUNBLHVFQUNFLG1DQUNGLENBRUEsMkNBQ0UseUJBQ0YsQ0FFQSw4QkFHRSxzQkFBdUIsQ0FGdkIsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixRQUFTLENBRVQsZUFBZ0IsQ0FEaEIsbUJBRUYsQ0FDQSw2REFFRSxZQUFhLENBQ2IsUUFBUyxDQUZULFVBR0YsQ0FDQSwwRUFDRSxhQUFjLENBQ2QsYUFBYyxDQUNkLFlBQ0YsQ0FDQSwyRUFDRSxXQUFZLENBQ1osYUFBYyxDQUNkLFlBQ0YsQ0FDQSx5RUFDRSxnQkFBaUIsQ0FDakIsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsNERBQ0UsWUFBYSxDQUNiLFFBQ0YiLCJmaWxlIjoiRGF0YUdyaWRGaWx0ZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbHRlci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXI6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTEwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAwLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246b25seS1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogLTAuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IGNhbGMoMC4xMjUgKiB2YXIoLS1mb250LXNpemUpKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDEuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uLmJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5yZW1vdmUtaWNvbiB7XG4gIGZvbnQtc2l6ZTogY2FsYygwLjYgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */'),exports.default={"sr-only":"DataGridFilter_sr-only_hzfKI",hidden:"DataGridFilter_hidden_hzfKI","slide-in":"DataGridFilter_slide-in_hzfKI","slide-out":"DataGridFilter_slide-out_hzfKI","filter-wrapper":"DataGridFilter_filter-wrapper_hzfKI","filter-button":"DataGridFilter_filter-button_hzfKI","remove-button":"DataGridFilter_remove-button_hzfKI",caption:"DataGridFilter_caption_hzfKI",bold:"DataGridFilter_bold_hzfKI","remove-icon":"DataGridFilter_remove-icon_hzfKI","column-select-option":"DataGridFilter_column-select-option_hzfKI",popover:"DataGridFilter_popover_hzfKI",controls:"DataGridFilter_controls_hzfKI",actions:"DataGridFilter_actions_hzfKI"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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_VpokY{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter_hidden_VpokY{display:none}.DataGridFilter_slide-in_VpokY{animation:DataGridFilter_slide-in_VpokY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-in_VpokY{animation-duration:.1ms}}.DataGridFilter_slide-out_VpokY{animation:DataGridFilter_slide-out_VpokY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-out_VpokY{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_VpokY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_VpokY{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_VpokY{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_VpokY:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_VpokY:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_filter-button_VpokY{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_filter-button_VpokY:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_filter-button_VpokY:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_remove-button_VpokY{border-radius:1.25rem}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_caption_VpokY{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_caption_VpokY.DataGridFilter_bold_VpokY{font-weight:600}.DataGridFilter_filter-wrapper_VpokY .DataGridFilter_remove-icon_VpokY{font-size:calc(var(--font-size)*.6)}.DataGridFilter_column-select-option_VpokY{text-transform:capitalize}.DataGridFilter_popover_VpokY{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter_popover_VpokY .DataGridFilter_controls_VpokY{display:flex;gap:1rem;width:100%}.DataGridFilter_popover_VpokY .DataGridFilter_controls_VpokY>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_VpokY .DataGridFilter_controls_VpokY>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_VpokY .DataGridFilter_controls_VpokY>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_VpokY .DataGridFilter_actions_VpokY{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUdFLGtCQUFtQixDQUtuQiwwQ0FBMkMsQ0FEM0Msc0JBQXVCLENBTnZCLFlBQWEsQ0FHYixXQUFhLENBRmIsc0JBQXVCLENBR3ZCLGlCQUFrQixDQUNsQixrQ0FHRixDQUNBLDJDQUNFLDBDQUNGLENBQ0EsNENBQ0Usd0NBQ0YsQ0FDQSx5RUFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9GQUNFLG9CQUNGLENBQ0EsdUZBR0Usd0NBQXlDLENBRnpDLDREQUFnRSxDQUNoRSxnQkFFRixDQUNBLHlFQUNFLHFCQUNGLENBQ0EsbUVBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EsNkZBQ0UsZUFDRixDQUNBLHVFQUNFLG1DQUNGLENBRUEsMkNBQ0UseUJBQ0YsQ0FFQSw4QkFHRSxzQkFBdUIsQ0FGdkIsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixRQUFTLENBRVQsZUFBZ0IsQ0FEaEIsbUJBRUYsQ0FDQSw2REFFRSxZQUFhLENBQ2IsUUFBUyxDQUZULFVBR0YsQ0FDQSwwRUFDRSxhQUFjLENBQ2QsYUFBYyxDQUNkLFlBQ0YsQ0FDQSwyRUFDRSxXQUFZLENBQ1osYUFBYyxDQUNkLFlBQ0YsQ0FDQSx5RUFDRSxnQkFBaUIsQ0FDakIsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsNERBQ0UsWUFBYSxDQUNiLFFBQ0YiLCJmaWxlIjoiRGF0YUdyaWRGaWx0ZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbHRlci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXI6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTEwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAwLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246b25seS1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogLTAuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IGNhbGMoMC4xMjUgKiB2YXIoLS1mb250LXNpemUpKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDEuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uLmJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5yZW1vdmUtaWNvbiB7XG4gIGZvbnQtc2l6ZTogY2FsYygwLjYgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */'),exports.default={"sr-only":"DataGridFilter_sr-only_VpokY",hidden:"DataGridFilter_hidden_VpokY","slide-in":"DataGridFilter_slide-in_VpokY","slide-out":"DataGridFilter_slide-out_VpokY","filter-wrapper":"DataGridFilter_filter-wrapper_VpokY","filter-button":"DataGridFilter_filter-button_VpokY","remove-button":"DataGridFilter_remove-button_VpokY",caption:"DataGridFilter_caption_VpokY",bold:"DataGridFilter_bold_VpokY","remove-icon":"DataGridFilter_remove-icon_VpokY","column-select-option":"DataGridFilter_column-select-option_VpokY",popover:"DataGridFilter_popover_VpokY",controls:"DataGridFilter_controls_VpokY",actions:"DataGridFilter_actions_VpokY"};
 //# sourceMappingURL=DataGridFilter.module.scss.cjs.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./DataGridFilter.module.scss.cjs.js"),a=require("../../Button/Button.cjs.js"),r=require("../../Form/Select/SingleSelect/Option.cjs.js"),l=require("../../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),o=require("../../Popover/Popover.cjs.js"),s=require("./DataGridFilterValueSelect.cjs.js"),c=require("./DataGridFilters.interfaces.cjs.js"),n=require("../../src/hooks/useRepeatFocus.cjs.js");exports.DataGridFilterPopover=({popoverRef:u,anchorRef:i,isOpen:p,column:m,columnsMetadata:d,values:v,pickedValues:f,operator:j,operators:E,onFilterSubmit:F,resetFields:O,setFilterOpen:S,setColumn:b,setOperator:V,setOperators:h,setValues:k,setPickedValues:q,translations:g})=>{const{columnSelectLabel:D="Filter by",operatorSelectLabel:B="Operator",submitButtonTitle:C="Apply",cancelButtonTitle:P="Cancel"}=g||{};return n.useRepeatFocus(u),e.useEffect((()=>{var e;p&&(null===(e=u.current)||void 0===e||e.focus())}),[p]),e.createElement(o.Popover,{tabIndex:-1,anchorEl:i,ref:u,show:p,placement:{horizontal:"left",vertical:"bottom"},transformOrigin:{horizontal:"left",vertical:"top"}},e.createElement("div",{className:t.default.popover},e.createElement("div",{className:t.default.controls},e.createElement(l.SelectWrapper,{label:D,value:m,name:"column",onChange:e=>{b(e.target.value);const t=d.find((({name:t})=>t===e.target.value));(null==t?void 0:t.operators)?(V(t.operators[0]),h(t.operators)):(V(Object.values(c.DefaultOperators)[0]),h(Object.values(c.DefaultOperators))),(null==t?void 0:t.defaultValues)?(q([]),k(t.defaultValues)):(q([]),k([]))}},d.map((({name:a,headline:l})=>e.createElement(r.Option,{className:t.default["column-select-option"],key:a,value:a},l)))),e.createElement(l.SelectWrapper,{label:B,value:j,name:"operator",onChange:e=>V(e.target.value)},E.map((t=>e.createElement(r.Option,{key:t,value:t},t)))),e.createElement(s.DataGridFilterValueSelect,{column:m,columnsMetadata:d,values:v,pickedValues:f,setValues:k,setPickedValues:q,translations:g})),e.createElement("div",{className:t.default.actions},e.createElement(a.Button,{onClick:F},C),e.createElement(a.Button,{variant:"text",onClick:()=>{O(),S(!1)}},P))))};
+"use strict";var e=require("react"),t=require("./DataGridFilter.module.scss.cjs.js"),a=require("../../Button/Button.cjs.js"),l=require("../../Form/Select/SingleSelect/Option.cjs.js"),r=require("../../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),o=require("../../Popover/Popover.cjs.js"),s=require("./DataGridFilterValueSelect.cjs.js"),n=require("./DataGridFilters.interfaces.cjs.js"),c=require("../../src/hooks/useRepeatFocus.cjs.js");exports.DataGridFilterPopover=({popoverRef:u,anchorRef:i,isOpen:p,column:m,columnsMetadata:d,values:v,pickedValues:f,operator:j,operators:E,onFilterSubmit:F,resetFields:O,setFilterOpen:b,setColumn:S,setOperator:V,setOperators:h,setValues:k,setPickedValues:q,translations:g})=>{const{columnSelectLabel:B="Filter by",operatorSelectLabel:D="Operator",submitButtonTitle:C="Apply",cancelButtonTitle:P="Cancel"}=g||{};c.useRepeatFocus(u);const y=j&&!j.allowEmptyValues,G=Boolean(y&&0===f.length);return e.useEffect((()=>{var e;p&&(null===(e=u.current)||void 0===e||e.focus())}),[p]),e.createElement(o.Popover,{tabIndex:-1,anchorEl:i,ref:u,show:p,placement:{horizontal:"left",vertical:"bottom"},transformOrigin:{horizontal:"left",vertical:"top"}},p&&e.createElement("div",{className:t.default.popover},e.createElement("div",{className:t.default.controls},e.createElement(r.SelectWrapper,{label:B,value:m,name:"column",onChange:e=>{S(e.target.value);const t=d.find((({name:t})=>t===e.target.value));(null==t?void 0:t.operators)?(V(t.operators[0]),h(t.operators)):(V(Object.values(n.DefaultOperators)[0]),h(Object.values(n.DefaultOperators))),(null==t?void 0:t.defaultValues)?(q([]),k(t.defaultValues)):(q([]),k([]))}},d.map((({name:a,headline:r})=>e.createElement(l.Option,{className:t.default["column-select-option"],key:a,value:a},r)))),e.createElement(r.SelectWrapper,{label:D,value:(null==j?void 0:j.name)||"",name:"operator",onChange:e=>{const t=E.find((t=>t.name===e.target.value));V(t||null)}},E.map((t=>e.createElement(l.Option,{key:t.name,value:t.name},t.name)))),e.createElement(s.DataGridFilterValueSelect,{column:m,columnsMetadata:d,values:v,pickedValues:f,setValues:k,setPickedValues:q,translations:g,operator:j})),e.createElement("div",{className:t.default.actions},e.createElement(a.Button,{onClick:F,disabled:G},C),e.createElement(a.Button,{variant:"text",onClick:()=>{O(),b(!1)}},P))))};
 //# sourceMappingURL=DataGridFilterPopover.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterPopover.cjs.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":["popoverRef","anchorRef","isOpen","column","columnsMetadata","values","pickedValues","operator","operators","onFilterSubmit","resetFields","setFilterOpen","setColumn","setOperator","setOperators","setValues","setPickedValues","translations","columnSelectLabel","operatorSelectLabel","submitButtonTitle","cancelButtonTitle","useRepeatFocus","useEffect","_a","current","focus","React","createElement","Popover","tabIndex","anchorEl","ref","show","placement","horizontal","vertical","transformOrigin","className","classes","SelectWrapper","label","value","name","onChange","e","target","columnMetadata","find","Object","DefaultOperators","defaultValues","map","headline","Option","key","DataGridFilterValueSelect","Button","onClick","variant"],"mappings":"sdAmDqC,EACnCA,aACAC,YACAC,SACAC,SACAC,kBACAC,SACAC,eACAC,WACAC,YACAC,iBACAC,cACAC,gBACAC,YACAC,cACAC,eACAC,YACAC,kBACAC,mBAEA,MAAMC,kBACJA,EAAoB,YAAWC,oBAC/BA,EAAsB,WAAUC,kBAChCA,EAAoB,QAAOC,kBAC3BA,EAAoB,UAClBJ,GAAgB,CAAA,EASpB,OARAK,EAAcA,eAACtB,GAEfuB,EAAAA,WAAU,WACJrB,IACkB,QAApBsB,EAAAxB,EAAWyB,eAAS,IAAAD,GAAAA,EAAAE,QACrB,GACA,CAACxB,IAGFyB,EAACC,cAAAC,EAAOA,SACNC,UAAW,EACXC,SAAU9B,EACV+B,IAAKhC,EACLiC,KAAM/B,EACNgC,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,gBAAiB,CAAEF,WAAY,OAAQC,SAAU,QAEjDT,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAkB,UAChCZ,EAAAC,cAACY,gBACC,CAAAC,MAAOvB,EACPwB,MAAOvC,EACPwC,KAAM,SACNC,SAAUC,IACRjC,EAAUiC,EAAEC,OAAOJ,OACnB,MAAMK,EAAiB3C,EAAgB4C,MAAK,EAAGL,UAAWA,IAASE,EAAEC,OAAOJ,SAExEK,aAAc,EAAdA,EAAgBvC,YAClBK,EAAYkC,EAAevC,UAAU,IACrCM,EAAaiC,EAAevC,aAE5BK,EAAYoC,OAAO5C,OAAO6C,EAAgBA,kBAAE,IAC5CpC,EAAamC,OAAO5C,OAAO6C,EAAAA,qBAGzBH,aAAc,EAAdA,EAAgBI,gBAClBnC,EAAgB,IAChBD,EAAUgC,EAAeI,iBAEzBnC,EAAgB,IAChBD,EAAU,IACX,GAGFX,EAAgBgD,KAAI,EAAGT,OAAMU,cAC5B1B,gBAAC2B,SAAM,CAAChB,UAAWC,UAAQ,wBAAyBgB,IAAKZ,EAAMD,MAAOC,GACnEU,MAIP1B,EAACC,cAAAY,EAAAA,cACC,CAAAC,MAAOtB,EACPuB,MAAOnC,EACPoC,KAAM,WACNC,SAAUC,GAAKhC,EAAYgC,EAAEC,OAAOJ,QAEnClC,EAAU4C,KAAI7C,GACboB,EAACC,cAAA0B,EAAMA,QAACC,IAAKhD,EAAUmC,MAAOnC,GAC3BA,MAIPoB,EAAAC,cAAC4B,EAAAA,0BAAyB,CACxBrD,OAAQA,EACRC,gBAAiBA,EACjBC,OAAQA,EACRC,aAAcA,EACdS,UAAWA,EACXC,gBAAiBA,EACjBC,aAAcA,KAGlBU,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAAAC,cAAC6B,EAAMA,OAAC,CAAAC,QAASjD,GAAiBW,GAClCO,EAACC,cAAA6B,EAAMA,QACLE,QAAQ,OACRD,QAAS,KACPhD,IACAC,GAAc,EAAM,GAGrBU,KAKT"}
+{"version":3,"file":"DataGridFilterPopover.cjs.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  FilterOperator,\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: FilterOperator | null;\n  operators: FilterOperator[];\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<FilterOperator | null>) => void;\n  setOperators: (operators: React.SetStateAction<FilterOperator[]>) => 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  const isValueRequired = operator && !operator.allowEmptyValues;\n  const hasValidationError = Boolean(isValueRequired && pickedValues.length === 0);\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      {isOpen && (\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?.name || \"\"}\n              name={\"operator\"}\n              onChange={e => {\n                const selectedOperator = operators.find(op => op.name === e.target.value);\n                setOperator(selectedOperator || null);\n              }}\n            >\n              {operators.map(operator => (\n                <Option key={operator.name} value={operator.name}>\n                  {operator.name}\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              operator={operator}\n            />\n          </div>\n          <div className={classes[\"actions\"]}>\n            <Button onClick={onFilterSubmit} disabled={hasValidationError}>\n              {submitButtonTitle}\n            </Button>\n            <Button\n              variant=\"text\"\n              onClick={() => {\n                resetFields();\n                setFilterOpen(false);\n              }}\n            >\n              {cancelButtonTitle}\n            </Button>\n          </div>\n        </div>\n      )}\n    </Popover>\n  );\n};\n"],"names":["popoverRef","anchorRef","isOpen","column","columnsMetadata","values","pickedValues","operator","operators","onFilterSubmit","resetFields","setFilterOpen","setColumn","setOperator","setOperators","setValues","setPickedValues","translations","columnSelectLabel","operatorSelectLabel","submitButtonTitle","cancelButtonTitle","useRepeatFocus","isValueRequired","allowEmptyValues","hasValidationError","Boolean","length","useEffect","_a","current","focus","React","createElement","Popover","tabIndex","anchorEl","ref","show","placement","horizontal","vertical","transformOrigin","className","classes","SelectWrapper","label","value","name","onChange","e","target","columnMetadata","find","Object","DefaultOperators","defaultValues","map","headline","Option","key","selectedOperator","op","DataGridFilterValueSelect","Button","onClick","disabled","variant"],"mappings":"sdAoDqC,EACnCA,aACAC,YACAC,SACAC,SACAC,kBACAC,SACAC,eACAC,WACAC,YACAC,iBACAC,cACAC,gBACAC,YACAC,cACAC,eACAC,YACAC,kBACAC,mBAEA,MAAMC,kBACJA,EAAoB,YAAWC,oBAC/BA,EAAsB,WAAUC,kBAChCA,EAAoB,QAAOC,kBAC3BA,EAAoB,UAClBJ,GAAgB,CAAA,EACpBK,EAAcA,eAACtB,GAEf,MAAMuB,EAAkBhB,IAAaA,EAASiB,iBACxCC,EAAqBC,QAAQH,GAA2C,IAAxBjB,EAAaqB,QAQnE,OANAC,EAAAA,WAAU,WACJ1B,IACkB,QAApB2B,EAAA7B,EAAW8B,eAAS,IAAAD,GAAAA,EAAAE,QACrB,GACA,CAAC7B,IAGF8B,EAACC,cAAAC,EAAAA,QACC,CAAAC,UAAW,EACXC,SAAUnC,EACVoC,IAAKrC,EACLsC,KAAMpC,EACNqC,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,gBAAiB,CAAEF,WAAY,OAAQC,SAAU,QAEhDvC,GACC8B,EAAKC,cAAA,MAAA,CAAAU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAkB,UAChCZ,EAAAC,cAACY,gBACC,CAAAC,MAAO5B,EACP6B,MAAO5C,EACP6C,KAAM,SACNC,SAAUC,IACRtC,EAAUsC,EAAEC,OAAOJ,OACnB,MAAMK,EAAiBhD,EAAgBiD,MAAK,EAAGL,UAAWA,IAASE,EAAEC,OAAOJ,SAExEK,aAAc,EAAdA,EAAgB5C,YAClBK,EAAYuC,EAAe5C,UAAU,IACrCM,EAAasC,EAAe5C,aAE5BK,EAAYyC,OAAOjD,OAAOkD,EAAgBA,kBAAE,IAC5CzC,EAAawC,OAAOjD,OAAOkD,EAAAA,qBAGzBH,aAAc,EAAdA,EAAgBI,gBAClBxC,EAAgB,IAChBD,EAAUqC,EAAeI,iBAEzBxC,EAAgB,IAChBD,EAAU,IACX,GAGFX,EAAgBqD,KAAI,EAAGT,OAAMU,cAC5B1B,gBAAC2B,SAAM,CAAChB,UAAWC,UAAQ,wBAAyBgB,IAAKZ,EAAMD,MAAOC,GACnEU,MAIP1B,EAACC,cAAAY,EAAAA,cACC,CAAAC,MAAO3B,EACP4B,OAAOxC,aAAQ,EAARA,EAAUyC,OAAQ,GACzBA,KAAM,WACNC,SAAUC,IACR,MAAMW,EAAmBrD,EAAU6C,MAAKS,GAAMA,EAAGd,OAASE,EAAEC,OAAOJ,QACnElC,EAAYgD,GAAoB,KAAK,GAGtCrD,EAAUiD,KAAIlD,GACbyB,EAACC,cAAA0B,EAAMA,QAACC,IAAKrD,EAASyC,KAAMD,MAAOxC,EAASyC,MACzCzC,EAASyC,SAIhBhB,EAAAC,cAAC8B,EAAyBA,0BAAA,CACxB5D,OAAQA,EACRC,gBAAiBA,EACjBC,OAAQA,EACRC,aAAcA,EACdS,UAAWA,EACXC,gBAAiBA,EACjBC,aAAcA,EACdV,SAAUA,KAGdyB,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAACC,cAAA+B,EAAAA,OAAO,CAAAC,QAASxD,EAAgByD,SAAUzC,GACxCL,GAEHY,EAACC,cAAA+B,EAAMA,QACLG,QAAQ,OACRF,QAAS,KACPvD,IACAC,GAAc,EAAM,GAGrBU,KAMX"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./DataGridFilters.interfaces.cjs.js");exports.useDataGridFilter=(a,r,s)=>{const[l,o]=e.useState(""),[u,i]=e.useState(""),[n,c]=e.useState(Object.values(t.DefaultOperators)),[f,p]=e.useState([]),[d,m]=e.useState([]),[D,S]=e.useState([]),v=()=>{o(""),i(""),p([]),m([])},O=e=>r.filter((t=>!t.allowSingleFilterOnly||!s.filters.find((r=>"ADD"===a?r.column==t.name:r.column==t.name&&r.column!=(null==e?void 0:e.column)))));return{resetFields:v,initialiseFilterValues:e=>{const s=O(e);if("ADD"===a){const e=s[0];if(!e)return v(),void S([]);o(e.name),i(e.operators?e.operators[0]:Object.values(t.DefaultOperators)[0]),e.operators&&c(e.operators),e.defaultValues&&p(e.defaultValues)}if("EDIT"===a&&e){const{column:t,operator:a,value:s}=e,l=r.find((({name:e})=>e===t));if(!l)return;const{defaultValues:u,operators:n}=l;o(t),i(a),n&&c(n),m(s),p(((e,t)=>Array.from(new Set([...e,...t])))(u||[],s))}S(s)},operator:u,setOperator:i,operators:n,setOperators:c,column:l,setColumn:o,values:f,setValues:p,pickedValues:d,setPickedValues:m,allowedColumnsMetaData:D}};
+"use strict";var e=require("react"),t=require("./DataGridFilters.interfaces.cjs.js");exports.useDataGridFilter=(a,r,s)=>{const[l,u]=e.useState(""),[o,n]=e.useState(null),[i,c]=e.useState(Object.values(t.DefaultOperators)),[f,p]=e.useState([]),[d,m]=e.useState([]),[D,S]=e.useState([]),v=()=>{u(""),n(null),p([]),m([])},O=e=>r.filter((t=>!t.allowSingleFilterOnly||!s.filters.find((r=>"ADD"===a?r.column==t.name:r.column==t.name&&r.column!=(null==e?void 0:e.column)))));return{resetFields:v,initialiseFilterValues:e=>{const s=O(e);if("ADD"===a){const e=s[0];if(!e)return v(),void S([]);u(e.name),n(e.operators?e.operators[0]:Object.values(t.DefaultOperators)[0]),e.operators&&c(e.operators),e.defaultValues&&p(e.defaultValues)}if("EDIT"===a&&e){const{column:t,operator:a,value:s}=e,l=r.find((({name:e})=>e===t));if(!l)return;const{defaultValues:o,operators:i}=l;u(t),n(a),i&&c(i),m(s),p(((e,t)=>Array.from(new Set([...e,...t])))(o||[],s))}S(s)},operator:o,setOperator:n,operators:i,setOperators:c,column:l,setColumn:u,values:f,setValues:p,pickedValues:d,setPickedValues:m,allowedColumnsMetaData:D}};
 //# sourceMappingURL=DataGridFilterService.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterService.cjs.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":["mode","columnsMetadata","filterState","column","setColumn","useState","operator","setOperator","operators","setOperators","Object","values","DefaultOperators","setValues","pickedValues","setPickedValues","allowedColumnsMetaData","setAllowedColumnsMetaData","resetFields","getAllowedColumnsMetadata","filter","value","allowSingleFilterOnly","filters","find","v","name","initialiseFilterValues","allowedColumnMetaData","firstColumnMetadata","defaultValues","columnMetadata","Array","from","Set","mergeCustomValuesWithPredefined"],"mappings":"+GAyBiC,CAC/BA,EACAC,EACAC,KAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAAC,KAC9BC,EAAUC,GAAeF,EAAQA,SAAC,KAClCG,EAAWC,GAAgBJ,EAAAA,SAAmBK,OAAOC,OAAOC,EAAgBA,oBAC5ED,EAAQE,GAAaR,EAAQA,SAAW,KACxCS,EAAcC,GAAmBV,EAAQA,SAAW,KACpDW,EAAwBC,GAA6BZ,EAAQA,SAClE,IAQIa,EAAc,KAClBd,EAAU,IACVG,EAAY,IACZM,EAAU,IACVE,EAAgB,GAAG,EA6CfI,EAA6BC,GAC1BnB,EAAgBmB,QAAOC,IACvBA,EAAMC,wBAIHpB,EAAYqB,QAAQC,MAAKC,GACf,QAATzB,EACHyB,EAAEtB,QAAUkB,EAAMK,KAClBD,EAAEtB,QAAUkB,EAAMK,MAAQD,EAAEtB,SAAUiB,eAAAA,EAAQjB,YAKxD,MAAO,CACLe,cACAS,uBA1D8BP,IAC9B,MAAMQ,EAAwBT,EAA0BC,GAExD,GAAa,QAATpB,EAAgB,CAClB,MAAM6B,EAAsBD,EAAsB,GAElD,IAAKC,EAGH,OAFAX,SACAD,EAA0B,IAI5Bb,EAAUyB,EAAoBH,MAC9BnB,EACEsB,EAAoBrB,UAChBqB,EAAoBrB,UAAU,GAC9BE,OAAOC,OAAOC,EAAAA,kBAAkB,IAEtCiB,EAAoBrB,WAAaC,EAAaoB,EAAoBrB,WAClEqB,EAAoBC,eAAiBjB,EAAUgB,EAAoBC,cACpE,CAED,GAAa,SAAT9B,GAAmBoB,EAAQ,CAC7B,MAAMjB,OAAEA,EAAMG,SAAEA,EAAQe,MAAEA,GAAUD,EAC9BW,EAAiB9B,EAAgBuB,MAAK,EAAGE,UAAWA,IAASvB,IAEnE,IAAK4B,EACH,OAGF,MAAMD,cAAEA,EAAatB,UAAEA,GAAcuB,EAErC3B,EAAUD,GACVI,EAAYD,GACZE,GAAaC,EAAaD,GAC1BO,EAAgBM,GAChBR,EA/CoC,EAACF,EAAkBG,IAClDkB,MAAMC,KAAK,IAAIC,IAAI,IAAIvB,KAAWG,KA8C7BqB,CAAgCL,GAAiB,GAAIT,GAChE,CAEDJ,EAA0BW,EAAsB,EAoBhDtB,WACAC,cACAC,YACAC,eACAN,SACAC,YACAO,SACAE,YACAC,eACAC,kBACAC,yBACD"}
+{"version":3,"file":"DataGridFilterService.cjs.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  FilterOperator,\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<FilterOperator | null>(null);\n  const [operators, setOperators] = useState<FilterOperator[]>(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(null);\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":["mode","columnsMetadata","filterState","column","setColumn","useState","operator","setOperator","operators","setOperators","Object","values","DefaultOperators","setValues","pickedValues","setPickedValues","allowedColumnsMetaData","setAllowedColumnsMetaData","resetFields","getAllowedColumnsMetadata","filter","value","allowSingleFilterOnly","filters","find","v","name","initialiseFilterValues","allowedColumnMetaData","firstColumnMetadata","defaultValues","columnMetadata","Array","from","Set","mergeCustomValuesWithPredefined"],"mappings":"+GA0BiC,CAC/BA,EACAC,EACAC,KAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAAC,KAC9BC,EAAUC,GAAeF,EAAQA,SAAwB,OACzDG,EAAWC,GAAgBJ,EAAAA,SAA2BK,OAAOC,OAAOC,EAAgBA,oBACpFD,EAAQE,GAAaR,EAAQA,SAAW,KACxCS,EAAcC,GAAmBV,EAAQA,SAAW,KACpDW,EAAwBC,GAA6BZ,EAAQA,SAClE,IAQIa,EAAc,KAClBd,EAAU,IACVG,EAAY,MACZM,EAAU,IACVE,EAAgB,GAAG,EA6CfI,EAA6BC,GAC1BnB,EAAgBmB,QAAOC,IACvBA,EAAMC,wBAIHpB,EAAYqB,QAAQC,MAAKC,GACf,QAATzB,EACHyB,EAAEtB,QAAUkB,EAAMK,KAClBD,EAAEtB,QAAUkB,EAAMK,MAAQD,EAAEtB,SAAUiB,eAAAA,EAAQjB,YAKxD,MAAO,CACLe,cACAS,uBA1D8BP,IAC9B,MAAMQ,EAAwBT,EAA0BC,GAExD,GAAa,QAATpB,EAAgB,CAClB,MAAM6B,EAAsBD,EAAsB,GAElD,IAAKC,EAGH,OAFAX,SACAD,EAA0B,IAI5Bb,EAAUyB,EAAoBH,MAC9BnB,EACEsB,EAAoBrB,UAChBqB,EAAoBrB,UAAU,GAC9BE,OAAOC,OAAOC,EAAAA,kBAAkB,IAEtCiB,EAAoBrB,WAAaC,EAAaoB,EAAoBrB,WAClEqB,EAAoBC,eAAiBjB,EAAUgB,EAAoBC,cACpE,CAED,GAAa,SAAT9B,GAAmBoB,EAAQ,CAC7B,MAAMjB,OAAEA,EAAMG,SAAEA,EAAQe,MAAEA,GAAUD,EAC9BW,EAAiB9B,EAAgBuB,MAAK,EAAGE,UAAWA,IAASvB,IAEnE,IAAK4B,EACH,OAGF,MAAMD,cAAEA,EAAatB,UAAEA,GAAcuB,EAErC3B,EAAUD,GACVI,EAAYD,GACZE,GAAaC,EAAaD,GAC1BO,EAAgBM,GAChBR,EA/CoC,EAACF,EAAkBG,IAClDkB,MAAMC,KAAK,IAAIC,IAAI,IAAIvB,KAAWG,KA8C7BqB,CAAgCL,GAAiB,GAAIT,GAChE,CAEDJ,EAA0BW,EAAsB,EAoBhDtB,WACAC,cACAC,YACAC,eACAN,SACAC,YACAO,SACAE,YACAC,eACAC,kBACAC,yBACD"}

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilterTag.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../Icon/Icon.cjs.js"),r=require("../../Tag/RemoveButton.cjs.js"),a=require("../../Typography/Typography.cjs.js"),n=require("./DataGridFilter.module.scss.cjs.js");const l=({filter:t,or:r,other:a})=>{const{column:n,operator:l,value:o}=t;return e.createElement(e.Fragment,null,n," ",l," ",o.length>0&&e.createElement("b",null,o[0]),o.length>=2&&e.createElement(e.Fragment,null," ",r," ",e.createElement("b",null,o.length-1," ",a)))},o=({triggerRef:o,filter:c,mode:i,onFilterRemove:m,onFilterOpen:s,translations:u,dateTagCaption:d,customEditTagContent:p,...E},g)=>{const{addButtonCaption:f="Add filter",or:y="or",other:h="other",dateIs:T="Date is"}=u||{},v="ADD"===i,b="EDIT"===i&&c,D="ADD_DATE"===i;return e.createElement("div",{...E,ref:g,className:n.default["filter-wrapper"]},e.createElement("button",{ref:o,type:"button",className:n.default["filter-button"],onClick:s},v&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{icon:t.Icons.AddCircle}),e.createElement(a.Typography,{variant:"body",className:n.default.caption},f)),b&&e.createElement(a.Typography,{variant:"body",className:n.default.caption},p?e.cloneElement(p,{filter:c}):e.createElement(l,{filter:c,or:y,other:h})),D&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{icon:t.Icons.Calendar}),e.createElement(a.Typography,{variant:"body",className:n.default.caption},T," ",e.createElement("b",null,d)))),b&&e.createElement(r.RemoveButton,{className:n.default["remove-button"],onRemove:m}))},c=e.forwardRef(o);exports.DataGridFilterTag=c,exports.DataGridFilterTagComponent=o;
+"use strict";var e=require("react"),t=require("../../Icon/Icon.cjs.js"),a=require("../../Tag/RemoveButton.cjs.js"),r=require("../../Typography/Typography.cjs.js"),n=require("./DataGridFilter.module.scss.cjs.js");const l=({filter:t,or:a,other:r,columnsMetadata:n})=>{var l;const{column:o,operator:c,value:i}=t,m=(null===(l=null==n?void 0:n.find((e=>e.name===o)))||void 0===l?void 0:l.headline)||o;return e.createElement(e.Fragment,null,m," ",null==c?void 0:c.name," ",i.length>0&&e.createElement("b",null,i[0]),i.length>=2&&e.createElement(e.Fragment,null," ",a," ",e.createElement("b",null,i.length-1," ",r)))},o=({triggerRef:o,filter:c,mode:i,onFilterRemove:m,onFilterOpen:s,translations:u,dateTagCaption:d,customEditTagContent:p,columnsMetadata:E,...f},g)=>{const{addButtonCaption:v="Add filter",or:y="or",other:h="other",dateIs:T="Date is"}=u||{},b="ADD"===i,D="EDIT"===i&&c,F="ADD_DATE"===i;return e.createElement("div",{...f,ref:g,className:n.default["filter-wrapper"]},e.createElement("button",{ref:o,type:"button",className:n.default["filter-button"],onClick:s},b&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{icon:t.Icons.AddCircle}),e.createElement(r.Typography,{variant:"body",className:n.default.caption},v)),D&&e.createElement(r.Typography,{variant:"body",className:n.default.caption},p?e.cloneElement(p,{filter:c}):e.createElement(l,{filter:c,or:y,other:h,columnsMetadata:E})),F&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{icon:t.Icons.Calendar}),e.createElement(r.Typography,{variant:"body",className:n.default.caption},T," ",e.createElement("b",null,d)))),D&&e.createElement(a.RemoveButton,{className:n.default["remove-button"],onRemove:m}))},c=e.forwardRef(o);exports.DataGridFilterTag=c,exports.DataGridFilterTagComponent=o;
 //# sourceMappingURL=DataGridFilterTag.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilterTag.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterTag.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterTag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { RemoveButton } from \"../../Tag/RemoveButton\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Filter, FilterEditorMode, TagTranslations } from \"./DataGridFilters.interfaces\";\n\nexport interface DataGridFilterTagProps extends ComponentPropsWithRef<\"div\"> {\n  customEditTagContent?: React.ReactElement;\n  triggerRef: React.Ref<HTMLButtonElement>;\n  filter?: Filter;\n  mode: FilterEditorMode;\n  onFilterRemove?: () => void;\n  onFilterOpen: () => void;\n  translations?: TagTranslations;\n  dateTagCaption?: string;\n}\n\nconst EditTagContent = ({ filter, or, other }: { filter: Filter; or: string; other: string }) => {\n  const { column, operator, value } = filter;\n\n  return (\n    <Fragment>\n      {column} {operator} {value.length > 0 && <b>{value[0]}</b>}\n      {value.length >= 2 && (\n        <>\n          {\" \"}\n          {or}{\" \"}\n          <b>\n            {value.length - 1} {other}\n          </b>\n        </>\n      )}\n    </Fragment>\n  );\n};\n\nexport const DataGridFilterTagComponent: ForwardRefRenderFunction<\n  HTMLDivElement,\n  DataGridFilterTagProps\n> = (\n  {\n    triggerRef,\n    filter,\n    mode,\n    onFilterRemove,\n    onFilterOpen,\n    translations,\n    dateTagCaption,\n    customEditTagContent,\n    ...rest\n  }: DataGridFilterTagProps,\n  ref\n) => {\n  const {\n    addButtonCaption = \"Add filter\",\n    or = \"or\",\n    other = \"other\",\n    dateIs = \"Date is\"\n  } = translations || {};\n  const shouldRenderAddTag = mode === \"ADD\";\n  const shouldRenderEditTag = mode === \"EDIT\" && filter;\n  const shouldRenderAddDateTag = mode === \"ADD_DATE\";\n\n  return (\n    <div {...rest} ref={ref} className={classes[\"filter-wrapper\"]}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={classes[\"filter-button\"]}\n        onClick={onFilterOpen}\n      >\n        {shouldRenderAddTag && (\n          <Fragment>\n            <Icon icon={Icons.AddCircle} />\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {addButtonCaption}\n            </Typography>\n          </Fragment>\n        )}\n        {shouldRenderEditTag && (\n          <Typography variant=\"body\" className={classes[\"caption\"]}>\n            {customEditTagContent ? (\n              React.cloneElement(customEditTagContent, { filter })\n            ) : (\n              <EditTagContent filter={filter} or={or} other={other} />\n            )}\n          </Typography>\n        )}\n        {shouldRenderAddDateTag && (\n          <Fragment>\n            <Icon icon={Icons.Calendar} />\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {dateIs} <b>{dateTagCaption}</b>\n            </Typography>\n          </Fragment>\n        )}\n      </button>\n      {shouldRenderEditTag && (\n        <RemoveButton className={classes[\"remove-button\"]} onRemove={onFilterRemove} />\n      )}\n    </div>\n  );\n};\n\nexport const DataGridFilterTag = React.forwardRef(DataGridFilterTagComponent);\n"],"names":["EditTagContent","filter","or","other","column","operator","value","React","Fragment","length","createElement","DataGridFilterTagComponent","triggerRef","mode","onFilterRemove","onFilterOpen","translations","dateTagCaption","customEditTagContent","rest","ref","addButtonCaption","dateIs","shouldRenderAddTag","shouldRenderEditTag","shouldRenderAddDateTag","className","classes","default","type","onClick","Icon","icon","Icons","AddCircle","Typography","variant","cloneElement","Calendar","RemoveButton","onRemove","DataGridFilterTag","forwardRef"],"mappings":"oNAkCA,MAAMA,EAAiB,EAAGC,SAAQC,KAAIC,YACpC,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,GAAUL,EAEpC,OACEM,gBAACC,EAAAA,SAAQ,KACNJ,MAASC,MAAWC,EAAMG,OAAS,GAAKF,yBAAID,EAAM,IAClDA,EAAMG,QAAU,GACfF,EAAAG,cAAAH,EAAAC,SAAA,KACG,IACAN,EAAI,IACLK,EAAAG,cAAA,IAAA,KACGJ,EAAMG,OAAS,MAAIN,IAK5B,EAGSQ,EAGT,EAEAC,aACAX,SACAY,OACAC,iBACAC,eACAC,eACAC,iBACAC,0BACGC,GAELC,KAEA,MAAMC,iBACJA,EAAmB,aAAYnB,GAC/BA,EAAK,KAAIC,MACTA,EAAQ,QAAOmB,OACfA,EAAS,WACPN,GAAgB,CAAA,EACdO,EAA8B,QAATV,EACrBW,EAA+B,SAATX,GAAmBZ,EACzCwB,EAAkC,aAATZ,EAE/B,OACEN,EAAAG,cAAA,MAAA,IAASS,EAAMC,IAAKA,EAAKM,UAAWC,EAAOC,QAAC,mBAC1CrB,EAAAG,cAAA,SAAA,CACEU,IAAKR,EACLiB,KAAK,SACLH,UAAWC,EAAOC,QAAC,iBACnBE,QAASf,GAERQ,GACChB,EAAAG,cAACF,EAAAA,SAAQ,KACPD,EAAAG,cAACqB,EAAIA,KAAC,CAAAC,KAAMC,EAAAA,MAAMC,YAClB3B,EAAAG,cAACyB,aAAW,CAAAC,QAAQ,OAAOV,UAAWC,EAAAA,QAAiB,SACpDN,IAING,GACCjB,EAAAG,cAACyB,EAAAA,WAAU,CAACC,QAAQ,OAAOV,UAAWC,EAAAA,QAAiB,SACpDT,EACCX,EAAM8B,aAAanB,EAAsB,CAAEjB,WAE3CM,EAACG,cAAAV,EAAe,CAAAC,OAAQA,EAAQC,GAAIA,EAAIC,MAAOA,KAIpDsB,GACClB,EAAAG,cAACF,EAAAA,SAAQ,KACPD,EAAAG,cAACqB,EAAIA,KAAC,CAAAC,KAAMC,EAAAA,MAAMK,WAClB/B,EAACG,cAAAyB,EAAAA,WAAW,CAAAC,QAAQ,OAAOV,UAAWC,UAAiB,SACpDL,MAAQf,EAAAG,cAAA,IAAA,KAAIO,MAKpBO,GACCjB,EAAAG,cAAC6B,EAAAA,aAAa,CAAAb,UAAWC,UAAQ,iBAAkBa,SAAU1B,IAGjE,EAGS2B,EAAoBlC,EAAMmC,WAAW/B"}
+{"version":3,"file":"DataGridFilterTag.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterTag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { RemoveButton } from \"../../Tag/RemoveButton\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport {\n  Filter,\n  FilterEditorMode,\n  TagTranslations,\n  DataGridColumnMetadata\n} from \"./DataGridFilters.interfaces\";\n\nexport interface DataGridFilterTagProps extends ComponentPropsWithRef<\"div\"> {\n  customEditTagContent?: React.ReactElement;\n  triggerRef: React.Ref<HTMLButtonElement>;\n  filter?: Filter;\n  mode: FilterEditorMode;\n  onFilterRemove?: () => void;\n  onFilterOpen: () => void;\n  translations?: TagTranslations;\n  dateTagCaption?: string;\n  columnsMetadata?: DataGridColumnMetadata[];\n}\n\nconst EditTagContent = ({\n  filter,\n  or,\n  other,\n  columnsMetadata\n}: {\n  filter: Filter;\n  or: string;\n  other: string;\n  columnsMetadata?: DataGridColumnMetadata[];\n}) => {\n  const { column, operator, value } = filter;\n  const columnHeadlineWithFallback =\n    columnsMetadata?.find(meta => meta.name === column)?.headline || column;\n\n  return (\n    <Fragment>\n      {columnHeadlineWithFallback} {operator?.name} {value.length > 0 && <b>{value[0]}</b>}\n      {value.length >= 2 && (\n        <>\n          {\" \"}\n          {or}{\" \"}\n          <b>\n            {value.length - 1} {other}\n          </b>\n        </>\n      )}\n    </Fragment>\n  );\n};\n\nexport const DataGridFilterTagComponent: ForwardRefRenderFunction<\n  HTMLDivElement,\n  DataGridFilterTagProps\n> = (\n  {\n    triggerRef,\n    filter,\n    mode,\n    onFilterRemove,\n    onFilterOpen,\n    translations,\n    dateTagCaption,\n    customEditTagContent,\n    columnsMetadata,\n    ...rest\n  }: DataGridFilterTagProps,\n  ref\n) => {\n  const {\n    addButtonCaption = \"Add filter\",\n    or = \"or\",\n    other = \"other\",\n    dateIs = \"Date is\"\n  } = translations || {};\n  const shouldRenderAddTag = mode === \"ADD\";\n  const shouldRenderEditTag = mode === \"EDIT\" && filter;\n  const shouldRenderAddDateTag = mode === \"ADD_DATE\";\n\n  return (\n    <div {...rest} ref={ref} className={classes[\"filter-wrapper\"]}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={classes[\"filter-button\"]}\n        onClick={onFilterOpen}\n      >\n        {shouldRenderAddTag && (\n          <Fragment>\n            <Icon icon={Icons.AddCircle} />\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {addButtonCaption}\n            </Typography>\n          </Fragment>\n        )}\n        {shouldRenderEditTag && (\n          <Typography variant=\"body\" className={classes[\"caption\"]}>\n            {customEditTagContent ? (\n              React.cloneElement(customEditTagContent, { filter })\n            ) : (\n              <EditTagContent\n                filter={filter}\n                or={or}\n                other={other}\n                columnsMetadata={columnsMetadata}\n              />\n            )}\n          </Typography>\n        )}\n        {shouldRenderAddDateTag && (\n          <Fragment>\n            <Icon icon={Icons.Calendar} />\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {dateIs} <b>{dateTagCaption}</b>\n            </Typography>\n          </Fragment>\n        )}\n      </button>\n      {shouldRenderEditTag && (\n        <RemoveButton className={classes[\"remove-button\"]} onRemove={onFilterRemove} />\n      )}\n    </div>\n  );\n};\n\nexport const DataGridFilterTag = React.forwardRef(DataGridFilterTagComponent);\n"],"names":["EditTagContent","filter","or","other","columnsMetadata","column","operator","value","columnHeadlineWithFallback","_a","find","meta","name","headline","React","Fragment","length","createElement","DataGridFilterTagComponent","triggerRef","mode","onFilterRemove","onFilterOpen","translations","dateTagCaption","customEditTagContent","rest","ref","addButtonCaption","dateIs","shouldRenderAddTag","shouldRenderEditTag","shouldRenderAddDateTag","className","classes","default","type","onClick","Icon","icon","Icons","AddCircle","Typography","variant","cloneElement","Calendar","RemoveButton","onRemove","DataGridFilterTag","forwardRef"],"mappings":"oNAwCA,MAAMA,EAAiB,EACrBC,SACAC,KACAC,QACAC,4BAOA,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,GAAUN,EAC9BO,GACiD,QAArDC,EAAAL,aAAA,EAAAA,EAAiBM,MAAKC,GAAQA,EAAKC,OAASP,WAAS,IAAAI,OAAA,EAAAA,EAAAI,WAAYR,EAEnE,OACES,gBAACC,EAAAA,SAAQ,KACNP,EAA6B,IAAAF,aAAQ,EAARA,EAAUM,SAAOL,EAAMS,OAAS,GAAKF,yBAAIP,EAAM,IAC5EA,EAAMS,QAAU,GACfF,EAAAG,cAAAH,EAAAC,SAAA,KACG,IACAb,EAAI,IACLY,EAAAG,cAAA,IAAA,KACGV,EAAMS,OAAS,MAAIb,IAK5B,EAGSe,EAGT,EAEAC,aACAlB,SACAmB,OACAC,iBACAC,eACAC,eACAC,iBACAC,uBACArB,qBACGsB,GAELC,KAEA,MAAMC,iBACJA,EAAmB,aAAY1B,GAC/BA,EAAK,KAAIC,MACTA,EAAQ,QAAO0B,OACfA,EAAS,WACPN,GAAgB,CAAA,EACdO,EAA8B,QAATV,EACrBW,EAA+B,SAATX,GAAmBnB,EACzC+B,EAAkC,aAATZ,EAE/B,OACEN,EAAAG,cAAA,MAAA,IAASS,EAAMC,IAAKA,EAAKM,UAAWC,EAAOC,QAAC,mBAC1CrB,EAAAG,cAAA,SAAA,CACEU,IAAKR,EACLiB,KAAK,SACLH,UAAWC,EAAOC,QAAC,iBACnBE,QAASf,GAERQ,GACChB,EAAAG,cAACF,EAAAA,SAAQ,KACPD,EAAAG,cAACqB,EAAIA,KAAC,CAAAC,KAAMC,EAAAA,MAAMC,YAClB3B,EAAAG,cAACyB,aAAW,CAAAC,QAAQ,OAAOV,UAAWC,EAAAA,QAAiB,SACpDN,IAING,GACCjB,EAAAG,cAACyB,EAAUA,WAAA,CAACC,QAAQ,OAAOV,UAAWC,EAAAA,QAAiB,SACpDT,EACCX,EAAM8B,aAAanB,EAAsB,CAAExB,WAE3Ca,EAAAG,cAACjB,EAAc,CACbC,OAAQA,EACRC,GAAIA,EACJC,MAAOA,EACPC,gBAAiBA,KAKxB4B,GACClB,EAAAG,cAACF,EAAAA,SAAQ,KACPD,EAAAG,cAACqB,EAAIA,KAAC,CAAAC,KAAMC,EAAAA,MAAMK,WAClB/B,EAACG,cAAAyB,EAAAA,WAAW,CAAAC,QAAQ,OAAOV,UAAWC,UAAiB,SACpDL,MAAQf,EAAAG,cAAA,IAAA,KAAIO,MAKpBO,GACCjB,EAAAG,cAAC6B,EAAAA,aAAa,CAAAb,UAAWC,UAAQ,iBAAkBa,SAAU1B,IAGjE,EAGS2B,EAAoBlC,EAAMmC,WAAW/B"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),l=require("../../Form/Select/SingleSelect/Option.cjs.js"),t=require("../../Form/Select/MultiSelect/MultiOption.cjs.js"),a=require("../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),r=require("../../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),u=require("./DataGridFilters.interfaces.cjs.js");exports.DataGridFilterValueSelect=({column:s,columnsMetadata:c,values:i,pickedValues:n,setValues:p,setPickedValues:o,translations:d})=>{const{valueSelectLabel:m="Value",addNewValueLabel:v="Create new",addNewValueButtonTitle:S="Add new select value"}=d||{},j=c.find((({name:e})=>e===s)),b=null==j?void 0:j.disableAddNew,V=null==j?void 0:j.valueSelectType,W=e=>{o([...Array.from(e.target.options)].filter((e=>e.selected)).map((e=>e.value)))},w={addNew:b?void 0:{label:v,onAddNew:e=>{e&&(p((l=>[...l,e])),o((l=>[...l,e])))},btnProps:{title:S,type:"button"}},search:{enabled:!0,renderThreshold:0}};return u.ValueSelectType.single===V?e.createElement(r.SelectWrapper,{label:m,name:"value",value:n[0],onChange:W,selectProps:w},i.map((t=>e.createElement(l.Option,{key:t,value:t},t)))):e.createElement(a.MultiSelectWrapper,{label:m,name:"value",value:n,onChange:W,selectProps:w},i.map((l=>e.createElement(t.MultiOption,{key:l,value:l},l))))};
+"use strict";var e=require("react"),l=require("../../Form/Select/SingleSelect/Option.cjs.js"),t=require("../../Form/Select/MultiSelect/MultiOption.cjs.js"),a=require("../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),r=require("../../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),u=require("./DataGridFilters.interfaces.cjs.js");exports.DataGridFilterValueSelect=({column:s,columnsMetadata:n,values:c,pickedValues:i,setValues:o,setPickedValues:p,translations:d,operator:m})=>{const[S,v]=e.useState(!1),{valueSelectLabel:b="Value",addNewValueLabel:j="Create new",addNewValueButtonTitle:V="Add new select value"}=d||{},w=n.find((({name:e})=>e===s)),y=null==w?void 0:w.disableAddNew,W=null==w?void 0:w.valueSelectType,g=m&&!m.allowEmptyValues,M=Boolean(g&&0===i.length&&S),h={title:V,type:"button"},q=e.useCallback((e=>{const{selectedOptions:l,value:t}=e.target;let a;a=W===u.ValueSelectType.single?t?[t]:[]:Array.from(l,(e=>e.value)),p(a),v(!0)}),[W]),F={addNew:y?void 0:{label:j,onAddNew:e=>{e&&(o((l=>[...l,e])),p((l=>[...l,e])))},btnProps:h},search:{enabled:!0,renderThreshold:0}};return u.ValueSelectType.single===W?e.createElement(r.SelectWrapper,{label:b,name:"value",value:i[0],onChange:q,selectProps:F,error:M},c.map((t=>e.createElement(l.Option,{key:t,value:t},t)))):e.createElement(a.MultiSelectWrapper,{label:b,name:"value",value:i,onChange:q,selectProps:F,error:M},c.map((l=>e.createElement(t.MultiOption,{key:l,value:l},l))))};
 //# sourceMappingURL=DataGridFilterValueSelect.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterValueSelect.cjs.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":["column","columnsMetadata","values","pickedValues","setValues","setPickedValues","translations","valueSelectLabel","addNewValueLabel","addNewValueButtonTitle","columnMetadata","find","name","disableAddNew","valueSelectType","onChangeHandler","e","Array","from","target","options","filter","option","selected","map","value","selectProps","addNew","undefined","label","onAddNew","prev","btnProps","title","type","search","enabled","renderThreshold","ValueSelectType","single","React","createElement","SelectWrapper","onChange","Option","key","MultiSelectWrapper","MultiOption"],"mappings":"+XAqCyC,EACvCA,SACAC,kBACAC,SACAC,eACAC,YACAC,kBACAC,mBAEA,MAAMC,iBACJA,EAAmB,QAAOC,iBAC1BA,EAAmB,aAAYC,uBAC/BA,EAAyB,wBACvBH,GAAgB,GAEdI,EAAiBT,EAAgBU,MAAK,EAAGC,UAAWA,IAASZ,IAC7Da,EAAgBH,aAAA,EAAAA,EAAgBG,cAChCC,EAAkBJ,aAAA,EAAAA,EAAgBI,gBAOlCC,EAAmBC,IACvBX,EACE,IAAIY,MAAMC,KAAKF,EAAEG,OAAOC,UACrBC,QAAOC,GAAUA,EAAOC,WACxBC,KAAIF,GAAUA,EAAOG,QACzB,EAGGC,EAAc,CAClBC,OAAQd,OACJe,EACA,CACEC,MAAOrB,EACPsB,SAAWL,IACLA,IACFrB,GAAU2B,GAAQ,IAAIA,EAAMN,KAC5BpB,GAAgB0B,GAAQ,IAAIA,EAAMN,KACnC,EAEHO,SAxB8D,CACpEC,MAAOxB,EACPyB,KAAM,WAwBNC,OAAQ,CACNC,SAAS,EACTC,gBAAiB,IAIrB,OAAOC,EAAeA,gBAACC,SAAWzB,EAChC0B,EAAAC,cAACC,EAAaA,cAAA,CACZb,MAAOtB,EACPK,KAAM,QACNa,MAAOtB,EAAa,GACpBwC,SAAU5B,EACVW,YAAaA,GAEZxB,EAAOsB,KAAIC,GACVe,EAAAC,cAACG,EAAAA,OAAM,CAACC,IAAKpB,EAAOA,MAAOA,GACxBA,MAKPe,EAACC,cAAAK,EAAkBA,mBACjB,CAAAjB,MAAOtB,EACPK,KAAM,QACNa,MAAOtB,EACPwC,SAAU5B,EACVW,YAAaA,GAEZxB,EAAOsB,KAAIC,GACVe,EAACC,cAAAM,EAAWA,YAAC,CAAAF,IAAKpB,EAAOA,MAAOA,GAC7BA,KAIR"}
+{"version":3,"file":"DataGridFilterValueSelect.cjs.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, { useCallback, useState } 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  operator?: { allowEmptyValues: boolean } | null;\n};\n\nexport const DataGridFilterValueSelect = ({\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  setValues,\n  setPickedValues,\n  translations,\n  operator\n}: Props) => {\n  const [touched, setTouched] = useState(false);\n\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 isValueRequired = operator && !operator.allowEmptyValues;\n  const hasValidationError = Boolean(isValueRequired && pickedValues.length === 0 && touched);\n\n  const addNewBtnProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n    title: addNewValueButtonTitle,\n    type: \"button\"\n  };\n\n  const onChangeHandler = useCallback(\n    (e: React.ChangeEvent<HTMLSelectElement>) => {\n      const { selectedOptions, value } = e.target;\n\n      let newValues: string[];\n\n      if (valueSelectType === ValueSelectType.single) {\n        newValues = value ? [value] : [];\n      } else {\n        newValues = Array.from(selectedOptions, option => option.value);\n      }\n      setPickedValues(newValues);\n      setTouched(true);\n    },\n    [valueSelectType]\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      error={hasValidationError}\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      error={hasValidationError}\n    >\n      {values.map(value => (\n        <MultiOption key={value} value={value}>\n          {value}\n        </MultiOption>\n      ))}\n    </MultiSelectWrapper>\n  );\n};\n"],"names":["column","columnsMetadata","values","pickedValues","setValues","setPickedValues","translations","operator","touched","setTouched","useState","valueSelectLabel","addNewValueLabel","addNewValueButtonTitle","columnMetadata","find","name","disableAddNew","valueSelectType","isValueRequired","allowEmptyValues","hasValidationError","Boolean","length","addNewBtnProps","title","type","onChangeHandler","useCallback","e","selectedOptions","value","target","newValues","ValueSelectType","single","Array","from","option","selectProps","addNew","undefined","label","onAddNew","prev","btnProps","search","enabled","renderThreshold","React","createElement","SelectWrapper","onChange","error","map","Option","key","MultiSelectWrapper","MultiOption"],"mappings":"+XAsCyC,EACvCA,SACAC,kBACAC,SACAC,eACAC,YACAC,kBACAC,eACAC,eAEA,MAAOC,EAASC,GAAcC,EAAQA,UAAC,IAEjCC,iBACJA,EAAmB,QAAOC,iBAC1BA,EAAmB,aAAYC,uBAC/BA,EAAyB,wBACvBP,GAAgB,GAEdQ,EAAiBb,EAAgBc,MAAK,EAAGC,UAAWA,IAAShB,IAC7DiB,EAAgBH,aAAA,EAAAA,EAAgBG,cAChCC,EAAkBJ,aAAA,EAAAA,EAAgBI,gBAElCC,EAAkBZ,IAAaA,EAASa,iBACxCC,EAAqBC,QAAQH,GAA2C,IAAxBhB,EAAaoB,QAAgBf,GAE7EgB,EAAgE,CACpEC,MAAOZ,EACPa,KAAM,UAGFC,EAAkBC,eACrBC,IACC,MAAMC,gBAAEA,EAAeC,MAAEA,GAAUF,EAAEG,OAErC,IAAIC,EAGFA,EADEf,IAAoBgB,EAAeA,gBAACC,OAC1BJ,EAAQ,CAACA,GAAS,GAElBK,MAAMC,KAAKP,GAAiBQ,GAAUA,EAAOP,QAE3D1B,EAAgB4B,GAChBxB,GAAW,EAAK,GAElB,CAACS,IAGGqB,EAAc,CAClBC,OAAQvB,OACJwB,EACA,CACEC,MAAO9B,EACP+B,SAAWZ,IACLA,IACF3B,GAAUwC,GAAQ,IAAIA,EAAMb,KAC5B1B,GAAgBuC,GAAQ,IAAIA,EAAMb,KACnC,EAEHc,SAAUrB,GAEhBsB,OAAQ,CACNC,SAAS,EACTC,gBAAiB,IAIrB,OAAOd,EAAAA,gBAAgBC,SAAWjB,EAChC+B,EAACC,cAAAC,EAAAA,cACC,CAAAT,MAAO/B,EACPK,KAAM,QACNe,MAAO5B,EAAa,GACpBiD,SAAUzB,EACVY,YAAaA,EACbc,MAAOhC,GAENnB,EAAOoD,KAAIvB,GACVkB,EAAAC,cAACK,EAAMA,OAAA,CAACC,IAAKzB,EAAOA,MAAOA,GACxBA,MAKPkB,EAAAC,cAACO,EAAAA,mBAAkB,CACjBf,MAAO/B,EACPK,KAAM,QACNe,MAAO5B,EACPiD,SAAUzB,EACVY,YAAaA,EACbc,MAAOhC,GAENnB,EAAOoD,KAAIvB,GACVkB,EAAAC,cAACQ,cAAW,CAACF,IAAKzB,EAAOA,MAAOA,GAC7BA,KAIR"}

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

@@ -1,2 +1,2 @@
-"use strict";var e,t;exports.DefaultOperators=void 0,(e=exports.DefaultOperators||(exports.DefaultOperators={})).is="is",e.isNot="is not",e.contains="contains",e.doesNotContain="does not contain",e.isEmpty="is empty",exports.ValueSelectType=void 0,(t=exports.ValueSelectType||(exports.ValueSelectType={})).single="single",t.multi="multi";
+"use strict";var e;exports.ValueSelectType=void 0,(e=exports.ValueSelectType||(exports.ValueSelectType={})).single="single",e.multi="multi",exports.DefaultOperators={is:{name:"is",allowEmptyValues:!1},isNot:{name:"is not",allowEmptyValues:!1},contains:{name:"contains",allowEmptyValues:!1},doesNotContain:{name:"does not contain",allowEmptyValues:!1},isEmpty:{name:"is empty",allowEmptyValues:!0}};
 //# sourceMappingURL=DataGridFilters.interfaces.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilters.interfaces.cjs.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":["DefaultOperators","ValueSelectType"],"mappings":"aAkDA,IAAYA,EAgEAC,EAhEAD,QAMXA,sBAAA,GANWA,EAAAA,2BAAAA,QAAAA,iBAMX,CAAA,IALC,GAAA,KACAA,EAAA,MAAA,SACAA,EAAA,SAAA,WACAA,EAAA,eAAA,mBACAA,EAAA,QAAA,WA2DUC,QAGXA,qBAAA,GAHWA,EAAAA,QAAeA,kBAAfA,wBAGX,CAAA,IAFC,OAAA,SACAA,EAAA,MAAA"}
+{"version":3,"file":"DataGridFilters.interfaces.cjs.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 FilterOperator {\n  name: string;\n  allowEmptyValues: boolean;\n}\n\nexport interface Filter {\n  id: string;\n  column: string;\n  operator: FilterOperator | null;\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 const DefaultOperators: Record<string, FilterOperator> = {\n  is: { name: \"is\", allowEmptyValues: false },\n  isNot: { name: \"is not\", allowEmptyValues: false },\n  contains: { name: \"contains\", allowEmptyValues: false },\n  doesNotContain: { name: \"does not contain\", allowEmptyValues: false },\n  isEmpty: { name: \"is empty\", allowEmptyValues: true }\n};\n\nexport interface DataGridColumnMetadata {\n  name: string;\n  headline: string;\n  operators?: FilterOperator[];\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":["ValueSelectType","is","name","allowEmptyValues","isNot","contains","doesNotContain","isEmpty"],"mappings":"aAuHA,IAAYA,EAAAA,QAGXA,qBAAA,GAHWA,EAAAA,QAAeA,kBAAfA,wBAGX,CAAA,IAFC,OAAA,SACAA,EAAA,MAAA,iCAlE8D,CAC9DC,GAAI,CAAEC,KAAM,KAAMC,kBAAkB,GACpCC,MAAO,CAAEF,KAAM,SAAUC,kBAAkB,GAC3CE,SAAU,CAAEH,KAAM,WAAYC,kBAAkB,GAChDG,eAAgB,CAAEJ,KAAM,mBAAoBC,kBAAkB,GAC9DI,QAAS,CAAEL,KAAM,WAAYC,kBAAkB"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./DataGridFilter.cjs.js"),a=require("./DataGridToolbar.module.scss.cjs.js"),r=require("../../Typography/Typography.cjs.js"),l=require("./useFiltersReducer.cjs.js"),i=require("./DataGridDateFilter.cjs.js");exports.DataGridToolbar=({columnsMetadata:o,filterValues:n,translations:s,onFilterAdd:u,onFilterEdit:d,onFilterDelete:c,dateFilterValue:F,onDateFilterValueChange:m,onFiltersClear:p,customEditTagContent:D})=>{const{state:f,addFilter:E,editFilter:g,deleteFilter:T,resetFilters:v,clearFilters:j}=l.useFiltersReducer(n),y=e.useRef(!0);e.useEffect((()=>{!y.current&&n&&v(n)}),[n]),e.useEffect((()=>{y.current=!1}),[]);const{clearButtonCaption:C="Clear all filters"}=(null==s?void 0:s.toolbar)||{};return e.createElement(e.Fragment,null,o&&f.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:o,filterState:f,onFilterEdit:e=>{g(e),d&&d(e)},onFilterDelete:e=>{T(e),c&&c(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover,customEditTagContent:D}))),e.createElement("div",{className:a.default["actions-wrapper"]},o&&e.createElement(t.DataGridFilter,{mode:"ADD",customEditTagContent:D,columnsMetadata:o,filterState:f,onFilterAdd:e=>{E(e),u&&u(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}),o&&f.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{j(),p&&p()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},C)),F&&e.createElement(i.DataGridDateFilter,{dateFilterValue:F,onDateFilterValueChange:m})))};
+"use strict";var e=require("react"),t=require("./DataGridFilter.cjs.js"),a=require("./DataGridToolbar.module.scss.cjs.js"),r=require("../../Typography/Typography.cjs.js"),l=require("./useFiltersReducer.cjs.js"),i=require("./DataGridDateFilter.cjs.js");exports.DataGridToolbar=({columnsMetadata:o,filterValues:n,translations:s,onFilterAdd:u,onFilterEdit:d,onFilterDelete:c,dateFilterValue:F,onDateFilterValueChange:m,onFiltersClear:p,customEditTagContent:D})=>{const{state:f,addFilter:E,editFilter:g,deleteFilter:T,resetFilters:v,clearFilters:j}=l.useFiltersReducer(n),y=e.useRef(!0);e.useEffect((()=>{!y.current&&n&&v(n)}),[n]),e.useEffect((()=>{y.current=!1}),[]);const{clearButtonCaption:C="Clear all filters"}=(null==s?void 0:s.toolbar)||{};return e.createElement(e.Fragment,null,F&&e.createElement(i.DataGridDateFilter,{dateFilterValue:F,onDateFilterValueChange:m}),o&&f.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:o,filterState:f,onFilterEdit:e=>{g(e),d&&d(e)},onFilterDelete:e=>{T(e),c&&c(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover,customEditTagContent:D}))),e.createElement("div",{className:a.default["actions-wrapper"]},o&&e.createElement(t.DataGridFilter,{mode:"ADD",customEditTagContent:D,columnsMetadata:o,filterState:f,onFilterAdd:e=>{E(e),u&&u(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}),o&&f.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{j(),p&&p()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},C))))};
 //# sourceMappingURL=DataGridToolbar.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useEffect, useRef } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } =\n    useFiltersReducer(filterValues);\n\n  const isFirstRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!isFirstRenderRef.current && filterValues) {\n      resetFilters(filterValues);\n    }\n  }, [filterValues]);\n\n  useEffect(() => {\n    isFirstRenderRef.current = false;\n  }, []);\n\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n\n        {dateFilterValue && (\n          <DataGridDateFilter\n            dateFilterValue={dateFilterValue}\n            onDateFilterValueChange={onDateFilterValueChange}\n          />\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","dateFilterValue","onDateFilterValueChange","onFiltersClear","customEditTagContent","state","addFilter","editFilter","deleteFilter","resetFilters","clearFilters","useFiltersReducer","isFirstRenderRef","useRef","useEffect","current","clearButtonCaption","toolbar","React","Fragment","filters","map","filter","DataGridFilter","mode","key","id","filterState","tagTranslations","tag","popoverTranslations","popover","createElement","className","classes","length","type","default","onClick","Typography","variant","DataGridDateFilter"],"mappings":"oRA0C+B,EAC7BA,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,kBACAC,0BACAC,iBACAC,2BAEA,MAAMC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,EAAUC,aAAEA,EAAYC,aAAEA,EAAYC,aAAEA,GAChEC,oBAAkBf,GAEdgB,EAAmBC,UAAO,GAEhCC,EAAAA,WAAU,MACHF,EAAiBG,SAAWnB,GAC/Ba,EAAab,EACd,GACA,CAACA,IAEJkB,EAAAA,WAAU,KACRF,EAAiBG,SAAU,CAAK,GAC/B,IAEH,MAAMC,mBAAEA,EAAqB,sBAAwBnB,eAAAA,EAAcoB,UAAW,CAAA,EAC9E,OACEC,gBAACC,EAAAA,SAAQ,KACNxB,GACCU,EAAMe,QAAQC,KAAIC,GAChBJ,gBAACK,EAAcA,eAAA,CACbC,KAAK,OACLC,IAAKH,EAAOI,GACZJ,OAAQA,EACR3B,gBAAiBA,EACjBgC,YAAatB,EACbN,aAAcuB,IACZf,EAAWe,GACXvB,GAAgBA,EAAauB,EAAO,EAEtCtB,eAAgB0B,IACdlB,EAAakB,GACb1B,GAAkBA,EAAe0B,EAAG,EAEtCE,gBAAiB/B,aAAY,EAAZA,EAAcgC,IAC/BC,oBAAqBjC,aAAA,EAAAA,EAAckC,QACnC3B,qBAAsBA,MAG5Bc,EAAAc,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,oBACrBvC,GACCuB,EAAAc,cAACT,EAAcA,eAAA,CACbC,KAAK,MACLpB,qBAAsBA,EACtBT,gBAAiBA,EACjBgC,YAAatB,EACbP,YAAawB,IACXhB,EAAUgB,GACVxB,GAAeA,EAAYwB,EAAO,EAEpCM,gBAAiB/B,aAAY,EAAZA,EAAcgC,IAC/BC,oBAAqBjC,eAAAA,EAAckC,UAGtCpC,GAAmBU,EAAMe,QAAQe,QAAU,GAC1CjB,EACEc,cAAA,SAAA,CAAAI,KAAK,SACLH,UAAWC,EAAOG,QAAC,gBACnBC,QAAS,KACP5B,IACAP,GAAkBA,GAAgB,GAGpCe,EAAAc,cAACO,aAAW,CAAAC,QAAQ,OAAOP,UAAWC,EAAAA,QAAiB,SACpDlB,IAKNf,GACCiB,EAAAc,cAACS,EAAAA,mBAAkB,CACjBxC,gBAAiBA,EACjBC,wBAAyBA,KAKjC"}
+{"version":3,"file":"DataGridToolbar.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useEffect, useRef } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } =\n    useFiltersReducer(filterValues);\n\n  const isFirstRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!isFirstRenderRef.current && filterValues) {\n      resetFilters(filterValues);\n    }\n  }, [filterValues]);\n\n  useEffect(() => {\n    isFirstRenderRef.current = false;\n  }, []);\n\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {dateFilterValue && (\n        <DataGridDateFilter\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />\n      )}\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","dateFilterValue","onDateFilterValueChange","onFiltersClear","customEditTagContent","state","addFilter","editFilter","deleteFilter","resetFilters","clearFilters","useFiltersReducer","isFirstRenderRef","useRef","useEffect","current","clearButtonCaption","toolbar","React","Fragment","createElement","DataGridDateFilter","filters","map","filter","DataGridFilter","mode","key","id","filterState","tagTranslations","tag","popoverTranslations","popover","className","classes","length","type","default","onClick","Typography","variant"],"mappings":"oRA0C+B,EAC7BA,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,kBACAC,0BACAC,iBACAC,2BAEA,MAAMC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,EAAUC,aAAEA,EAAYC,aAAEA,EAAYC,aAAEA,GAChEC,oBAAkBf,GAEdgB,EAAmBC,UAAO,GAEhCC,EAAAA,WAAU,MACHF,EAAiBG,SAAWnB,GAC/Ba,EAAab,EACd,GACA,CAACA,IAEJkB,EAAAA,WAAU,KACRF,EAAiBG,SAAU,CAAK,GAC/B,IAEH,MAAMC,mBAAEA,EAAqB,sBAAwBnB,eAAAA,EAAcoB,UAAW,CAAA,EAC9E,OACEC,gBAACC,EAAAA,SAAQ,KACNlB,GACCiB,EAACE,cAAAC,qBACC,CAAApB,gBAAiBA,EACjBC,wBAAyBA,IAG5BP,GACCU,EAAMiB,QAAQC,KAAIC,GAChBN,gBAACO,EAAcA,eAAA,CACbC,KAAK,OACLC,IAAKH,EAAOI,GACZJ,OAAQA,EACR7B,gBAAiBA,EACjBkC,YAAaxB,EACbN,aAAcyB,IACZjB,EAAWiB,GACXzB,GAAgBA,EAAayB,EAAO,EAEtCxB,eAAgB4B,IACdpB,EAAaoB,GACb5B,GAAkBA,EAAe4B,EAAG,EAEtCE,gBAAiBjC,aAAY,EAAZA,EAAckC,IAC/BC,oBAAqBnC,aAAA,EAAAA,EAAcoC,QACnC7B,qBAAsBA,MAG5Bc,EAAAE,cAAA,MAAA,CAAKc,UAAWC,EAAAA,QAAQ,oBACrBxC,GACCuB,EAAAE,cAACK,EAAcA,eAAA,CACbC,KAAK,MACLtB,qBAAsBA,EACtBT,gBAAiBA,EACjBkC,YAAaxB,EACbP,YAAa0B,IACXlB,EAAUkB,GACV1B,GAAeA,EAAY0B,EAAO,EAEpCM,gBAAiBjC,aAAY,EAAZA,EAAckC,IAC/BC,oBAAqBnC,eAAAA,EAAcoC,UAGtCtC,GAAmBU,EAAMiB,QAAQc,QAAU,GAC1ClB,EACEE,cAAA,SAAA,CAAAiB,KAAK,SACLH,UAAWC,EAAOG,QAAC,gBACnBC,QAAS,KACP7B,IACAP,GAAkBA,GAAgB,GAGpCe,EAACE,cAAAoB,EAAAA,YAAWC,QAAQ,OAAOP,UAAWC,EAAOG,QAAU,SACpDtB,KAMX"}