npm - @onewelcome/react-lib-components - Versions diffs - 4.2.0 → 5.0.0 - Mend

@onewelcome/react-lib-components 4.2.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (783) hide show

package/dist/esm/DataGrid/DataGridBody/DataGridCell.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a='.DataGridCell_module_srOnly__a0be2886{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell_module_hidden__a0be2886{display:none}.DataGridCell_module_slideIn__a0be2886{animation:DataGridCell_module_slideIn__a0be2886 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideIn__a0be2886{animation-duration:.1ms}}.DataGridCell_module_slideOut__a0be2886{animation:DataGridCell_module_slideOut__a0be2886 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideOut__a0be2886{animation-duration:.1ms}}@keyframes DataGridCell_module_slideIn__a0be2886{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_module_slideOut__a0be2886{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell_module_cell__a0be2886{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell_module_cell__a0be2886:first-child{padding-left:1rem}.DataGridCell_module_cell__a0be2886:last-child{padding-right:1rem}.DataGridCell_module_cell__a0be2886 .DataGridCell_module_loading__a0be2886{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell_module_cell__a0be2886 .DataGridCell_module_loading__a0be2886:after{animation:DataGridCell_module_shimmer__a0be2886 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell_module_cell__a0be2886 .DataGridCell_module_loading__a0be2886:after{animation:none}}@keyframes DataGridCell_module_shimmer__a0be2886{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell_module_cell__a0be2886:first-child{padding-left:1.25rem}.DataGridCell_module_cell__a0be2886:last-child{padding-right:1.25rem}}',l={"sr-only":"DataGridCell_module_srOnly__a0be2886",hidden:"DataGridCell_module_hidden__a0be2886","slide-in":"DataGridCell_module_slideIn__a0be2886","slide-out":"DataGridCell_module_slideOut__a0be2886",cell:"DataGridCell_module_cell__a0be2886",loading:"DataGridCell_module_loading__a0be2886",shimmer:"DataGridCell_module_shimmer__a0be2886"};e(a,{});export{a as css,l as default};
+import l from "../../../lib/style-inject.js";var i='/*!\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 */.DataGridCell-module_sr-only__HTz8Y{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell-module_hidden__ZIfWN{display:none}.DataGridCell-module_slide-in__3LsNc{animation:DataGridCell-module_slide-in__3LsNc .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-in__3LsNc{animation-duration:.1ms}}.DataGridCell-module_slide-out__9KDY3{animation:DataGridCell-module_slide-out__9KDY3 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-out__9KDY3{animation-duration:.1ms}}@keyframes DataGridCell-module_slide-in__3LsNc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell-module_slide-out__9KDY3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell-module_cell__-OXjV{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell-module_cell__-OXjV:first-child{padding-left:1rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1rem}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:DataGridCell-module_shimmer__G13df 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:none}}@keyframes DataGridCell-module_shimmer__G13df{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell-module_cell__-OXjV:first-child{padding-left:1.25rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsaUJBQWtCLENBQ2xCLHFCQUNGLENBQ0EsNkNBQ0UsaUJBQ0YsQ0FDQSw0Q0FDRSxrQkFDRixDQUNBLHFFQUdFLGlEQUFrRCxDQUNsRCxtQkFBcUIsQ0FDckIsY0FBZSxDQUNmLGdCQUFrQixDQUpsQixlQUFnQixDQURoQixpQkFNRixDQUNBLDJFQVNFLHdEQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSwyRUFDRSxjQUNGLENBQ0YsQ0FDQSw4Q0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2Q0FDRSxvQkFDRixDQUNBLDRDQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmNlbGwge1xuICBtaW4taGVpZ2h0OiAzLjVyZW07XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjYyNXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAubG9hZGluZyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDAuNjI1cmVtIDA7XG59XG4uY2VsbCAubG9hZGluZzo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmNlbGw6Zmlyc3QtY2hpbGQge1xuICAgIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbiAgfVxuICAuY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var e={"sr-only":"DataGridCell-module_sr-only__HTz8Y",hidden:"DataGridCell-module_hidden__ZIfWN","slide-in":"DataGridCell-module_slide-in__3LsNc","slide-out":"DataGridCell-module_slide-out__9KDY3",cell:"DataGridCell-module_cell__-OXjV",loading:"DataGridCell-module_loading__vpaHN",shimmer:"DataGridCell-module_shimmer__G13df"};l(i);export{e as default};
 //# sourceMappingURL=DataGridCell.module.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridRow.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import n from"./DataGridRow.module.esm.js";const l=e.forwardRef((({children:l,className:o,headers:r,isLoading:t,spacing:a,disableContextMenuColumn:s,...i},d)=>{const m=e.Children.map(l,((n,l)=>{if(n){const o=e.cloneElement(n,{spacing:a,cellIndex:l,columnLength:null==r?void 0:r.length,disableContextMenuColumn:s});return(!(r&&r.length>l)||!r[l].hidden)&&o}return null})),c=[n.row];return o&&c.push(o),t&&c.push(n.loading),e.createElement("tr",{...i,ref:d,className:c.join(" ")},m)}));export{l as DataGridRow};
+import e from"react";import n from"./DataGridRow.module.esm.js";const o=({children:o,className:t,headers:r,isLoading:l,spacing:s,disableContextMenuColumn:a,...i},c)=>{const d=e.Children.map(o,((n,o)=>{if(n){const t=e.cloneElement(n,{spacing:s,cellIndex:o,columnLength:r===null||r===void 0?void 0:r.length,disableContextMenuColumn:a});const l=r&&r.length>o?!r[o].hidden:true;return l&&t}return null}));const m=[n["row"]];t&&m.push(t);l&&m.push(n["loading"]);return e.createElement("tr",{...i,ref:c,className:m.join(" ")},d)};const t=e.forwardRef(o);export{t as DataGridRow};
 //# sourceMappingURL=DataGridRow.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridRow.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridRow.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridRow.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridRow.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"tr\"> {\n headers?: HeaderCell[];\n isLoading?: boolean;\n spacing?: React.CSSProperties;\n disableContextMenuColumn?: boolean;\n}\n\nconst DataGridRowComponent: ForwardRefRenderFunction<HTMLTableRowElement, Props> = (\n { children, className, headers, isLoading, spacing, disableContextMenuColumn, ...rest }: Props,\n ref\n) => {\n const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n if (child) {\n const cellWithSpacing = React.cloneElement(child, {\n spacing: spacing,\n cellIndex: index,\n columnLength: headers?.length,\n disableContextMenuColumn\n });\n\n const visible = headers && headers.length > index ? !headers[index].hidden : true;\n return visible && cellWithSpacing;\n }\n return null;\n });\n\n const classNames = [classes[\"row\"]];\n className && classNames.push(className);\n isLoading && classNames.push(classes[\"loading\"]);\n\n return (\n <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n {visibleCells}\n </tr>\n );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent);\n"],"names":["DataGridRowComponent","children","className","headers","isLoading","spacing","disableContextMenuColumn","rest","ref","visibleCells","React","Children","map","child","index","cellWithSpacing","cloneElement","cellIndex","columnLength","length","visible","hidden","classNames","classes","push","join","DataGridRow","forwardRef"],"mappings":"gEA2BA,MAAMA,EAA6E,EAC/EC,WAAUC,YAAWC,UAASC,YAAWC,UAASC,8BAA6BC,GACjFC,KAEA,MAAMC,EAAeC,EAAMC,SAASC,IAAIX,GAAkC,CAACY,EAAOC,KAChF,GAAID,EAAO,CACT,MAAME,EAAkBL,EAAMM,aAAaH,EAAO,CAChDR,QAASA,EACTY,UAAWH,EACXI,aAAcf,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASgB,OACvBb,6BAGF,MAAMc,EAAUjB,GAAWA,EAAQgB,OAASL,GAASX,EAAQW,GAAOO,OAAS,KAC7E,OAAOD,GAAWL,CACnB,CACD,OAAO,IAAI,IAGb,MAAMO,EAAa,CAACC,EAAQ,QAC5BrB,GAAaoB,EAAWE,KAAKtB,GAC7BE,GAAakB,EAAWE,KAAKD,EAAQ,YAErC,OACEb,yBAAQH,EAAMC,IAAKA,EAAKN,UAAWoB,EAAWG,KAAK,MAChDhB,EAEH,EAGS,MAAAiB,EAAchB,EAAMiB,WAAW3B"}

package/dist/esm/DataGrid/DataGridBody/DataGridRow.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".DataGridRow_module_row__26c475ca{background-color:var(--data-grid-row-background-color)}.DataGridRow_module_row__26c475ca:not(.DataGridRow_module_loading__26c475ca):hover{background-color:var(--data-grid-row-hover-background-color)}",r={row:"DataGridRow_module_row__26c475ca",loading:"DataGridRow_module_loading__26c475ca"};o(a,{});export{a as css,r as default};
+import i from "../../../lib/style-inject.js";var e='/*!\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-module_row__41IVt{background-color:var(--data-grid-row-background-color)}.DataGridRow-module_row__41IVt:not(.DataGridRow-module_loading__RpedL):hover{background-color:var(--data-grid-row-hover-background-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBQ0Usc0RBQ0YsQ0FDQSw2RUFDRSw0REFDRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucm93IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGF0YS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5yb3c6bm90KC5sb2FkaW5nKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59Il19 */';var l={row:"DataGridRow-module_row__41IVt",loading:"DataGridRow-module_loading__RpedL"};i(e);export{l as default};
 //# sourceMappingURL=DataGridRow.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useState as n,useEffect as t}from"react";import{DataGridHeaderCell as i}from"./DataGridHeaderCell.esm.js";import l from"./DataGridHeader.module.esm.js";const a=[void 0,"ASC","DESC"],r=e.forwardRef((({initialSort:r,onSort:d,headers:o,disableContextMenuColumn:m,enableMultiSorting:s,spacing:c,...u},g)=>{const[f,h]=n(null!=r?r:[]);t((()=>{h(null!=r?r:[])}),[r]);const p=e=>{const n=f.find((n=>n.name===e)),t=s?f.filter((n=>n.name!==e)):[],i=(e=>{const n=a.findIndex((n=>n===e));return a[n+1%a.length]})(null==n?void 0:n.direction);return i?[{name:e,direction:i},...t]:t},v=e=>{const n=p(e);null==d||d(n),h(n)},S=o.map(((n,t)=>{var l,a;if(n.hidden)return null;let r={textAlign:null!==(l=n.align)&&void 0!==l?l:"left"};0===t&&(r.paddingLeft=null==c?void 0:c.paddingLeft),t===o.length-1&&m&&(r.paddingRight=null==c?void 0:c.paddingRight);const s=f.find((e=>e.name===n.name));return e.createElement(i,{key:n.name,name:n.name,headline:n.headline,disableSorting:null!==(a=n.disableSorting)&&void 0!==a?a:!d,onSort:v,activeSortDirection:null==s?void 0:s.direction,style:r})}));return e.createElement("thead",{...u,ref:g,className:l.thead},e.createElement("tr",{className:l.row},S,!m&&e.createElement("td",{style:{paddingRight:null==c?void 0:c.paddingRight},"aria-label":"context menu",className:l["context-menu"]})))}));export{r as DataGridHeader};
+import e,{useState as n,useEffect as t}from"react";import{DataGridHeaderCell as i}from"./DataGridHeaderCell.esm.js";import o from"./DataGridHeader.module.esm.js";const d=[void 0,"ASC","DESC"];const l=({initialSort:l,onSort:a,headers:r,disableContextMenuColumn:s,enableMultiSorting:c,spacing:m,...u},v)=>{const[g,f]=n(l!==null&&l!==void 0?l:[]);t((()=>{f(l!==null&&l!==void 0?l:[])}),[l]);const h=e=>{const n=d.findIndex((n=>n===e));return d[n+1%d.length]};const p=e=>{const n=g.find((n=>n.name===e));const t=c?g.filter((n=>n.name!==e)):[];const i=h(n===null||n===void 0?void 0:n.direction);return i?[{name:e,direction:i},...t]:t};const S=e=>{const n=p(e);a===null||a===void 0?void 0:a(n);f(n)};const x=r.map(((n,t)=>{var o,d;if(n.hidden)return null;let l={textAlign:(o=n.align)!==null&&o!==void 0?o:"left"};if(t===0)l.paddingLeft=m===null||m===void 0?void 0:m.paddingLeft;if(t===r.length-1&&s)l.paddingRight=m===null||m===void 0?void 0:m.paddingRight;const c=g.find((e=>e.name===n.name));return e.createElement(i,{key:n.name,name:n.name,headline:n.headline,disableSorting:(d=n.disableSorting)!==null&&d!==void 0?d:!a,onSort:S,activeSortDirection:c===null||c===void 0?void 0:c.direction,style:l})}));return e.createElement("thead",{...u,ref:v,className:o["thead"]},e.createElement("tr",{className:o["row"]},x,!s&&e.createElement("td",{style:{paddingRight:m===null||m===void 0?void 0:m.paddingRight},"aria-label":"context menu",className:o["context-menu"]})))};const a=e.forwardRef(l);export{a as DataGridHeader};
 //# sourceMappingURL=DataGridHeader.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridHeader.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridHeader.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n headers: HeaderCell[];\n initialSort?: Sort;\n onSort?: OnSortFunction;\n disableContextMenuColumn?: boolean;\n enableMultiSorting?: boolean;\n spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction \| undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n {\n initialSort,\n onSort,\n headers,\n disableContextMenuColumn,\n enableMultiSorting,\n spacing,\n ...rest\n }: Props,\n ref\n) => {\n const [sortList, setSortList] = useState(initialSort ?? []);\n\n useEffect(() => {\n setSortList(initialSort ?? []);\n }, [initialSort]);\n\n const calculateNextSortState = (direction?: Direction) => {\n const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n };\n\n /\n The sortList contains sorting columns objects. The order of those objects determinates priorities of sorting.\n * Last modified sorting column has the highest priority.\n */\n const updateSortList = (name: string): Sort => {\n const current = sortList.find(item => item.name === name);\n const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n const newSortDirection = calculateNextSortState(current?.direction);\n return newSortDirection\n ? [{ name, direction: newSortDirection }, ...restSortList]\n : restSortList;\n };\n\n const wrapOnSort = (name: string) => {\n const newSort = updateSortList(name);\n onSort?.(newSort);\n setSortList(newSort);\n };\n\n const headerCells = headers.map((header, index) => {\n if (header.hidden) {\n return null;\n }\n\n let headerStyle: React.CSSProperties = {\n textAlign: header.align ?? \"left\"\n };\n\n if (index === 0) {\n headerStyle.paddingLeft = spacing?.paddingLeft;\n }\n if (index === headers.length - 1 && disableContextMenuColumn) {\n headerStyle.paddingRight = spacing?.paddingRight;\n }\n\n const sort = sortList.find(item => item.name === header.name);\n return (\n <DataGridHeaderCell\n key={header.name}\n name={header.name}\n headline={header.headline}\n disableSorting={header.disableSorting ?? !onSort}\n onSort={wrapOnSort}\n activeSortDirection={sort?.direction}\n style={headerStyle}\n />\n );\n });\n\n return (\n <thead {...rest} ref={ref} className={classes[\"thead\"]}>\n <tr className={classes[\"row\"]}>\n {headerCells}\n {!disableContextMenuColumn && (\n <td\n style={{ paddingRight: spacing?.paddingRight }}\n aria-label=\"context menu\"\n className={classes[\"context-menu\"]}\n ></td>\n )}\n </tr>\n </thead>\n );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","undefined","DataGridHeaderComponent","initialSort","onSort","headers","disableContextMenuColumn","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","calculateNextSortState","direction","currentDirectionIdx","findIndex","item","length","updateSortList","name","current","find","restSortList","filter","newSortDirection","wrapOnSort","newSort","headerCells","map","header","index","hidden","headerStyle","textAlign","_a","align","paddingLeft","paddingRight","sort","React","DataGridHeaderCell","key","headline","disableSorting","_b","activeSortDirection","style","createElement","className","classes","DataGridHeader","forwardRef"],"mappings":"kKA8BA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QAEzC,MAAMC,EAAoF,EAEtFC,cACAC,SACAC,UACAC,2BACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAASV,IAAW,MAAXA,SAAA,EAAAA,EAAe,IAExDW,GAAU,KACRF,EAAYT,IAAA,MAAAA,WAAAA,EAAe,GAAG,GAC7B,CAACA,IAEJ,MAAMY,EAA0BC,IAC9B,MAAMC,EAAsBjB,EAAckB,WAAUC,GAAQA,IAASH,IACrE,OAAOhB,EAAciB,EAAuB,EAAIjB,EAAcoB,OAAQ,EAOxE,MAAMC,EAAkBC,IACtB,MAAMC,EAAUZ,EAASa,MAAKL,GAAQA,EAAKG,OAASA,IACpD,MAAMG,EAAelB,EAAqBI,EAASe,QAAOP,GAAQA,EAAKG,OAASA,IAAQ,GACxF,MAAMK,EAAmBZ,EAAuBQ,IAAO,MAAPA,SAAO,OAAA,EAAPA,EAASP,WACzD,OAAOW,EACH,CAAC,CAAEL,OAAMN,UAAWW,MAAuBF,GAC3CA,CAAY,EAGlB,MAAMG,EAAcN,IAClB,MAAMO,EAAUR,EAAeC,GAC/BlB,UAAAA,SAAM,OAAA,EAANA,EAASyB,GACTjB,EAAYiB,EAAQ,EAGtB,MAAMC,EAAczB,EAAQ0B,KAAI,CAACC,EAAQC,aACvC,GAAID,EAAOE,OACT,OAAO,KAGT,IAAIC,EAAmC,CACrCC,WAAWC,EAAAL,EAAOM,4BAAS,QAG7B,GAAIL,IAAU,EACZE,EAAYI,YAAc/B,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAAS+B,YAErC,GAAIN,IAAU5B,EAAQe,OAAS,GAAKd,EAClC6B,EAAYK,aAAehC,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASgC,aAGtC,MAAMC,EAAO9B,EAASa,MAAKL,GAAQA,EAAKG,OAASU,EAAOV,OACxD,OACEoB,gBAACC,EAAkB,CACjBC,IAAKZ,EAAOV,KACZA,KAAMU,EAAOV,KACbuB,SAAUb,EAAOa,SACjBC,gBAAgBC,EAAAf,EAAOc,kBAAkB,MAAAC,SAAA,EAAAA,GAAC3C,EAC1CA,OAAQwB,EACRoB,oBAAqBP,UAAAA,SAAI,OAAA,EAAJA,EAAMzB,UAC3BiC,MAAOd,GAET,IAGJ,OACEO,EAAAQ,cAAA,QAAA,IAAWzC,EAAMC,IAAKA,EAAKyC,UAAWC,EAAQ,UAC5CV,EAAAQ,cAAA,KAAA,CAAIC,UAAWC,EAAQ,QACpBtB,GACCxB,GACAoC,EAAAQ,cAAA,KAAA,CACED,MAAO,CAAET,aAAchC,IAAA,MAAAA,kBAAAA,EAASgC,cACrB,aAAA,eACXW,UAAWC,EAAQ,mBAK3B,EAGS,MAAAC,EAAiBX,EAAMY,WAAWpD"}

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r='.DataGridHeader_module_thead__cf9383ef:after{border-bottom:2px solid var(--light-grey-border);content:"";left:1rem;position:absolute;width:calc(100% - 2rem)}.DataGridHeader_module_row__cf9383ef{height:2.5rem}.DataGridHeader_module_contextMenu__cf9383ef{box-sizing:border-box;width:4.125rem}@media only screen and (min-width:50em){.DataGridHeader_module_thead__cf9383ef:after{left:1.25rem;width:calc(100% - 2.5rem)}}',t={thead:"DataGridHeader_module_thead__cf9383ef",row:"DataGridHeader_module_row__cf9383ef","context-menu":"DataGridHeader_module_contextMenu__cf9383ef"};e(r,{});export{r as css,t as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.DataGridHeader-module_thead__8Hifa:after{border-bottom:2px solid var(--light-grey-border);content:"";left:1rem;position:absolute;width:calc(100% - 2rem)}.DataGridHeader-module_row__JAYva{height:2.5rem}.DataGridHeader-module_context-menu__NuTeS{box-sizing:border-box;width:4.125rem}@media only screen and (min-width:50em){.DataGridHeader-module_thead__8Hifa:after{left:1.25rem;width:calc(100% - 2.5rem)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMENBS0UsZ0RBQWlELENBSmpELFVBQVcsQ0FHWCxTQUFVLENBRlYsaUJBQWtCLENBQ2xCLHVCQUdGLENBRUEsa0NBQ0UsYUFDRixDQUVBLDJDQUVFLHFCQUFzQixDQUR0QixjQUVGLENBRUEsd0NBQ0UsMENBRUUsWUFBYSxDQURiLHlCQUVGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRoZWFkOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDJyZW0pO1xuICBsZWZ0OiAxcmVtO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4ucm93IHtcbiAgaGVpZ2h0OiAyLjVyZW07XG59XG5cbi5jb250ZXh0LW1lbnUge1xuICB3aWR0aDogNC4xMjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAudGhlYWQ6OmFmdGVyIHtcbiAgICB3aWR0aDogY2FsYygxMDAlIC0gMi41cmVtKTtcbiAgICBsZWZ0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var a={thead:"DataGridHeader-module_thead__8Hifa",row:"DataGridHeader-module_row__JAYva","context-menu":"DataGridHeader-module_context-menu__NuTeS"};e(i);export{a as default};
 //# sourceMappingURL=DataGridHeader.module.esm.js.map

package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{Fragment as n}from"react";import{Icon as t,Icons as r}from"../../Icon/Icon.esm.js";import a from"./DataGridHeaderCell.module.esm.js";const c={ASC:"ascending",DESC:"descending"},o=e.forwardRef((({headline:o,name:i,disableSorting:l,activeSortDirection:s,onSort:m,...d},E)=>{const u=e.createElement(n,null,e.createElement("span",{className:a.headline},o),!l&&e.createElement("div",{className:a["sorting-indicator-container"]},(()=>{const c=e=>{const n=[a.indicator];return s&&n.push(s===e?a.active:a.hidden),n};return e.createElement(n,null,e.createElement(t,{className:c("ASC").join(" "),icon:r.TriangleUp}),e.createElement(t,{className:c("DESC").join(" "),icon:r.TriangleDown}))})()));return e.createElement("th",{...d,ref:E,className:a["header-cell"],"aria-sort":s&&c[s]},l?e.createElement("div",{key:i},u):e.createElement("button",{key:i,onClick:()=>{null==m||m(i)}},u))}));export{o as DataGridHeaderCell};
+import e,{Fragment as n}from"react";import{Icon as t,Icons as r}from"../../Icon/Icon.esm.js";import a from"./DataGridHeaderCell.module.esm.js";const o={ASC:"ascending",DESC:"descending"};const c=({headline:c,name:i,disableSorting:l,activeSortDirection:s,onSort:m,...d},E)=>{const u=()=>{m===null||m===void 0?void 0:m(i)};const p=()=>{const o=e=>{const n=[a["indicator"]];s&&n.push(s===e?a["active"]:a["hidden"]);return n};return e.createElement(n,null,e.createElement(t,{className:o("ASC").join(" "),icon:r.TriangleUp}),e.createElement(t,{className:o("DESC").join(" "),icon:r.TriangleDown}))};const S=e.createElement(n,null,e.createElement("span",{className:a["headline"]},c),!l&&e.createElement("div",{className:a["sorting-indicator-container"]},p()));return e.createElement("th",{...d,ref:E,className:a["header-cell"],"aria-sort":s&&o[s]},l?e.createElement("div",{key:i},S):e.createElement("button",{key:i,onClick:u},S))};const i=e.forwardRef(c);export{i as DataGridHeaderCell};
 //# sourceMappingURL=DataGridHeaderCell.esm.js.map

package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridHeaderCell.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridHeaderCell.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n headline: string;\n name: string;\n disableSorting?: boolean;\n activeSortDirection?: Direction;\n onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n ASC: \"ascending\",\n DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n ref\n) => {\n const onCellClick = () => {\n onSort?.(name);\n };\n\n const sortingIndicator = () => {\n const getSortingIndicatorClasses = (direction: Direction) => {\n const sortingIndicatorClasses = [classes[\"indicator\"]];\n activeSortDirection &&\n sortingIndicatorClasses.push(\n activeSortDirection === direction ? classes[\"active\"] : classes[\"hidden\"]\n );\n return sortingIndicatorClasses;\n };\n\n return (\n <Fragment>\n <Icon className={getSortingIndicatorClasses(\"ASC\").join(\" \")} icon={Icons.TriangleUp} />\n <Icon className={getSortingIndicatorClasses(\"DESC\").join(\" \")} icon={Icons.TriangleDown} />\n </Fragment>\n );\n };\n\n const innerContent = (\n <Fragment>\n <span className={classes[\"headline\"]}>{headline}</span>\n {!disableSorting && (\n <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n )}\n </Fragment>\n );\n\n return (\n <th\n {...rest}\n ref={ref}\n className={classes[\"header-cell\"]}\n aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n >\n {disableSorting ? (\n <div key={name}>{innerContent}</div>\n ) : (\n <button key={name} onClick={onCellClick}>\n {innerContent}\n </button>\n )}\n </th>\n );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":["ariaSortMapping","ASC","DESC","DataGridHeaderCellComponent","headline","name","disableSorting","activeSortDirection","onSort","rest","ref","onCellClick","sortingIndicator","getSortingIndicatorClasses","direction","sortingIndicatorClasses","classes","push","React","Fragment","createElement","Icon","className","join","icon","Icons","TriangleUp","TriangleDown","innerContent","key","onClick","DataGridHeaderCell","forwardRef"],"mappings":"+IA6BA,MAAMA,EAAkB,CACtBC,IAAK,YACLC,KAAM,cAGR,MAAMC,EAAqF,EACvFC,WAAUC,OAAMC,iBAAgBC,sBAAqBC,YAAWC,GAClEC,KAEA,MAAMC,EAAc,KAClBH,UAAAA,SAAM,OAAA,EAANA,EAASH,EAAK,EAGhB,MAAMO,EAAmB,KACvB,MAAMC,EAA8BC,IAClC,MAAMC,EAA0B,CAACC,EAAQ,cACzCT,GACEQ,EAAwBE,KACtBV,IAAwBO,EAAYE,EAAQ,UAAYA,EAAQ,WAEpE,OAAOD,CAAuB,EAGhC,OACEG,gBAACC,EAAQ,KACPD,EAAAE,cAACC,EAAK,CAAAC,UAAWT,EAA2B,OAAOU,KAAK,KAAMC,KAAMC,EAAMC,aAC1ER,EAACE,cAAAC,GAAKC,UAAWT,EAA2B,QAAQU,KAAK,KAAMC,KAAMC,EAAME,eAE7E,EAGJ,MAAMC,EACJV,EAAAE,cAACD,EAAQ,KACPD,EAAME,cAAA,OAAA,CAAAE,UAAWN,EAAQ,aAAcZ,IACrCE,GACAY,EAAKE,cAAA,MAAA,CAAAE,UAAWN,EAAQ,gCAAiCJ,MAK/D,OACEM,EACME,cAAA,KAAA,IAAAX,EACJC,IAAKA,EACLY,UAAWN,EAAQ,eAAc,YACtBT,GAAuBP,EAAgBO,IAEjDD,EACCY,EAAKE,cAAA,MAAA,CAAAS,IAAKxB,GAAOuB,GAEjBV,EAAAE,cAAA,SAAA,CAAQS,IAAKxB,EAAMyB,QAASnB,GACzBiB,GAIP,EAGS,MAAAG,EAAqBb,EAAMc,WAAW7B"}

package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".DataGridHeaderCell_module_headerCell__fc57e9c8{font-weight:400;padding:0 .625rem;text-align:left}.DataGridHeaderCell_module_headerCell__fc57e9c8:first-child{padding-left:1rem}.DataGridHeaderCell_module_headerCell__fc57e9c8:last-child{padding-right:1rem}.DataGridHeaderCell_module_headerCell__fc57e9c8>*{display:inline-flex}.DataGridHeaderCell_module_headerCell__fc57e9c8>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell_module_headline__fc57e9c8{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-weight:700;line-height:var(--default-line-height)}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8>*{font-size:.625rem}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8 .DataGridHeaderCell_module_indicator__fc57e9c8{color:var(--greyed-out)}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8 .DataGridHeaderCell_module_indicator__fc57e9c8.DataGridHeaderCell_module_active__fc57e9c8{color:var(--color-primary)}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8 .DataGridHeaderCell_module_indicator__fc57e9c8.DataGridHeaderCell_module_hidden__fc57e9c8{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell_module_headerCell__fc57e9c8:first-child{padding-left:1.25rem}.DataGridHeaderCell_module_headerCell__fc57e9c8:last-child{padding-right:1.25rem}}",d={"header-cell":"DataGridHeaderCell_module_headerCell__fc57e9c8",headline:"DataGridHeaderCell_module_headline__fc57e9c8","sorting-indicator-container":"DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8",indicator:"DataGridHeaderCell_module_indicator__fc57e9c8",active:"DataGridHeaderCell_module_active__fc57e9c8",hidden:"DataGridHeaderCell_module_hidden__fc57e9c8"};e(a,{});export{a as css,d as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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 */.DataGridHeaderCell-module_header-cell__proHM{font-weight:400;padding:0 .625rem;text-align:left}.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1rem}.DataGridHeaderCell-module_header-cell__proHM>*{display:inline-flex}.DataGridHeaderCell-module_header-cell__proHM>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell-module_headline__cmx1r{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-weight:700;line-height:var(--default-line-height)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI>*{font-size:.625rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k{color:var(--greyed-out)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_active__vg3wV{color:var(--color-primary)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_hidden__MAOV3{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1.25rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDhDQUNFLGVBQW1CLENBRW5CLGlCQUFtQixDQURuQixlQUVGLENBQ0EsMERBQ0UsaUJBQ0YsQ0FDQSx5REFDRSxrQkFDRixDQUNBLGdEQUNFLG1CQUNGLENBQ0EscURBT0Usa0JBQW1CLENBSG5CLGVBQWdCLENBRGhCLFFBQVMsQ0FFVCxjQUFlLENBQ2YsbUJBQW9CLENBSnBCLFFBQVMsQ0FEVCxTQU9GLENBRUEsMkNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQiwwQkFBMkIsQ0FFM0IsZUFBZ0IsQ0FEaEIsc0NBR0YsQ0FFQSw4REFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUR2QixrQkFFRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsMEdBQ0UsdUJBQ0YsQ0FDQSxrSkFDRSwwQkFDRixDQUNBLGtKQUNFLGlCQUNGLENBRUEsd0NBQ0UsMERBQ0Usb0JBQ0YsQ0FDQSx5REFDRSxxQkFDRixDQUNGIiwiZmlsZSI6IkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyLWNlbGwge1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBwYWRkaW5nOiAwIDAuNjI1cmVtO1xufVxuLmhlYWRlci1jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsOmxhc3QtY2hpbGQge1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsID4gKiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuLmhlYWRlci1jZWxsID4gYnV0dG9uIHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5oZWFkbGluZSB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG5cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyID4gKiB7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3Ige1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3IuYWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5oZWFkZXItY2VsbDpmaXJzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICB9XG4gIC5oZWFkZXItY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var i={"header-cell":"DataGridHeaderCell-module_header-cell__proHM",headline:"DataGridHeaderCell-module_headline__cmx1r","sorting-indicator-container":"DataGridHeaderCell-module_sorting-indicator-container__G5sPI",indicator:"DataGridHeaderCell-module_indicator__xaM3k",active:"DataGridHeaderCell-module_active__vg3wV",hidden:"DataGridHeaderCell-module_hidden__MAOV3"};e(l);export{i as default};
 //# sourceMappingURL=DataGridHeaderCell.module.esm.js.map

package/dist/esm/Form/Checkbox/Checkbox.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useEffect as r}from"react";import{Icon as o,Icons as a}from"../../Icon/Icon.esm.js";import t from"./Checkbox.module.esm.js";import{useFormSelector as n}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as s}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const i=e=>{var r;return!!(null===(r=null==e?void 0:e.props)||void 0===r?void 0:r["data-toggle"])},c=e.forwardRef((({children:l,name:p,helperText:d,helperProps:m,indeterminate:h,parentErrorId:b,errorMessage:u,disabled:f,label:k,parentHelperId:E,className:x,error:I,checked:j=!1,formSelectorWrapperProps:y,onChange:g,...v},C)=>{const{errorId:N,identifier:$,describedBy:S}=n({name:p,helperText:d,parentErrorId:b,errorMessage:u,error:I,parentHelperId:E});r((()=>{if(!p)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if("object"==typeof l&&!i(l)&&void 0===h)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const w=[t.input],P=[t["native-input"]],q=[t["checkbox-wrapper"]];return I&&P.push(t.error),f&&P.push(t.disabled)&&w.push(t.disabled),x&&q.push(x),e.createElement(s,{...y,className:q.join(" "),containerProps:{className:t["checkbox-container"]},helperText:d,helperProps:m,parentErrorId:b,errorId:N,errorMessage:u,error:I,disabled:f,identifier:$,nestedChildren:"object"==typeof l&&!i(l)&&e.createElement("ul",{className:t["checkbox-list"]},e.Children.map(l,(r=>e.createElement("li",null,e.createElement(c,{...r.props,parentHelperId:E,parentErrorId:b,error:I,disabled:r.props.disabled?r.props.disabled:f},r.props.children)))))},e.createElement("input",{...v,ref:C,disabled:f,className:P.join(" "),checked:j,onChange:e=>{f||null==g||g(e)},"aria-invalid":I,"aria-checked":h?"mixed":j,"aria-describedby":S,id:`${$}-checkbox`,name:p,type:"checkbox"}),e.Children.toArray(l).filter(i),h&&e.createElement(o,{className:`${w.join(" ")} ${t.indeterminate}`,icon:a.MinusSquare}),j&&!h&&e.createElement(o,{className:`${w.join(" ")} ${t.checkmark}`,icon:a.CheckmarkSquare}),!j&&!h&&e.createElement(o,{className:`${w.join(" ")} ${t.square}`,icon:a.Square}),e.createElement("label",{htmlFor:`${$}-checkbox`},k||("string"==typeof l?l:void 0)))}));export{c as Checkbox};
+import e,{useEffect as r}from"react";import{Icon as o,Icons as t}from"../../Icon/Icon.esm.js";import a from"./Checkbox.module.esm.js";import{useFormSelector as n}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as s}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const c=e=>{var r;return!!((r=e===null||e===void 0?void 0:e.props)===null||r===void 0?void 0:r["data-toggle"])};const i=({children:i,name:p,helperText:d,helperProps:m,indeterminate:h,parentErrorId:u,errorMessage:b,disabled:f,label:k,parentHelperId:E,className:x,error:v,checked:I=false,formSelectorWrapperProps:j,onChange:y,...g},C)=>{const{errorId:N,identifier:$,describedBy:S}=n({name:p,helperText:d,parentErrorId:u,errorMessage:b,error:v,parentHelperId:E});r((()=>{if(!p)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if(typeof i==="object"&&!c(i)&&h===void 0)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const w=()=>{if(k)return k;else if(typeof i==="string")return i};const P=()=>e.createElement("ul",{className:a["checkbox-list"]},e.Children.map(i,(r=>e.createElement("li",null,e.createElement(l,{...r.props,parentHelperId:E,parentErrorId:u,error:v,disabled:r.props.disabled?r.props.disabled:f},r.props.children)))));const q=e=>{if(f)return;y===null||y===void 0?void 0:y(e)};const F=()=>e.Children.toArray(i).filter(c);const M=[a["input"]];const H=[a["native-input"]];const T=[a["checkbox-wrapper"]];v&&H.push(a["error"]);f&&H.push(a["disabled"])&&M.push(a["disabled"]);x&&T.push(x);return e.createElement(s,{...j,className:T.join(" "),containerProps:{className:a["checkbox-container"]},helperText:d,helperProps:m,parentErrorId:u,errorId:N,errorMessage:b,error:v,disabled:f,identifier:$,nestedChildren:typeof i==="object"&&!c(i)&&P()},e.createElement("input",{...g,ref:C,disabled:f,className:H.join(" "),checked:I,onChange:q,"aria-invalid":v,"aria-checked":h?"mixed":I,"aria-describedby":S,id:`${$}-checkbox`,name:p,type:"checkbox"}),F(),h&&e.createElement(o,{className:`${M.join(" ")} ${a["indeterminate"]}`,icon:t.MinusSquare}),I&&!h&&e.createElement(o,{className:`${M.join(" ")} ${a["checkmark"]}`,icon:t.CheckmarkSquare}),!I&&!h&&e.createElement(o,{className:`${M.join(" ")} ${a["square"]}`,icon:t.Square}),e.createElement("label",{htmlFor:`${$}-checkbox`},w()))};const l=e.forwardRef(i);export{l as Checkbox};
 //# sourceMappingURL=Checkbox.esm.js.map

package/dist/esm/Form/Checkbox/Checkbox.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Checkbox.esm.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.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, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n ReactElement,\n ReactNode,\n useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n FormSelectorWrapper,\n Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n label?: string \| React.ReactElement;\n indeterminate?: boolean;\n helperProps?: FormHelperTextProps;\n formSelectorWrapperProps?: FormSelectorWrapperProps;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n children,\n name,\n helperText,\n helperProps,\n indeterminate,\n parentErrorId,\n errorMessage,\n disabled,\n label,\n parentHelperId,\n className,\n error,\n checked = false,\n formSelectorWrapperProps,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, identifier, describedBy } = useFormSelector({\n name,\n helperText,\n parentErrorId,\n errorMessage,\n error,\n parentHelperId\n });\n\n useEffect(() => {\n if (!name) {\n throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n }\n\n if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n throw new Error(\n \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n );\n }\n }, []);\n\n const determineLabel = () => {\n // this should be temporary, for backwards compatibility;\n // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n if (label) {\n return label;\n } else if (typeof children === \"string\") {\n return children;\n }\n };\n\n const renderNestedCheckboxes = () => (\n <ul className={classes[\"checkbox-list\"]}>\n {React.Children.map(children as ReactElement[], child => {\n return (\n <li>\n <Checkbox\n {...child.props}\n parentHelperId={parentHelperId}\n parentErrorId={parentErrorId}\n error={error}\n disabled={child.props.disabled ? child.props.disabled : disabled}\n >\n {child.props.children}\n </Checkbox>\n </li>\n );\n })}\n </ul>\n );\n\n const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n onChange?.(event);\n };\n\n const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n const iconClasses = [classes[\"input\"]];\n const nativeInputClasses = [classes[\"native-input\"]];\n const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n error && nativeInputClasses.push(classes[\"error\"]);\n disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n className && wrapperClasses.push(className);\n\n return (\n <FormSelectorWrapper\n {...formSelectorWrapperProps}\n className={wrapperClasses.join(\" \")}\n containerProps={{ className: classes[\"checkbox-container\"] }}\n helperText={helperText}\n helperProps={helperProps}\n parentErrorId={parentErrorId}\n errorId={errorId}\n errorMessage={errorMessage}\n error={error}\n disabled={disabled}\n identifier={identifier}\n nestedChildren={\n typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n }\n >\n <input\n {...rest}\n ref={ref}\n disabled={disabled}\n className={nativeInputClasses.join(\" \")}\n checked={checked}\n onChange={onChangeHandler}\n aria-invalid={error as boolean}\n aria-checked={indeterminate ? \"mixed\" : checked}\n aria-describedby={describedBy}\n id={`${identifier}-checkbox`}\n name={name}\n type=\"checkbox\"\n />\n {renderToggle()}\n\n {indeterminate && (\n <Icon\n className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n icon={Icons.MinusSquare}\n />\n )}\n {checked && !indeterminate && (\n <Icon\n className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n icon={Icons.CheckmarkSquare}\n />\n )}\n {!checked && !indeterminate && (\n <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n )}\n <label htmlFor={`${identifier}-checkbox`}>{determineLabel()}</label>\n </FormSelectorWrapper>\n );\n};\n\nexport const Checkbox = React.forwardRef(CheckboxComponent);\n"],"names":["isToggle","children","_a","props","CheckboxComponent","name","helperText","helperProps","indeterminate","parentErrorId","errorMessage","disabled","label","parentHelperId","className","error","checked","formSelectorWrapperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","useEffect","Error","undefined","determineLabel","renderNestedCheckboxes","React","createElement","classes","Children","map","child","Checkbox","onChangeHandler","event","renderToggle","toArray","filter","iconClasses","nativeInputClasses","wrapperClasses","push","FormSelectorWrapper","join","containerProps","nestedChildren","id","type","Icon","icon","Icons","MinusSquare","CheckmarkSquare","Square","htmlFor","forwardRef"],"mappings":"uSAiCA,MAAMA,EAAYC,IAAwB,IAAAC,EAAA,UAAEA,EAACD,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAA2BE,SAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAA,eAAc,EAU9F,MAAME,EAAuE,EAEzEH,WACAI,OACAC,aACAC,cACAC,gBACAC,gBACAC,eACAC,WACAC,QACAC,iBACAC,YACAC,QACAC,UAAU,MACVC,2BACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAgB,CAC3DnB,OACAC,aACAG,gBACAC,eACAK,QACAF,mBAGFY,GAAU,KACR,IAAKpB,EACH,MAAM,IAAIqB,MAAM,2DAGlB,UAAWzB,IAAa,WAAaD,EAASC,IAAaO,SAAkBmB,EAC3E,MAAM,IAAID,MACR,6HAEH,GACA,IAEH,MAAME,EAAiB,KAGrB,GAAIhB,EACF,OAAOA,OACF,UAAWX,IAAa,SAC7B,OAAOA,CACR,EAGH,MAAM4B,EAAyB,IAC7BC,EAAIC,cAAA,KAAA,CAAAjB,UAAWkB,EAAQ,kBACpBF,EAAMG,SAASC,IAAIjC,GAA4BkC,GAE5CL,EAAAC,cAAA,KAAA,KACED,EAACC,cAAAK,MACKD,EAAMhC,MACVU,eAAgBA,EAChBJ,cAAeA,EACfM,MAAOA,EACPJ,SAAUwB,EAAMhC,MAAMQ,SAAWwB,EAAMhC,MAAMQ,SAAWA,GAEvDwB,EAAMhC,MAAMF,cAQzB,MAAMoC,EAAmBC,IACvB,GAAI3B,EACF,OAEFO,UAAAA,SAAQ,OAAA,EAARA,EAAWoB,EAAM,EAGnB,MAAMC,EAAe,IAAMT,EAAMG,SAASO,QAAQvC,GAAUwC,OAAOzC,GAEnE,MAAM0C,EAAc,CAACV,EAAQ,UAC7B,MAAMW,EAAqB,CAACX,EAAQ,iBACpC,MAAMY,EAAiB,CAACZ,EAAQ,qBAChCjB,GAAS4B,EAAmBE,KAAKb,EAAQ,UACzCrB,GAAYgC,EAAmBE,KAAKb,EAAQ,cAAgBU,EAAYG,KAAKb,EAAQ,aACrFlB,GAAa8B,EAAeC,KAAK/B,GAEjC,OACEgB,EAAAC,cAACe,EAAmB,IACd7B,EACJH,UAAW8B,EAAeG,KAAK,KAC/BC,eAAgB,CAAElC,UAAWkB,EAAQ,uBACrC1B,WAAYA,EACZC,YAAaA,EACbE,cAAeA,EACfY,QAASA,EACTX,aAAcA,EACdK,MAAOA,EACPJ,SAAUA,EACVW,WAAYA,EACZ2B,sBACShD,IAAa,WAAaD,EAASC,IAAa4B,KAGzDC,EACMC,cAAA,QAAA,IAAAZ,EACJC,IAAKA,EACLT,SAAUA,EACVG,UAAW6B,EAAmBI,KAAK,KACnC/B,QAASA,EACTE,SAAUmB,EAAe,eACXtB,EACA,eAAAP,EAAgB,QAAUQ,EAAO,mBAC7BO,EAClB2B,GAAI,GAAG5B,aACPjB,KAAMA,EACN8C,KAAK,aAENZ,IAEA/B,GACCsB,EAAAC,cAACqB,EAAI,CACHtC,UAAW,GAAG4B,EAAYK,KAAK,QAAQf,EAAQ,mBAC/CqB,KAAMC,EAAMC,cAGfvC,IAAYR,GACXsB,EAAAC,cAACqB,EAAI,CACHtC,UAAW,GAAG4B,EAAYK,KAAK,QAAQf,EAAQ,eAC/CqB,KAAMC,EAAME,mBAGdxC,IAAYR,GACZsB,EAACC,cAAAqB,EAAK,CAAAtC,UAAW,GAAG4B,EAAYK,KAAK,QAAQf,EAAQ,YAAaqB,KAAMC,EAAMG,SAEhF3B,EAAOC,cAAA,QAAA,CAAA2B,QAAS,GAAGpC,cAAwBM,KAE7C,EAGS,MAAAQ,EAAWN,EAAM6B,WAAWvD"}

package/dist/esm/Form/Checkbox/Checkbox.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var c=".Checkbox_module_srOnly__12a698cc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox_module_hidden__12a698cc{display:none}.Checkbox_module_slideIn__12a698cc{animation:Checkbox_module_slideIn__12a698cc .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_module_slideIn__12a698cc{animation-duration:.1ms}}.Checkbox_module_slideOut__12a698cc{animation:Checkbox_module_slideOut__12a698cc .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_module_slideOut__12a698cc{animation-duration:.1ms}}@keyframes Checkbox_module_slideIn__12a698cc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox_module_slideOut__12a698cc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Checkbox_module_checkboxWrapper__12a698cc{position:relative}.Checkbox_module_checkboxWrapper__12a698cc+.Checkbox_module_checkboxWrapper__12a698cc{margin-top:.75rem}.Checkbox_module_checkboxContainer__12a698cc{display:flex}.Checkbox_module_checkboxContainer__12a698cc label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.1rem;user-select:none}.Checkbox_module_checkboxList__12a698cc{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox_module_checkboxList__12a698cc li+li{margin-top:.75rem}.Checkbox_module_nativeInput__12a698cc{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem;z-index:2}.Checkbox_module_nativeInput__12a698cc:checked:not(.Checkbox_module_disabled__12a698cc)+*{color:var(--color-primary)}.Checkbox_module_nativeInput__12a698cc:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox_module_nativeInput__12a698cc:active:not(.Checkbox_module_disabled__12a698cc)+span{background-color:var(--disabled)}.Checkbox_module_nativeInput__12a698cc.Checkbox_module_error__12a698cc:focus-visible+*{outline-color:var(--color-error)}.Checkbox_module_nativeInput__12a698cc+span[data-icon=true]:before{display:block;height:20px;width:20px}.Checkbox_module_nativeInput__12a698cc:hover+.Checkbox_module_square__12a698cc:not(.Checkbox_module_disabled__12a698cc){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_square__12a698cc:not(.Checkbox_module_disabled__12a698cc){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_indeterminate__12a698cc:not(.Checkbox_module_disabled__12a698cc),.Checkbox_module_nativeInput__12a698cc:hover+.Checkbox_module_checkmark__12a698cc:not(.Checkbox_module_disabled__12a698cc){color:var(--checkbox-checked-hover-color)}.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_checkmark__12a698cc:not(.Checkbox_module_disabled__12a698cc),.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_indeterminate__12a698cc:not(.Checkbox_module_disabled__12a698cc){color:var(--checkbox-checked-pressed-color)}.Checkbox_module_input__12a698cc{font-size:1.25rem;z-index:1}.Checkbox_module_disabled__12a698cc{cursor:not-allowed}.Checkbox_module_disabled__12a698cc+span{color:var(--disabled);pointer-events:none}.Checkbox_module_disabled__12a698cc+label{color:var(--greyed-out)}.Checkbox_module_disabled__12a698cc+.Checkbox_module_checkmark__12a698cc,.Checkbox_module_disabled__12a698cc+.Checkbox_module_indeterminate__12a698cc{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox_module_indeterminate__12a698cc{color:var(--color-primary)}",o={"sr-only":"Checkbox_module_srOnly__12a698cc",hidden:"Checkbox_module_hidden__12a698cc","slide-in":"Checkbox_module_slideIn__12a698cc","slide-out":"Checkbox_module_slideOut__12a698cc","checkbox-wrapper":"Checkbox_module_checkboxWrapper__12a698cc","checkbox-container":"Checkbox_module_checkboxContainer__12a698cc","checkbox-list":"Checkbox_module_checkboxList__12a698cc","native-input":"Checkbox_module_nativeInput__12a698cc",disabled:"Checkbox_module_disabled__12a698cc",error:"Checkbox_module_error__12a698cc",square:"Checkbox_module_square__12a698cc",checkmark:"Checkbox_module_checkmark__12a698cc",indeterminate:"Checkbox_module_indeterminate__12a698cc",input:"Checkbox_module_input__12a698cc"};e(c,{});export{c as css,o as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.Checkbox-module_sr-only__VWYPg{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox-module_hidden__Vb3R6{display:none}.Checkbox-module_slide-in__N94se{animation:Checkbox-module_slide-in__N94se .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-in__N94se{animation-duration:.1ms}}.Checkbox-module_slide-out__D6yMG{animation:Checkbox-module_slide-out__D6yMG .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-out__D6yMG{animation-duration:.1ms}}@keyframes Checkbox-module_slide-in__N94se{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox-module_slide-out__D6yMG{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Checkbox-module_checkbox-wrapper__7apL1{position:relative}.Checkbox-module_checkbox-wrapper__7apL1+.Checkbox-module_checkbox-wrapper__7apL1{margin-top:.75rem}.Checkbox-module_checkbox-container__GaVTZ{display:flex}.Checkbox-module_checkbox-container__GaVTZ label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.1rem;user-select:none}.Checkbox-module_checkbox-list__Aglik{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox-module_checkbox-list__Aglik li+li{margin-top:.75rem}.Checkbox-module_native-input__9Hjh5{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem;z-index:2}.Checkbox-module_native-input__9Hjh5:checked:not(.Checkbox-module_disabled__C0sSR)+*{color:var(--color-primary)}.Checkbox-module_native-input__9Hjh5:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox-module_native-input__9Hjh5:active:not(.Checkbox-module_disabled__C0sSR)+span{background-color:var(--disabled)}.Checkbox-module_native-input__9Hjh5.Checkbox-module_error__C6DqR:focus-visible+*{outline-color:var(--color-error)}.Checkbox-module_native-input__9Hjh5+span[data-icon=true]:before{display:block;height:20px;width:20px}.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-pressed-color)}.Checkbox-module_input__oRoLS{font-size:1.25rem;z-index:1}.Checkbox-module_disabled__C0sSR{cursor:not-allowed}.Checkbox-module_disabled__C0sSR+span{color:var(--disabled);pointer-events:none}.Checkbox-module_disabled__C0sSR+label{color:var(--greyed-out)}.Checkbox-module_disabled__C0sSR+.Checkbox-module_checkmark__DLEEG,.Checkbox-module_disabled__C0sSR+.Checkbox-module_indeterminate__vywPu{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox-module_indeterminate__vywPu{color:var(--color-primary)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSx5Q0FDRSxpQkFDRixDQUNBLGtGQUNFLGlCQUNGLENBRUEsMkNBQ0UsWUFDRixDQUNBLGlEQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixnQkFBa0IsQ0FIbEIsZ0JBSUYsQ0FFQSxzQ0FHRSxlQUFnQixDQURoQix1QkFBd0IsQ0FEeEIsU0FHRixDQUNBLDRDQUNFLGlCQUNGLENBRUEscUNBT0UsY0FBZSxDQUpmLE1BQU8sQ0FFUCxRQUFTLENBRFQsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixLQUFNLENBSU4sYUFBYyxDQUVkLFNBQ0YsQ0FDQSxxRkFDRSwwQkFDRixDQUNBLHFEQUNFLGlCQUFrQixDQUNsQixvQ0FBcUMsQ0FDckMsa0JBQ0YsQ0FDQSx1RkFDRSxnQ0FDRixDQUNBLGtGQUNFLGdDQUNGLENBQ0EsaUVBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsZ0hBQ0Usc0RBQ0YsQ0FDQSxpSEFDRSx3REFDRixDQUNBLDJPQUNFLHlDQUNGLENBQ0EsNE9BQ0UsMkNBQ0YsQ0FFQSw4QkFDRSxpQkFBa0IsQ0FDbEIsU0FDRixDQUVBLGlDQUNFLGtCQUNGLENBQ0Esc0NBQ0UscUJBQXNCLENBQ3RCLG1CQUNGLENBQ0EsdUNBQ0UsdUJBQ0YsQ0FDQSwwSUFFRSxrQ0FBbUMsQ0FDbkMsaUJBQWtCLENBRmxCLHFCQUFzQixDQUd0QixpQ0FBa0MsQ0FDbEMsbUJBQ0YsQ0FFQSxzQ0FDRSwwQkFDRiIsImZpbGUiOiJDaGVja2JveC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5jaGVja2JveC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNoZWNrYm94LXdyYXBwZXIgKyAuY2hlY2tib3gtd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBsYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWZvcm0tbGFiZWwpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBtYXJnaW4tdG9wOiAwLjFyZW07XG59XG5cbi5jaGVja2JveC1saXN0IHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAxcmVtIDAgMCAxLjc1cmVtO1xuICBsaXN0LXN0eWxlOiBub25lO1xufVxuLmNoZWNrYm94LWxpc3QgbGkgKyBsaSB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5uYXRpdmUtaW5wdXQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgb3BhY2l0eTogMDtcbiAgbWFyZ2luOiAwO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAyO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkOm5vdCguZGlzYWJsZWQpICsgKiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5uYXRpdmUtaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICoge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZTpub3QoLmRpc2FibGVkKSArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmZvY3VzLXZpc2libGUgKyAqIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZXJyb3IpO1xufVxuLm5hdGl2ZS1pbnB1dCArIHNwYW5bZGF0YS1pY29uPXRydWVdOmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5zcXVhcmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jaGVja2JveC11bmNoZWNrZWQtaG92ZXItY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuc3F1YXJlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY2hlY2tib3gtdW5jaGVja2VkLXByZXNzZWQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1wcmVzc2VkLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xufVxuXG4uZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkICsgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmRpc2FibGVkICsgbGFiZWwge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZGlzYWJsZWQgKyAuY2hlY2ttYXJrLCAuZGlzYWJsZWQgKyAuaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDFweCB2YXIoLS1kaXNhYmxlZCkgc29saWQ7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xufVxuXG4uaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn0iXX0= */';var l={"sr-only":"Checkbox-module_sr-only__VWYPg",hidden:"Checkbox-module_hidden__Vb3R6","slide-in":"Checkbox-module_slide-in__N94se","slide-out":"Checkbox-module_slide-out__D6yMG","checkbox-wrapper":"Checkbox-module_checkbox-wrapper__7apL1","checkbox-container":"Checkbox-module_checkbox-container__GaVTZ","checkbox-list":"Checkbox-module_checkbox-list__Aglik","native-input":"Checkbox-module_native-input__9Hjh5",disabled:"Checkbox-module_disabled__C0sSR",error:"Checkbox-module_error__C6DqR",square:"Checkbox-module_square__lDjWV",checkmark:"Checkbox-module_checkmark__DLEEG",indeterminate:"Checkbox-module_indeterminate__vywPu",input:"Checkbox-module_input__oRoLS"};e(i);export{l as default};
 //# sourceMappingURL=Checkbox.module.esm.js.map

package/dist/esm/Form/Fieldset/Fieldset.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import r from"../../src/readyclasses.module.esm.js";import o from"./Fieldset.module.esm.js";import{Typography as m}from"../../Typography/Typography.esm.js";import{Input as s}from"../Input/Input.esm.js";import{Select as a}from"../Select/Select.esm.js";import{Radio as t}from"../Radio/Radio.esm.js";import{Checkbox as p}from"../Checkbox/Checkbox.esm.js";import{Textarea as l}from"../Textarea/Textarea.esm.js";import{Toggle as i}from"../Toggle/Toggle.esm.js";import{Label as d}from"../Label/Label.esm.js";import{FormControl as n}from"../FormControl/FormControl.esm.js";import{FormSelectorWrapper as c}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";import{FormHelperText as f}from"../FormHelperText/FormHelperText.esm.js";import{InputWrapper as u}from"../Wrapper/InputWrapper/InputWrapper.esm.js";import{SelectWrapper as g}from"../Wrapper/SelectWrapper/SelectWrapper.esm.js";import{TextareaWrapper as j}from"../Wrapper/TextareaWrapper/TextareaWrapper.esm.js";const b=e.forwardRef((({children:b,className:y,legend:W,legendStyle:F="body",hideLegend:T=!1,noBackground:x,background:h=(x?"":"#FFF"),noPadding:S=!1,disabled:C=!1,required:$=!1,error:k=!1,disablePropagation:v=!1,...E},I)=>e.createElement("fieldset",{...E,ref:I,disabled:C,style:{backgroundColor:h,...E.style},className:`${o.fieldset} ${S?o["no-padding"]:""} ${null!=y?y:""}`},W&&e.createElement("legend",{className:r["sr-only"]},W),W&&!T&&e.createElement(m,{variant:F,tag:"span","aria-hidden":"true",className:`${o.legend} ${$?o.required:""} ${k?o.error:""}`},W),(()=>{if(!b)return;const r=[s,a,t,p,l,i,d,n,c,f,u,g,j];return e.Children.map(b,(o=>{var m,s;return r.includes(o.type)&&!v?e.cloneElement(o,{disabled:null!==(m=o.props.disabled)&&void 0!==m?m:C,error:null!==(s=o.props.error)&&void 0!==s?s:k}):o}))})())));export{b as Fieldset};
+import e from"react";import r from"../../src/readyclasses.module.esm.js";import o from"./Fieldset.module.esm.js";import{Typography as m}from"../../Typography/Typography.esm.js";import{Input as s}from"../Input/Input.esm.js";import{Select as a}from"../Select/Select.esm.js";import{Radio as t}from"../Radio/Radio.esm.js";import{Checkbox as p}from"../Checkbox/Checkbox.esm.js";import{Textarea as l}from"../Textarea/Textarea.esm.js";import{Toggle as i}from"../Toggle/Toggle.esm.js";import{Label as n}from"../Label/Label.esm.js";import{FormControl as d}from"../FormControl/FormControl.esm.js";import{FormSelectorWrapper as f}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";import{FormHelperText as c}from"../FormHelperText/FormHelperText.esm.js";import{InputWrapper as u}from"../Wrapper/InputWrapper/InputWrapper.esm.js";import{SelectWrapper as g}from"../Wrapper/SelectWrapper/SelectWrapper.esm.js";import{TextareaWrapper as j}from"../Wrapper/TextareaWrapper/TextareaWrapper.esm.js";const b=({children:b,className:y,legend:W,legendStyle:F="body",hideLegend:T=false,noBackground:x,background:h=(x?"":"#FFF"),noPadding:S=false,disabled:C=false,required:k=false,disablePropagation:$=false,...v},E)=>{const I=()=>{if(!b)return;const r=[s,a,t,p,l,i,n,d,f,c,u,g,j];return e.Children.map(b,(o=>{var m;if(r.includes(o.type)&&!$)return e.cloneElement(o,{disabled:(m=o.props.disabled)!==null&&m!==void 0?m:C});return o}))};return e.createElement("fieldset",{...v,ref:E,disabled:C,style:{backgroundColor:h,...v.style},className:`${o.fieldset} ${S?o["no-padding"]:""} ${y!==null&&y!==void 0?y:""}`},W&&e.createElement("legend",{className:r["sr-only"]},W),W&&!T&&e.createElement(m,{variant:F,tag:"span","aria-hidden":"true",className:`${o["legend"]} ${k?o["required"]:""}`},W),I())};const y=e.forwardRef(b);export{y as Fieldset};
 //# sourceMappingURL=Fieldset.esm.js.map

package/dist/esm/Form/Fieldset/Fieldset.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Fieldset.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/Select\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n children?: ReactElement \| ReactElement[];\n legend: string;\n legendStyle?: Variant;\n hideLegend?: boolean;\n background?: string;\n noPadding?: boolean;\n noBackground?: boolean;\n required?: boolean;\n disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n {\n children,\n className,\n legend,\n legendStyle = \"body\",\n hideLegend = false,\n noBackground,\n background = noBackground ? \"\" : \"#FFF\",\n noPadding = false,\n disabled = false,\n required = false,\n disablePropagation = false,\n ...rest\n }: Props,\n ref\n) => {\n const renderChildren = () => {\n if (!children) {\n return;\n }\n\n / All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n Input,\n Select,\n Radio,\n Checkbox,\n Textarea,\n Toggle,\n Label,\n FormControl,\n FormSelectorWrapper,\n FormHelperText,\n InputWrapper,\n SelectWrapper,\n TextareaWrapper\n ];\n\n return React.Children.map(children, (child: ReactElement) => {\n if (allowedComponents.includes(child.type) && !disablePropagation) {\n return React.cloneElement(child, {\n disabled: child.props.disabled ?? disabled\n });\n }\n\n return child;\n });\n };\n\n return (\n <fieldset\n {...rest}\n ref={ref}\n disabled={disabled}\n style={{ backgroundColor: background, ...rest.style }}\n className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n >\n {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n {legend && !hideLegend && (\n <Typography\n variant={legendStyle}\n tag=\"span\"\n aria-hidden=\"true\"\n className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n >\n {legend}\n </Typography>\n )}\n {renderChildren()}\n </fieldset>\n );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["FieldsetComponent","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","renderChildren","allowedComponents","Input","Select","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","React","Children","map","child","includes","type","cloneElement","props","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","Fieldset","forwardRef"],"mappings":"y9BA8CA,MAAMA,EAA0E,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,aAAa,MACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,YAAY,MACZC,WAAW,MACXC,WAAW,MACXC,qBAAqB,SAClBC,GAELC,KAEA,MAAMC,EAAiB,KACrB,IAAKb,EACH,OAOF,MAAMc,EAAwD,CAC5DC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGF,OAAOC,EAAMC,SAASC,IAAI9B,GAAW+B,UACnC,GAAIjB,EAAkBkB,SAASD,EAAME,QAAUvB,EAC7C,OAAOkB,EAAMM,aAAaH,EAAO,CAC/BvB,YAAUuB,EAAMI,MAAM3B,+BAAYA,IAItC,OAAOuB,CAAK,GACZ,EAGJ,OACEH,EACMQ,cAAA,WAAA,IAAAzB,EACJC,IAAKA,EACLJ,SAAUA,EACV6B,MAAO,CAAEC,gBAAiBhC,KAAeK,EAAK0B,OAC9CpC,UAAW,GAAGsC,EAAQC,YAAYjC,EAAYgC,EAAQ,cAAgB,MAAMtC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU0B,EAAQQ,cAAA,SAAA,CAAAnC,UAAWwC,EAAa,YAAavC,GACvDA,IAAWE,GACVwB,EAAAQ,cAACM,EACC,CAAAC,QAASxC,EACTyC,IAAI,qBACQ,OACZ3C,UAAW,GAAGsC,EAAQ,aAAa9B,EAAW8B,EAAQ,YAAc,MAEnErC,GAGJW,IAEH,EAGS,MAAAgC,EAAWjB,EAAMkB,WAAW/C"}

package/dist/esm/Form/Fieldset/Fieldset.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d='.Fieldset_module_fieldset__fa3ae029{border:0;border-radius:.5rem;margin:0;padding:.5rem}.Fieldset_module_fieldset__fa3ae029.Fieldset_module_noPadding__fa3ae029{padding:0}.Fieldset_module_fieldset__fa3ae029+.Fieldset_module_fieldset__fa3ae029,.Fieldset_module_fieldset__fa3ae029+.Fieldset_module_wrapper__fa3ae029{margin-top:1rem}.Fieldset_module_fieldset__fa3ae029 .Fieldset_module_legend__fa3ae029{display:block}.Fieldset_module_fieldset__fa3ae029 .Fieldset_module_legend__fa3ae029.Fieldset_module_required__fa3ae029:after{content:" *"}@media only screen and (min-width:30em){.Fieldset_module_fieldset__fa3ae029{padding:.5rem}}',_={fieldset:"Fieldset_module_fieldset__fa3ae029","no-padding":"Fieldset_module_noPadding__fa3ae029",wrapper:"Fieldset_module_wrapper__fa3ae029",legend:"Fieldset_module_legend__fa3ae029",required:"Fieldset_module_required__fa3ae029"};e(d,{});export{d as css,_ as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.Fieldset-module_fieldset__AmN22{border:0;border-radius:.5rem;margin:0;padding:.5rem}.Fieldset-module_fieldset__AmN22.Fieldset-module_no-padding__rk4iy{padding:0}.Fieldset-module_fieldset__AmN22+.Fieldset-module_fieldset__AmN22,.Fieldset-module_fieldset__AmN22+.Fieldset-module_wrapper__W55em{margin-top:1rem}.Fieldset-module_fieldset__AmN22 .Fieldset-module_legend__zrwzY{display:block}.Fieldset-module_fieldset__AmN22 .Fieldset-module_legend__zrwzY.Fieldset-module_required__ghUcG:after{content:" *"}@media only screen and (min-width:30em){.Fieldset-module_fieldset__AmN22{padding:.5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc2V0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FDRSxRQUFTLENBRVQsbUJBQXFCLENBQ3JCLFFBQVMsQ0FGVCxhQUdGLENBQ0EsbUVBQ0UsU0FDRixDQUNBLG1JQUVFLGVBQ0YsQ0FDQSxnRUFDRSxhQUNGLENBQ0Esc0dBQ0UsWUFDRixDQUVBLHdDQUNFLGlDQUNFLGFBQ0YsQ0FDRiIsImZpbGUiOiJGaWVsZHNldC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpZWxkc2V0IHtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAwLjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgbWFyZ2luOiAwO1xufVxuLmZpZWxkc2V0Lm5vLXBhZGRpbmcge1xuICBwYWRkaW5nOiAwO1xufVxuLmZpZWxkc2V0ICsgLndyYXBwZXIsXG4uZmllbGRzZXQgKyAuZmllbGRzZXQge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLmZpZWxkc2V0IC5sZWdlbmQge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWVsZHNldCAubGVnZW5kLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmZpZWxkc2V0IHtcbiAgICBwYWRkaW5nOiAwLjVyZW07XG4gIH1cbn0iXX0= */';var l={fieldset:"Fieldset-module_fieldset__AmN22","no-padding":"Fieldset-module_no-padding__rk4iy",wrapper:"Fieldset-module_wrapper__W55em",legend:"Fieldset-module_legend__zrwzY",required:"Fieldset-module_required__ghUcG"};e(i);export{l as default};
 //# sourceMappingURL=Fieldset.module.esm.js.map

package/dist/esm/Form/Form.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"react";import e from"./Form.module.esm.js";const m=r.forwardRef((({children:m,className:o,...a},f)=>r.createElement("form",{ref:f,className:`${e.form} ${null!=o?o:""}`,...a},m)));export{m as Form};
+import r from"react";import e from"./Form.module.esm.js";const o=({children:o,className:m,...s},t)=>r.createElement("form",{ref:t,className:`${e.form} ${m!==null&&m!==void 0?m:""}`,...s},o);const m=r.forwardRef(o);export{m as Form};
 //# sourceMappingURL=Form.esm.js.map

package/dist/esm/Form/Form.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Form.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Form.esm.js","sources":["../../../../../src/components/Form/Form.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, ReactNode } from \"react\";\nimport classes from \"./Form.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"form\"> {\n children?: ReactNode;\n}\n\nconst FormComponent: ForwardRefRenderFunction<HTMLFormElement, Props> = (\n { children, className, ...rest }: Props,\n ref\n) => {\n return (\n <form ref={ref} className={`${classes.form} ${className ?? \"\"}`} {...rest}>\n {children}\n </form>\n );\n};\n\nexport const Form = React.forwardRef(FormComponent);\n"],"names":["FormComponent","children","className","rest","ref","React","createElement","classes","form","Form","forwardRef"],"mappings":"yDAuBA,MAAMA,EAAkE,EACpEC,WAAUC,eAAcC,GAC1BC,IAGEC,EAAMC,cAAA,OAAA,CAAAF,IAAKA,EAAKF,UAAW,GAAGK,EAAQC,QAAQN,IAAS,MAATA,SAAS,EAATA,EAAa,QAAUC,GAClEF,GAKM,MAAAQ,EAAOJ,EAAMK,WAAWV"}

package/dist/esm/Form/Form.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var m=".Form_module_form__84fcb240{font-family:var(--font-family)}",r={form:"Form_module_form__84fcb240"};o(m,{});export{m as css,r as default};
+import e from "../../lib/style-inject.js";var i='/*!\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 */.Form-module_form__ddwfw{font-family:var(--font-family)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5QkFDRSw4QkFDRiIsImZpbGUiOiJGb3JtLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5mb3JtIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn0iXX0= */';var n={form:"Form-module_form__ddwfw"};e(i);export{n as default};
 //# sourceMappingURL=Form.module.esm.js.map

package/dist/esm/Form/FormControl/FormControl.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"react";import e from"./FormControl.module.esm.js";const o=r.forwardRef((({children:o,disabled:l,error:d,className:a,grid:s,align:t="center",...i},m)=>r.createElement("div",{...i,ref:m,"data-formcontrol":!0,className:`${e["form-control"]} ${a||""} ${s&&s>1?`${e.grid} ${e["grid-"+s]}`:""} ${e[t]}`},r.Children.map(o,(o=>{if(!o)return null;const a=r.cloneElement(o,{disabled:void 0!==o.props.disabled?o.props.disabled:l,error:void 0!==o.props.error?o.props.error:d});return s&&s>1?r.createElement("div",{className:`${e["col-"+s]} ${e.column}`},a):a})))));export{o as FormControl};
+import r from"react";import e from"./FormControl.module.esm.js";const o=({children:o,disabled:t,className:l,grid:n,align:d="center",...a},s)=>{const c=()=>r.Children.map(o,(o=>{if(!o)return null;const l=r.cloneElement(o,{disabled:o.props.disabled!==void 0?o.props.disabled:t});if(n&&n>1)return r.createElement("div",{className:`${e["col-"+n]} ${e.column}`},l);return l}));return r.createElement("div",{...a,ref:s,"data-formcontrol":true,className:`${e["form-control"]} ${l?l:""} ${n&&n>1?`${e.grid} ${e["grid-"+n]}`:""} ${e[d]}`},c())};const t=r.forwardRef(o);export{t as FormControl};
 //# sourceMappingURL=FormControl.esm.js.map

package/dist/esm/Form/FormControl/FormControl.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormControl.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"FormControl.esm.js","sources":["../../../../../../src/components/Form/FormControl/FormControl.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormControl.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n children?: ReactElement \| ReactElement[] \| null;\n grid?: 1 \| 2 \| 3;\n align?: \"top\" \| \"start\" \| \"middle\" \| \"center\" \| \"bottom\" \| \"end\" \| \"stretch\";\n disabled?: boolean;\n}\n\nconst FormControlComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { children, disabled, className, grid, align = \"center\", ...rest }: Props,\n ref\n) => {\n const renderChildren = () =>\n React.Children.map(children, child => {\n if (!child) {\n return null;\n }\n\n const childElement = React.cloneElement(child, {\n disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n });\n\n if (grid && grid > 1) {\n return <div className={`${classes[\"col-\" + grid]} ${classes.column}`}>{childElement}</div>;\n }\n\n return childElement;\n });\n\n return (\n <div\n {...rest}\n ref={ref}\n data-formcontrol\n className={`${classes[\"form-control\"]} ${className ? className : \"\"} ${\n grid && grid > 1 ? `${classes.grid} ${classes[\"grid-\" + grid]}` : \"\"\n } ${classes[align]}`}\n >\n {renderChildren()}\n </div>\n );\n};\n\nexport const FormControl = React.forwardRef(FormControlComponent);\n"],"names":["FormControlComponent","children","disabled","className","grid","align","rest","ref","renderChildren","React","Children","map","child","childElement","cloneElement","props","undefined","classes","column","createElement","FormControl","forwardRef"],"mappings":"gEA0BA,MAAMA,EAAwE,EAC1EC,WAAUC,WAAUC,YAAWC,OAAMC,QAAQ,YAAaC,GAC5DC,KAEA,MAAMC,EAAiB,IACrBC,EAAMC,SAASC,IAAIV,GAAUW,IAC3B,IAAKA,EACH,OAAO,KAGT,MAAMC,EAAeJ,EAAMK,aAAaF,EAAO,CAC7CV,SAAUU,EAAMG,MAAMb,gBAAac,EAAYJ,EAAMG,MAAMb,SAAWA,IAGxE,GAAIE,GAAQA,EAAO,EACjB,OAAOK,uBAAKN,UAAW,GAAGc,EAAQ,OAASb,MAASa,EAAQC,UAAWL,GAGzE,OAAOA,CAAY,IAGvB,OACEJ,EAAAU,cAAA,MAAA,IACMb,EACJC,IAAKA,EAAG,mBAAA,KAERJ,UAAW,GAAGc,EAAQ,mBAAmBd,EAAYA,EAAY,MAC/DC,GAAQA,EAAO,EAAI,GAAGa,EAAQb,QAAQa,EAAQ,QAAUb,KAAU,MAChEa,EAAQZ,MAEXG,IAEH,EAGS,MAAAY,EAAcX,EAAMY,WAAWrB"}

package/dist/esm/Form/FormControl/FormControl.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d=".FormControl_module_formControl__7d9d2cdb{font-size:var(--form-control-font-size)}.FormControl_module_formControl__7d9d2cdb+.FormControl_module_formControl__7d9d2cdb{margin-top:1rem}.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb{display:flex;flex-wrap:wrap;gap:1rem}.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_center__7d9d2cdb,.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_middle__7d9d2cdb{align-items:center}.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_start__7d9d2cdb,.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_top__7d9d2cdb{align-items:flex-start}.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_bottom__7d9d2cdb,.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_end__7d9d2cdb{align-items:flex-end}.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_stretch__7d9d2cdb{align-items:stretch}.FormControl_module_formControl__7d9d2cdb.FormControl_module_grid__7d9d2cdb.FormControl_module_stretch__7d9d2cdb>*>*{box-sizing:border-box;height:100%}.FormControl_module_column__7d9d2cdb{flex-grow:1;flex-shrink:0}.FormControl_module_col2__7d9d2cdb{flex-basis:calc(50% - 0.5rem)}.FormControl_module_col3__7d9d2cdb{flex-basis:calc(33.33333% - 0.66667rem)}",_={"form-control":"FormControl_module_formControl__7d9d2cdb",grid:"FormControl_module_grid__7d9d2cdb",center:"FormControl_module_center__7d9d2cdb",middle:"FormControl_module_middle__7d9d2cdb",start:"FormControl_module_start__7d9d2cdb",top:"FormControl_module_top__7d9d2cdb",end:"FormControl_module_end__7d9d2cdb",bottom:"FormControl_module_bottom__7d9d2cdb",stretch:"FormControl_module_stretch__7d9d2cdb",column:"FormControl_module_column__7d9d2cdb","col-2":"FormControl_module_col2__7d9d2cdb","col-3":"FormControl_module_col3__7d9d2cdb"};o(d,{});export{d as css,_ as default};
+import o from "../../../lib/style-inject.js";var l='/*!\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 */.FormControl-module_form-control__fX4me{font-size:var(--form-control-font-size)}.FormControl-module_form-control__fX4me+.FormControl-module_form-control__fX4me{margin-top:1rem}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG{display:flex;flex-wrap:wrap;gap:1rem}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_center__If3GP,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_middle__3AyLd{align-items:center}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_start__JRgKQ,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_top__vpPcL{align-items:flex-start}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_bottom__g7tpy,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_end__WCMNP{align-items:flex-end}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_stretch__dY1Yz{align-items:stretch}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_stretch__dY1Yz>*>*{box-sizing:border-box;height:100%}.FormControl-module_column__nMKOr{flex-grow:1;flex-shrink:0}.FormControl-module_col-2__ml1Ue{flex-basis:calc(50% - 0.5rem)}.FormControl-module_col-3__zsRyl{flex-basis:calc(33.33333% - 0.66667rem)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Db250cm9sLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBQ0UsdUNBQ0YsQ0FDQSxnRkFDRSxlQUNGLENBQ0EsdUVBQ0UsWUFBYSxDQUNiLGNBQWUsQ0FDZixRQUNGLENBQ0EsZ05BQ0Usa0JBQ0YsQ0FDQSw0TUFDRSxzQkFDRixDQUNBLDZNQUNFLG9CQUNGLENBQ0EseUdBQ0UsbUJBQ0YsQ0FDQSw2R0FDRSxxQkFBc0IsQ0FDdEIsV0FDRixDQUVBLGtDQUNFLFdBQVksQ0FDWixhQUNGLENBRUEsaUNBQ0UsNkJBQ0YsQ0FFQSxpQ0FDRSx1Q0FDRiIsImZpbGUiOiJGb3JtQ29udHJvbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZm9ybS1jb250cm9sIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5mb3JtLWNvbnRyb2wgKyAuZm9ybS1jb250cm9sIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5mb3JtLWNvbnRyb2wuZ3JpZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAxcmVtO1xufVxuLmZvcm0tY29udHJvbC5ncmlkLmNlbnRlciwgLmZvcm0tY29udHJvbC5ncmlkLm1pZGRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZm9ybS1jb250cm9sLmdyaWQuc3RhcnQsIC5mb3JtLWNvbnRyb2wuZ3JpZC50b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5mb3JtLWNvbnRyb2wuZ3JpZC5lbmQsIC5mb3JtLWNvbnRyb2wuZ3JpZC5ib3R0b20ge1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG59XG4uZm9ybS1jb250cm9sLmdyaWQuc3RyZXRjaCB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xufVxuLmZvcm0tY29udHJvbC5ncmlkLnN0cmV0Y2ggPiAqID4gKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLmNvbHVtbiB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5jb2wtMiB7XG4gIGZsZXgtYmFzaXM6IGNhbGMoKDEwMCUgLSAxcmVtKSAvIDIpO1xufVxuXG4uY29sLTMge1xuICBmbGV4LWJhc2lzOiBjYWxjKCgxMDAlIC0gMnJlbSkgLyAzKTtcbn0iXX0= */';var m={"form-control":"FormControl-module_form-control__fX4me",grid:"FormControl-module_grid__ztjsG",center:"FormControl-module_center__If3GP",middle:"FormControl-module_middle__3AyLd",start:"FormControl-module_start__JRgKQ",top:"FormControl-module_top__vpPcL",end:"FormControl-module_end__WCMNP",bottom:"FormControl-module_bottom__g7tpy",stretch:"FormControl-module_stretch__dY1Yz",column:"FormControl-module_column__nMKOr","col-2":"FormControl-module_col-2__ml1Ue","col-3":"FormControl-module_col-3__zsRyl"};o(l);export{m as default};
 //# sourceMappingURL=FormControl.module.esm.js.map

package/dist/esm/Form/FormGroup/FormGroup.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import r from"./FormGroup.module.esm.js";import{FormHelperText as o}from"../FormHelperText/FormHelperText.esm.js";import{Icon as s}from"../../Icon/Icon.esm.js";const a=e.forwardRef((({children:a,className:l,error:m,errorMessage:c,errorId:n,errorMessageIcon:t,errorMessageIconPosition:i="before",helperText:d,helperId:p,helperProps:f,disabled:u,...N},$)=>{const b=void 0!==(null==f?void 0:f.disabled)?null==f?void 0:f.disabled:u;return e.createElement("div",{...N,ref:$,className:`${r["form-group"]} ${null!=l?l:""}`},a,(d||c&&m)&&e.createElement("div",{className:`${r["default-helper"]} ${(null==f?void 0:f.className)?f.className:""}`},(d&&!m||d&&m&&!c)&&e.createElement(o,{...f,className:"",id:p,disabled:b},(null==f?void 0:f.children)||d),m&&c&&e.createElement("span",{className:r["error-message"]},e.createElement("span",{id:n,className:r.message},t&&"before"===i&&e.createElement(s,{className:`${r["error-icon"]} ${r["error-icon-before"]}`,icon:t}),c,t&&"after"===i&&e.createElement(s,{className:`${r["error-icon"]} ${r["error-icon-after"]}`,icon:t})))))}));export{a as FormGroup};
+import e from"react";import r from"./FormGroup.module.esm.js";import{FormHelperText as o}from"../FormHelperText/FormHelperText.esm.js";import{Icon as s}from"../../Icon/Icon.esm.js";const a=({children:a,className:l,error:m,errorMessage:c,errorId:i,errorMessageIcon:n,errorMessageIconPosition:t="before",helperText:d,helperId:p,helperProps:f,disabled:v,...u},N)=>{const $=(f===null||f===void 0?void 0:f.disabled)!==void 0?f===null||f===void 0?void 0:f.disabled:v;return e.createElement("div",{...u,ref:N,className:`${r["form-group"]} ${l!==null&&l!==void 0?l:""}`},a,(d||c&&m)&&e.createElement("div",{className:`${r["default-helper"]} ${(f===null||f===void 0?void 0:f.className)?f.className:""}`},(d&&!m||d&&m&&!c)&&e.createElement(o,{...f,className:"",id:p,disabled:$},(f===null||f===void 0?void 0:f.children)||d),m&&c&&e.createElement("span",{className:r["error-message"]},e.createElement("span",{id:i,className:r.message},n&&t==="before"&&e.createElement(s,{className:`${r["error-icon"]} ${r["error-icon-before"]}`,icon:n}),c,n&&t==="after"&&e.createElement(s,{className:`${r["error-icon"]} ${r["error-icon-after"]}`,icon:n})))))};const l=e.forwardRef(a);export{l as FormGroup};
 //# sourceMappingURL=FormGroup.esm.js.map

package/dist/esm/Form/FormGroup/FormGroup.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormGroup.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.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\n/* The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n children: ReactElement[] \| ReactElement \| string \| number[] \| number;\n error?: boolean;\n errorMessageIcon?: Icons;\n errorMessageIconPosition?: \"before\" \| \"after\";\n errorMessage?: string;\n errorId?: string;\n helperText?: string;\n helperId?: string;\n helperProps?: HelperProps;\n disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n className,\n error,\n errorMessage,\n errorId,\n errorMessageIcon,\n errorMessageIconPosition = \"before\",\n helperText,\n helperId,\n helperProps,\n disabled,\n ...rest\n }: Props,\n ref\n) => {\n const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n return (\n <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n {children}\n\n {(helperText \|\| (errorMessage && error)) && (\n <div\n className={`${classes[\"default-helper\"]} ${\n helperProps?.className ? helperProps.className : \"\"\n }`}\n >\n {((helperText && !error) \|\| (helperText && error && !errorMessage)) && (\n <FormHelperText\n {...helperProps}\n className={\"\"}\n id={helperId}\n disabled={disableHelperText}\n >\n {helperProps?.children \|\| helperText}\n </FormHelperText>\n )}\n {error && errorMessage && (\n <span className={classes[\"error-message\"]}>\n <span id={errorId} className={classes.message}>\n {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n <Icon\n className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n icon={errorMessageIcon}\n />\n )}\n {errorMessage}\n {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n <Icon\n className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n icon={errorMessageIcon}\n />\n )}\n </span>\n </span>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["FormGroupComponent","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","React","classes","createElement","FormHelperText","id","message","Icon","icon","FormGroup","forwardRef"],"mappings":"qLAoCA,MAAMA,EAAsE,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,GAAoBJ,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAaC,iBAAaI,EAAYL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEK,0BAASJ,EAAMC,IAAKA,EAAKX,UAAW,GAAGe,EAAQ,iBAAiBf,IAAS,MAATA,SAAA,EAAAA,EAAa,MAC1ED,GAECO,GAAeJ,GAAgBD,IAC/Ba,uBACEd,UAAW,GAAGe,EAAQ,sBACpBP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaR,WAAYQ,EAAYR,UAAY,OAGhDM,IAAeL,GAAWK,GAAcL,IAAUC,IACnDY,EAAAE,cAACC,EAAc,IACTT,EACJR,UAAW,GACXkB,GAAIX,EACJE,SAAUG,IAETJ,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaT,WAAYO,GAG7BL,GAASC,GACRY,EAAAE,cAAA,OAAA,CAAMhB,UAAWe,EAAQ,kBACvBD,EAAME,cAAA,OAAA,CAAAE,GAAIf,EAASH,UAAWe,EAAQI,SACnCf,GAAoBC,IAA6B,UAChDS,EAAAE,cAACI,EAAI,CACHpB,UAAW,GAAGe,EAAQ,iBAAiBA,EAAQ,uBAC/CM,KAAMjB,IAGTF,EACAE,GAAoBC,IAA6B,SAChDS,EAAAE,cAACI,EAAI,CACHpB,UAAW,GAAGe,EAAQ,iBAAiBA,EAAQ,sBAC/CM,KAAMjB,OAStB,EAGS,MAAAkB,EAAYR,EAAMS,WAAWzB"}

package/dist/esm/Form/FormGroup/FormGroup.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const r = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".FormGroup_module_formGroup__baa245b8{position:relative}.FormGroup_module_errorMessage__baa245b8{align-items:flex-end;color:var(--error);display:flex}.FormGroup_module_errorIcon__baa245b8{font-size:1.25rem;margin-right:.5rem}.FormGroup_module_errorIconBefore__baa245b8{margin-right:.5rem}.FormGroup_module_errorIconAfter__baa245b8{margin-left:.5rem}.FormGroup_module_defaultHelper__baa245b8{font-size:.75rem;line-height:1.33333333}",e={"form-group":"FormGroup_module_formGroup__baa245b8","error-message":"FormGroup_module_errorMessage__baa245b8","error-icon":"FormGroup_module_errorIcon__baa245b8","error-icon-before":"FormGroup_module_errorIconBefore__baa245b8","error-icon-after":"FormGroup_module_errorIconAfter__baa245b8","default-helper":"FormGroup_module_defaultHelper__baa245b8"};r(o,{});export{o as css,e as default};
+import e from "../../../lib/style-inject.js";var o='/*!\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 */.FormGroup-module_form-group__zY2Pc{position:relative}.FormGroup-module_error-message__OftB-{align-items:flex-end;color:var(--error);display:flex}.FormGroup-module_error-icon__kwXNX{font-size:1.25rem;margin-right:.5rem}.FormGroup-module_error-icon-before__tbw62{margin-right:.5rem}.FormGroup-module_error-icon-after__LjCEe{margin-left:.5rem}.FormGroup-module_default-helper__xoVsQ{font-size:.75rem;line-height:1.33333333}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Hcm91cC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG9DQUNFLGlCQUNGLENBRUEsdUNBR0Usb0JBQXFCLENBRnJCLGtCQUFtQixDQUNuQixZQUVGLENBRUEsb0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBQ0EsMkNBQ0Usa0JBQ0YsQ0FDQSwwQ0FDRSxpQkFDRixDQUVBLHdDQUNFLGdCQUFrQixDQUNsQixzQkFDRiIsImZpbGUiOiJGb3JtR3JvdXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZvcm0tZ3JvdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xufVxuXG4uZXJyb3ItaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uZXJyb3ItaWNvbi1iZWZvcmUge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5lcnJvci1pY29uLWFmdGVyIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmRlZmF1bHQtaGVscGVyIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMS4zMzMzMzMzMztcbn0iXX0= */';var r={"form-group":"FormGroup-module_form-group__zY2Pc","error-message":"FormGroup-module_error-message__OftB-","error-icon":"FormGroup-module_error-icon__kwXNX","error-icon-before":"FormGroup-module_error-icon-before__tbw62","error-icon-after":"FormGroup-module_error-icon-after__LjCEe","default-helper":"FormGroup-module_default-helper__xoVsQ"};e(o);export{r as default};
 //# sourceMappingURL=FormGroup.module.esm.js.map

package/dist/esm/Form/FormHelperText/FormHelperText.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"react";import e from"./FormHelperText.module.esm.js";import{Typography as o}from"../../Typography/Typography.esm.js";const t=r.forwardRef((({children:t,error:s,disabled:a,className:m,...p},i)=>{const l=[e["form-helper-text"]];return s&&l.push(e.error),a&&l.push(e.disabled),m&&l.push(m),r.createElement(o,{...p,ref:i,variant:"sub-text",tag:"div",className:l.join(" ")},t)}));export{t as FormHelperText};
+import r from"react";import e from"./FormHelperText.module.esm.js";import{Typography as o}from"../../Typography/Typography.esm.js";const t=({children:t,error:s,disabled:a,className:m,...p},i)=>{const l=[e["form-helper-text"]];s&&l.push(e["error"]);a&&l.push(e["disabled"]);m&&l.push(m);return r.createElement(o,{...p,ref:i,variant:"sub-text",tag:"div",className:l.join(" ")},t)};const s=r.forwardRef(t);export{s as FormHelperText};
 //# sourceMappingURL=FormHelperText.esm.js.map

package/dist/esm/Form/FormHelperText/FormHelperText.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormHelperText.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"FormHelperText.esm.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n children?: ReactNode;\n disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { children, error, disabled, className, ...rest }: Props,\n ref\n) => {\n const classNames = [classes[\"form-helper-text\"]];\n error && classNames.push(classes[\"error\"]);\n disabled && classNames.push(classes[\"disabled\"]);\n className && classNames.push(className);\n\n return (\n <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n {children}\n </Typography>\n );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":["FormHelperTextComponent","children","error","disabled","className","rest","ref","classNames","classes","push","React","createElement","Typography","variant","tag","join","FormHelperText","forwardRef"],"mappings":"mIA0BA,MAAMA,EAA2E,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,EAAQ,qBAC5BN,GAASK,EAAWE,KAAKD,EAAQ,UACjCL,GAAYI,EAAWE,KAAKD,EAAQ,aACpCJ,GAAaG,EAAWE,KAAKL,GAE7B,OACEM,EAAAC,cAACC,EAAU,IAAKP,EAAMC,IAAKA,EAAKO,QAAQ,WAAWC,IAAI,MAAMV,UAAWG,EAAWQ,KAAK,MACrFd,EAEH,EAGS,MAAAe,EAAiBN,EAAMO,WAAWjB"}

package/dist/esm/Form/FormHelperText/FormHelperText.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r="div.FormHelperText_module_formHelperText__bd5f7927{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText_module_disabled__bd5f7927{color:var(--greyed-out)}div.FormHelperText_module_error__bd5f7927{color:var(--error)}",o={"form-helper-text":"FormHelperText_module_formHelperText__bd5f7927",disabled:"FormHelperText_module_disabled__bd5f7927",error:"FormHelperText_module_error__bd5f7927"};e(r,{});export{r as css,o as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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 */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhlbHBlci10ZXh0LWNvbG9yKTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG5kaXYuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */';var i={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};e(l);export{i as default};
 //# sourceMappingURL=FormHelperText.module.esm.js.map

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{createRef as r}from"react";import{FormHelperText as l}from"../FormHelperText/FormHelperText.esm.js";import o from"./FormSelectorWrapper.module.esm.js";const s=e.forwardRef((({children:s,className:t,nestedChildren:a,containerProps:d,helperProps:n,error:i,disabled:m,helperText:c,errorMessage:p,parentErrorId:f,errorId:u,identifier:v,...h},$)=>{var x,E;const N=null!==(x=null==n?void 0:n.ref)&&void 0!==x?x:r();return e.createElement("div",{...h,ref:$,className:`${i?o.error:""} ${m?o.disabled:""} ${null!=t?t:""}`},e.createElement("div",{...d},s),(c||(null==n?void 0:n.children))&&e.createElement(l,{...n,ref:N,id:`${v}`,className:`${o["helper-text"]} ${null!==(E=null==n?void 0:n.className)&&void 0!==E?E:""} ${i?o.error:""}`},i?e.createElement("span",{className:o["error-message"],id:u},p):(null==n?void 0:n.children)||c),a)}));export{s as FormSelectorWrapper};
+import e,{createRef as r}from"react";import{FormHelperText as o}from"../FormHelperText/FormHelperText.esm.js";import l from"./FormSelectorWrapper.module.esm.js";const d=({children:d,className:i,nestedChildren:s,containerProps:t,helperProps:a,error:n,disabled:m,helperText:c,errorMessage:p,parentErrorId:v,errorId:f,identifier:u,...h},$)=>{var x,E;const N=(x=a===null||a===void 0?void 0:a.ref)!==null&&x!==void 0?x:r();return e.createElement("div",{...h,ref:$,className:`${n?l["error"]:""} ${m?l["disabled"]:""} ${i!==null&&i!==void 0?i:""}`},e.createElement("div",{...t},d),(c||(a===null||a===void 0?void 0:a.children))&&e.createElement(o,{...a,ref:N,id:`${u}`,className:`${l["helper-text"]} ${(E=a===null||a===void 0?void 0:a.className)!==null&&E!==void 0?E:""} ${n?l["error"]:""}`},n?e.createElement("span",{className:l["error-message"],id:f},p):(a===null||a===void 0?void 0:a.children)||c),s)};const i=e.forwardRef(d);export{i as FormSelectorWrapper};
 //# sourceMappingURL=FormSelectorWrapper.esm.js.map

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormSelectorWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.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, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n createRef,\n ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n children?: ReactNode;\n nestedChildren?: ReactNode;\n containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n helperProps?: FormHelperTextProps;\n disabled?: boolean;\n errorId?: string;\n identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n className,\n nestedChildren,\n containerProps,\n helperProps,\n error,\n disabled,\n helperText,\n errorMessage,\n parentErrorId,\n errorId,\n identifier,\n ...rest\n }: Props,\n ref\n) => {\n const helperRef = helperProps?.ref ?? createRef();\n\n return (\n <div\n {...rest}\n ref={ref}\n className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n className ?? \"\"\n }`}\n >\n <div {...containerProps}>{children}</div>\n {(helperText \|\| helperProps?.children) && (\n <FormHelperText\n {...helperProps}\n ref={helperRef}\n id={`${identifier}`}\n className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n error ? classes[\"error\"] : \"\"\n }`}\n >\n {error ? (\n <span className={classes[\"error-message\"]} id={errorId}>\n {errorMessage}\n </span>\n ) : (\n helperProps?.children \|\| helperText\n )}\n </FormHelperText>\n )}\n {nestedChildren}\n </div>\n );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["FormSelectorWrapperComponent","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","React","classes","createElement","FormHelperText","id","_b","FormSelectorWrapper","forwardRef"],"mappings":"iKAqCA,MAAMA,EAAgF,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,GAAYC,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaS,OAAO,MAAAE,SAAA,EAAAA,EAAAC,IAEtC,OACEC,0BACML,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQa,EAAQ,SAAW,MAAMZ,EAAWY,EAAQ,YAAc,MAC9EjB,IAAA,MAAAA,WAAAA,EAAa,MAGfgB,EAASE,cAAA,MAAA,IAAAhB,GAAiBH,IACxBO,IAAcH,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaJ,YAC3BiB,gBAACG,EAAc,IACThB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGiB,EAAQ,mBAAkBI,EAAAlB,UAAAA,SAAW,OAAA,EAAXA,EAAaH,aAAa,MAAAqB,SAAA,EAAAA,EAAA,MAChEjB,EAAQa,EAAQ,SAAW,MAG5Bb,EACCY,wBAAMhB,UAAWiB,EAAQ,iBAAkBG,GAAIX,GAC5CF,IAGHJ,IAAA,MAAAA,kBAAAA,EAAaJ,WAAYO,GAI9BL,EAEH,EAGS,MAAAqB,EAAsBN,EAAMO,WAAWzB"}

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r=".FormSelectorWrapper_module_error__17563ac7 input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper_module_helperText__17563ac7{margin-left:1.75rem;margin-top:.25rem}.FormSelectorWrapper_module_errorMessage__17563ac7{color:var(--error)}.FormSelectorWrapper_module_disabled__17563ac7 input{color:var(--disabled)}.FormSelectorWrapper_module_disabled__17563ac7 input:disabled,.FormSelectorWrapper_module_disabled__17563ac7 label{cursor:not-allowed}",o={error:"FormSelectorWrapper_module_error__17563ac7","helper-text":"FormSelectorWrapper_module_helperText__17563ac7","error-message":"FormSelectorWrapper_module_errorMessage__17563ac7",disabled:"FormSelectorWrapper_module_disabled__17563ac7"};e(r,{});export{r as css,o as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.FormSelectorWrapper-module_error__QfvpX input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper-module_helper-text__uXsbs{margin-left:1.75rem;margin-top:.25rem}.FormSelectorWrapper-module_error-message__6olsK{color:var(--error)}.FormSelectorWrapper-module_disabled__hlvKT input{color:var(--disabled)}.FormSelectorWrapper-module_disabled__hlvKT input:disabled,.FormSelectorWrapper-module_disabled__hlvKT label{cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvREFHRSxpQkFBa0IsQ0FGbEIsOEJBQStCLENBQy9CLG1CQUFvQixDQUVwQixlQUNGLENBRUEsK0NBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsaURBQ0Usa0JBQ0YsQ0FFQSxrREFDRSxxQkFDRixDQUlBLDZHQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmVycm9yIGlucHV0ICsgc3BhbiB7XG4gIG91dGxpbmU6IHZhcigtLWVycm9yKSBzb2xpZCAxcHg7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiAxLjc1cmVtO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5kaXNhYmxlZCBpbnB1dCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4uZGlzYWJsZWQgaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn0iXX0= */';var l={error:"FormSelectorWrapper-module_error__QfvpX","helper-text":"FormSelectorWrapper-module_helper-text__uXsbs","error-message":"FormSelectorWrapper-module_error-message__6olsK",disabled:"FormSelectorWrapper-module_disabled__hlvKT"};e(i);export{l as default};
 //# sourceMappingURL=FormSelectorWrapper.module.esm.js.map

package/dist/esm/Form/Input/Input.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as s,useRef as r,useEffect as a}from"react";import l from"./Input.module.esm.js";import t from"../../src/readyclasses.module.esm.js";import{useDetermineStatusIcon as n}from"../../src/hooks/useDetermineStatusIcon.esm.js";const o=["date","time","datetime-local"],u=e.forwardRef((({error:u=!1,success:i=!1,className:p,name:c,style:m,wrapperProps:d,type:f,labeledBy:h,prefix:x,suffix:y,disabled:b,onFocus:v,onBlur:N,...w},E)=>{var j;const[k,B]=s(!1),I=r(null),g=r(null);a((()=>{if(void 0===c)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const C=[l.input],F=s=>"string"==typeof s?e.createElement("span",null,s):s;o.includes(f)&&C.push(l["shrink-width-for-date-icon"]),p&&C.push(p);const P=[l["input-wrapper"]],$=[l.outline];(null==d?void 0:d.className)&&P.push(d.className),"hidden"===f&&P.push(t.hidden),x&&P.push(l.prefix),y&&P.push(l.suffix),b&&P.push(l.disabled)&&$.push(l.disabled),u&&P.push(l.error)&&$.push(l.error),k&&P.push(l.focus)&&$.push(l.focus),i&&P.push(l.success);const D=n({success:i,error:u});return e.createElement("div",{ref:I,...d,style:{...m},className:`${l["input-wrapper"]} ${P.join(" ")}`},x&&e.createElement("div",{"data-prefix":!0,className:l.prefix},F(x)),e.createElement("input",{...w,ref:E,onFocus:e=>{B(!0),null==v||v(e)},onBlur:e=>{B(!1),null==N||N(e)},"aria-labelledby":h,type:f,name:c,disabled:b,className:C.join(" "),spellCheck:null!==(j=w.spellCheck)&&void 0!==j&&j}),D,y&&e.createElement("div",{ref:g,"data-suffix":!0,className:l.suffix},F(y)),e.createElement("span",{className:$.join(" ")}))}));export{u as Input,o as dateTypes};
+import e,{useState as s,useRef as r,useEffect as t}from"react";import a from"./Input.module.esm.js";import o from"../../src/readyclasses.module.esm.js";import{useDetermineStatusIcon as l}from"../../src/hooks/useDetermineStatusIcon.esm.js";const n=["date","time","datetime-local"];const u=({error:u=false,success:i=false,className:c,name:p,style:d,wrapperProps:m,type:f,labeledBy:h,prefix:v,suffix:x,disabled:y,onFocus:b,onBlur:N,...w},E)=>{var j;const[k,B]=s(false);const I=r(null);const g=r(null);t((()=>{if(p===void 0)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const C=[a["input"]];const F=s=>typeof s==="string"?e.createElement("span",null,s):s;n.includes(f)&&C.push(a["shrink-width-for-date-icon"]);c&&C.push(c);const P=[a["input-wrapper"]];const $=[a["outline"]];(m===null||m===void 0?void 0:m.className)&&P.push(m.className);f==="hidden"&&P.push(o["hidden"]);v&&P.push(a["prefix"]);x&&P.push(a["suffix"]);y&&P.push(a["disabled"])&&$.push(a["disabled"]);u&&P.push(a["error"])&&$.push(a["error"]);k&&P.push(a["focus"])&&$.push(a["focus"]);i&&P.push(a["success"]);const D=l({success:i,error:u});return e.createElement("div",{ref:I,...m,style:{...d},className:`${a["input-wrapper"]} ${P.join(" ")}`},v&&e.createElement("div",{"data-prefix":true,className:a["prefix"]},F(v)),e.createElement("input",{...w,ref:E,onFocus:e=>{B(true);b===null||b===void 0?void 0:b(e)},onBlur:e=>{B(false);N===null||N===void 0?void 0:N(e)},"aria-labelledby":h,type:f,name:p,disabled:y,className:C.join(" "),spellCheck:(j=w.spellCheck)!==null&&j!==void 0?j:false}),D,x&&e.createElement("div",{ref:g,"data-suffix":true,className:a["suffix"]},F(x)),e.createElement("span",{className:$.join(" ")}))};const i=e.forwardRef(u);export{i as Input,n as dateTypes};
 //# sourceMappingURL=Input.esm.js.map