@onewelcome/react-lib-components 12.0.0 → 12.1.0-alpha

package/dist/components/Form/Toggle/Toggle.module.scss.es.js

@@ -0,0 +1,34 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Toggle_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Toggle_hidden_7l1Pc{display:none}.Toggle_slide-in_7l1Pc{animation:Toggle_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-in_7l1Pc{animation-duration:.1ms}}.Toggle_slide-out_7l1Pc{animation:Toggle_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Toggle_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes Toggle_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Toggle_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Toggle_toggle-wrapper_7l1Pc{display:flex;align-items:center;position:relative}.Toggle_toggle-wrapper_7l1Pc label{white-space:nowrap}.Toggle_toggle-wrapper--left_7l1Pc>div>div{flex-direction:row-reverse;position:relative}.Toggle_toggle-wrapper--left_7l1Pc>div>div input{left:initial;right:0}.Toggle_toggle-wrapper--left_7l1Pc>div>div label{margin-left:0;margin-right:.5rem}.Toggle_toggle-wrapper--left_7l1Pc>div>div+div{margin-left:0}.Toggle_toggle-wrapper--hide-label_7l1Pc>div>div label{display:none}.Toggle_toggle-wrapper--hide-label_7l1Pc>div>div+div{margin-left:0}.Toggle_toggle-wrapper--wrap_7l1Pc label{white-space:normal}.Toggle_toggle-wrapper--neutral_7l1Pc input:checked+span{background-color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--neutral_7l1Pc input+span:after{color:var(--color-blue-grey500)}.Toggle_toggle-wrapper--between_7l1Pc{width:100%}.Toggle_toggle-wrapper--between_7l1Pc>div{width:100%}.Toggle_toggle-wrapper--between_7l1Pc>div>div{justify-content:space-between}.Toggle_toggle-wrapper--between_7l1Pc.Toggle_toggle-wrapper--right_7l1Pc>div>div+div{margin-left:0;text-align:right}.Toggle_toggle-wrapper--disabled_7l1Pc input+span{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_7l1Pc input+span:before{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_7l1Pc input+span:after{color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_7l1Pc input:checked+span{background-color:var(--color-blue-grey200)}.Toggle_toggle-wrapper--disabled_7l1Pc input:checked+span:before{background-color:var(--color-blue-grey50)}.Toggle_toggle-wrapper--disabled_7l1Pc input:checked+span:after{color:var(--color-blue-grey200)}.Toggle_toggle_7l1Pc{width:calc(2 * var(--font-size));min-width:calc(2 * var(--font-size));height:var(--font-size-big);background-color:var(--toggle-background-color);border-radius:2.5rem;position:relative;display:block;pointer-events:none;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_7l1Pc{transition-duration:.1ms}}.Toggle_toggle_7l1Pc:before{content:"";width:var(--font-size);height:var(--font-size);border-radius:50%;display:block;background-color:var(--light);position:absolute;top:50%;transform:translateY(-50%) translate(0);left:calc(.125 * var(--font-size));transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_7l1Pc:before{transition-duration:.1ms}}.Toggle_toggle_7l1Pc:after{content:"";font-family:icomoon;position:absolute;font-size:calc(.4375 * var(--font-size));top:47%;left:calc(.4 * var(--font-size));transform:translateY(-50%) translate(0);color:var(--color-primary);transition-property:transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Toggle_toggle_7l1Pc:after{transition-duration:.1ms}}.Toggle_toggle_7l1Pc.Toggle_checked_7l1Pc{background-color:var(--color-primary)}.Toggle_toggle_7l1Pc.Toggle_checked_7l1Pc:before{transform:translateY(-50%) translate(calc(100% - .25 * var(--font-size)))}.Toggle_toggle_7l1Pc.Toggle_checked_7l1Pc:after{transform:translateY(-50%) translate(170%);content:""}.Toggle_toggle_7l1Pc.Toggle_disabled_7l1Pc{cursor:not-allowed}.Toggle_toggle-helper_7l1Pc{margin-left:2.5rem}.Toggle_checkbox_7l1Pc{z-index:10;position:static}.Toggle_checkbox_7l1Pc>div:first-child{display:flex;align-items:flex-start}.Toggle_checkbox_7l1Pc input{width:calc(2 * var(--font-size))}.Toggle_checkbox_7l1Pc input~[data-icon][aria-hidden]{display:none}.Toggle_checkbox_7l1Pc input:focus-visible+*{border-radius:2.5rem;outline-offset:.125rem;outline-width:.125rem}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+const hidden = "Toggle_hidden_7l1Pc";
+const toggle = "Toggle_toggle_7l1Pc";
+const checked = "Toggle_checked_7l1Pc";
+const disabled = "Toggle_disabled_7l1Pc";
+const checkbox = "Toggle_checkbox_7l1Pc";
+const classes = {
+  "sr-only": "Toggle_sr-only_7l1Pc",
+  hidden,
+  "slide-in": "Toggle_slide-in_7l1Pc",
+  "slide-out": "Toggle_slide-out_7l1Pc",
+  "toggle-wrapper": "Toggle_toggle-wrapper_7l1Pc",
+  "toggle-wrapper--left": "Toggle_toggle-wrapper--left_7l1Pc",
+  "toggle-wrapper--hide-label": "Toggle_toggle-wrapper--hide-label_7l1Pc",
+  "toggle-wrapper--wrap": "Toggle_toggle-wrapper--wrap_7l1Pc",
+  "toggle-wrapper--neutral": "Toggle_toggle-wrapper--neutral_7l1Pc",
+  "toggle-wrapper--between": "Toggle_toggle-wrapper--between_7l1Pc",
+  "toggle-wrapper--right": "Toggle_toggle-wrapper--right_7l1Pc",
+  "toggle-wrapper--disabled": "Toggle_toggle-wrapper--disabled_7l1Pc",
+  toggle,
+  checked,
+  disabled,
+  "toggle-helper": "Toggle_toggle-helper_7l1Pc",
+  checkbox
+};
+export {
+  checkbox,
+  checked,
+  classes as default,
+  disabled,
+  hidden,
+  toggle
+};
+//# sourceMappingURL=Toggle.module.scss.es.js.map

package/dist/components/Form/Toggle/Toggle.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./CheckboxWrapper.module.scss.cjs.js"),s=require("../../../../hooks/useWrapper.cjs.js"),p=require("../Wrapper/Wrapper.cjs.js"),o=require("../../../Icon/Icon.cjs.js"),a=require("../../Fieldset/Fieldset.cjs.js"),l=require("../../../withReadOnly.cjs.js"),c=e.forwardRef((({children:l,error:c=!1,helperText:t,helperProps:d,errorMessageProps:i,fieldsetProps:n,...u},h)=>{const{errorId:j,helperId:m}=s.useWrapper();return e.useEffect((()=>{n.legend}),[]),e.createElement(a.Fieldset,{...n,required:u.required},e.createElement(p.Wrapper,{...u,ref:h,label:"",helperId:m,helperText:t,helperProps:{...d,className:`${r.default["checkbox-wrapper-helper"]}  ${(null==d?void 0:d.className)??""}`},errorMessageProps:{...i,className:`${c?r.default["checkbox-wrapper-error"]:""}`},error:c,errorMessageIcon:o.Icons.Error,errorId:j},e.Children.map(l,(r=>e.cloneElement(r,{parentErrorId:j,error:c,parentHelperId:!!t&&m,disabled:u.disabled})))))}));c.displayName="CheckboxWrapper";const t=l.withReadOnly(c,{isWrapperComponent:!0});exports.CheckboxWrapper=t;
+//# sourceMappingURL=CheckboxWrapper.cjs.js.map

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.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  useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n  children: ReactElement[] | ReactElement;\n  fieldsetProps: FieldsetProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error = false,\n    helperText,\n    helperProps,\n    errorMessageProps,\n    fieldsetProps,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        parentHelperId: helperText ? helperId : false,\n        disabled: rest.disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} required={rest.required}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        label=\"\"\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"checkbox-wrapper-helper\"]}  ${helperProps?.className ?? \"\"}`\n        }}\n        errorMessageProps={{\n          ...errorMessageProps,\n          className: `${error ? classes[\"checkbox-wrapper-error\"] : \"\"}`\n        }}\n        error={error}\n        errorMessageIcon={Icons.Error}\n        errorId={errorId}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nconst ForwardedCheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\nForwardedCheckboxWrapper.displayName = \"CheckboxWrapper\";\n/**\n * @deprecated\n */\nexport const CheckboxWrapper = withReadOnly(ForwardedCheckboxWrapper, { isWrapperComponent: true });\n"],"names":["ForwardedCheckboxWrapper","React","forwardRef","children","error","helperText","helperProps","errorMessageProps","fieldsetProps","rest","ref","errorId","helperId","useWrapper","useEffect","legend","Fieldset","required","createElement","Wrapper","label","className","classes","default","errorMessageIcon","Icons","Error","Children","map","child","cloneElement","parentErrorId","parentHelperId","disabled","displayName","CheckboxWrapper","withReadOnly","isWrapperComponent"],"mappings":"gXA6FMA,EAA2BC,EAAMC,YA1D2C,EAE9EC,WACAC,SAAQ,EACRC,aACAC,cACAC,oBACAC,mBACGC,GAELC,KAEA,MAAMC,QAAEA,EAAAC,SAASA,GAAaC,sBAE9BC,EAAAA,WAAU,KACJN,EAAcO,MAGhB,GAED,oBAaAC,EAAUA,SAAA,IAAGR,EAAeS,SAAUR,EAAKQ,UAC1ChB,EAAAiB,cAACC,EAAAA,QAAA,IACKV,EACJC,MACAU,MAAM,GACNR,WACAP,aACAC,YAAa,IACRA,EACHe,UAAW,GAAGC,EAAAA,QAAQ,gCAA4C,MAAbhB,OAAa,EAAAA,EAAAe,YAAa,MAEjFd,kBAAmB,IACdA,EACHc,UAAW,GAAGjB,EAAQkB,EAAQC,QAAA,0BAA4B,MAE5DnB,QACAoB,iBAAkBC,EAAMA,MAAAC,MACxBf,WA3BJV,EAAM0B,SAASC,IAAIzB,GAAU0B,GAC3B5B,EAAM6B,aAAaD,EAAO,CACxBE,cAAepB,EACfP,QACA4B,iBAAgB3B,GAAaO,EAC7BqB,SAAUxB,EAAKwB,cA0BnB,IAKJjC,EAAyBkC,YAAc,kBAIhC,MAAMC,EAAkBC,EAAAA,aAAapC,EAA0B,CAAEqC,oBAAoB"}

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.es.js

@@ -0,0 +1,63 @@
+import React, { useEffect } from "react";
+import classes from "./CheckboxWrapper.module.scss.es.js";
+import { useWrapper } from "../../../../hooks/useWrapper.es.js";
+import { Wrapper } from "../Wrapper/Wrapper.es.js";
+import { Icons } from "../../../Icon/Icon.es.js";
+import { Fieldset } from "../../Fieldset/Fieldset.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+const CheckboxWrapperComponent = ({
+  children,
+  error = false,
+  helperText,
+  helperProps,
+  errorMessageProps,
+  fieldsetProps,
+  ...rest
+}, ref) => {
+  const { errorId, helperId } = useWrapper();
+  useEffect(() => {
+    if (fieldsetProps.legend === void 0) {
+      console.error(
+        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})`
+      );
+    }
+  }, []);
+  const renderChildren = () => React.Children.map(
+    children,
+    (child) => React.cloneElement(child, {
+      parentErrorId: errorId,
+      error,
+      parentHelperId: helperText ? helperId : false,
+      disabled: rest.disabled
+    })
+  );
+  return /* @__PURE__ */ React.createElement(Fieldset, { ...fieldsetProps, required: rest.required }, /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      ...rest,
+      ref,
+      label: "",
+      helperId,
+      helperText,
+      helperProps: {
+        ...helperProps,
+        className: `${classes["checkbox-wrapper-helper"]}  ${(helperProps == null ? void 0 : helperProps.className) ?? ""}`
+      },
+      errorMessageProps: {
+        ...errorMessageProps,
+        className: `${error ? classes["checkbox-wrapper-error"] : ""}`
+      },
+      error,
+      errorMessageIcon: Icons.Error,
+      errorId
+    },
+    renderChildren()
+  ));
+};
+const ForwardedCheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);
+ForwardedCheckboxWrapper.displayName = "CheckboxWrapper";
+const CheckboxWrapper = withReadOnly(ForwardedCheckboxWrapper, { isWrapperComponent: true });
+export {
+  CheckboxWrapper
+};
+//# sourceMappingURL=CheckboxWrapper.es.js.map

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.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  useEffect\n} from \"react\";\nimport classes from \"./CheckboxWrapper.module.scss\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, Omit<WrapperProps, \"success\"> {\n  children: ReactElement[] | ReactElement;\n  fieldsetProps: FieldsetProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error = false,\n    helperText,\n    helperProps,\n    errorMessageProps,\n    fieldsetProps,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in CheckboxWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        parentHelperId: helperText ? helperId : false,\n        disabled: rest.disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} required={rest.required}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        label=\"\"\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"checkbox-wrapper-helper\"]}  ${helperProps?.className ?? \"\"}`\n        }}\n        errorMessageProps={{\n          ...errorMessageProps,\n          className: `${error ? classes[\"checkbox-wrapper-error\"] : \"\"}`\n        }}\n        error={error}\n        errorMessageIcon={Icons.Error}\n        errorId={errorId}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nconst ForwardedCheckboxWrapper = React.forwardRef(CheckboxWrapperComponent);\nForwardedCheckboxWrapper.displayName = \"CheckboxWrapper\";\n/**\n * @deprecated\n */\nexport const CheckboxWrapper = withReadOnly(ForwardedCheckboxWrapper, { isWrapperComponent: true });\n"],"names":[],"mappings":";;;;;;;AAmCA,MAAM,2BAA4E,CAChF;AAAA,EACE;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,SAAS,IAAI,WAAW;AAEzC,YAAU,MAAM;AACV,QAAA,cAAc,WAAW,QAAW;AAC9B,cAAA;AAAA,QACN;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ,GAAG,EAAE;AAEC,QAAA,iBAAiB,MACrB,MAAM,SAAS;AAAA,IAAI;AAAA,IAAU,CAAA,UAC3B,MAAM,aAAa,OAAO;AAAA,MACxB,eAAe;AAAA,MACf;AAAA,MACA,gBAAgB,aAAa,WAAW;AAAA,MACxC,UAAU,KAAK;AAAA,IAChB,CAAA;AAAA,EACH;AAEF,6CACG,UAAU,EAAA,GAAG,eAAe,UAAU,KAAK,YAC1C,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,yBAAyB,CAAC,MAAK,2CAAa,cAAa,EAAE;AAAA,MACnF;AAAA,MACA,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,QAAQ,wBAAwB,IAAI,EAAE;AAAA,MAC9D;AAAA,MACA;AAAA,MACA,kBAAkB,MAAM;AAAA,MACxB;AAAA,IAAA;AAAA,IAEC,eAAe;AAAA,EAAA,CAEpB;AAEJ;AAEA,MAAM,2BAA2B,MAAM,WAAW,wBAAwB;AAC1E,yBAAyB,cAAc;AAIhC,MAAM,kBAAkB,aAAa,0BAA0B,EAAE,oBAAoB,KAAM,CAAA;"}

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.CheckboxWrapper_checkbox-wrapper-helper_7l1Pc{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_7l1Pc{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_7l1Pc [data-icon]{font-size:calc(1.375 * var(--font-size));vertical-align:bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"checkbox-wrapper-helper":"CheckboxWrapper_checkbox-wrapper-helper_7l1Pc","checkbox-wrapper-error":"CheckboxWrapper_checkbox-wrapper-error_7l1Pc"};
+//# sourceMappingURL=CheckboxWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.CheckboxWrapper_checkbox-wrapper-helper_7l1Pc{margin-top:1.25rem}.CheckboxWrapper_checkbox-wrapper-error_7l1Pc{font-size:1rem;margin-left:0;line-height:unset}.CheckboxWrapper_checkbox-wrapper-error_7l1Pc [data-icon]{font-size:calc(1.375 * var(--font-size));vertical-align:bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const classes = {
+  "checkbox-wrapper-helper": "CheckboxWrapper_checkbox-wrapper-helper_7l1Pc",
+  "checkbox-wrapper-error": "CheckboxWrapper_checkbox-wrapper-error_7l1Pc"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=CheckboxWrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Input/Input.cjs.js"),s=require("./InputWrapper.module.scss.cjs.js"),a=require("../Wrapper/Wrapper.cjs.js"),l=require("../../../../hooks/useWrapper.cjs.js"),p=require("../../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({type:p,name:u,inputProps:o,helperText:n,helperProps:t,value:i,className:d,error:c,errorMessageProps:f,success:m,onChange:h,onBlur:j,onFocus:b,disabled:v,...w},y)=>{var I,N;const{errorId:P,hasFocus:x,setHasFocus:W,helperId:g,labelId:q}=l.useWrapper(),{prefix:$,suffix:F}=o??{},O=e.useRef(null),R=[s.default["input-label"]];x&&R.push(s.default.focus);const C=[];(null==(I=null==o?void 0:o.wrapperProps)?void 0:I.className)&&C.push(null==(N=null==o?void 0:o.wrapperProps)?void 0:N.className),v&&C.push(s.default.disabled);const M=w["data-readonlyview"];return e.createElement(a.Wrapper,{...w,ref:y,name:u,className:`${s.default["input-wrapper"]} ${d??""}`,labelProps:{id:q,className:R.join(" ")},errorId:P,error:c,errorMessageProps:f,helperId:g,helperText:n,helperProps:{...t,className:`${s.default["input-wrapper-helper"]} ${(null==t?void 0:t.className)??""} `},disabled:v},e.createElement(r.Input,{...o,prefix:$,suffix:F,readOnlyView:M,wrapperProps:{className:C.join(" ")},ref:(null==o?void 0:o.ref)||O,"aria-labelledby":q,"aria-describedby":c?P:g,onChange:h,onFocus:e=>{null==b||b(e),W(!0)},onBlur:e=>{null==j||j(e),W(!1)},className:`\n         ${(null==o?void 0:o.className)??""}`,name:u,success:m,error:c,id:u,value:i,type:p}))})),{isWrapperComponent:!0});exports.InputWrapper=p;
+//# sourceMappingURL=InputWrapper.cjs.js.map

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.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, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  label: string;\n  type: Type;\n  name: string;\n  inputProps?: PartialInputProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    type,\n    name,\n    inputProps,\n    helperText,\n    helperProps,\n    value,\n    className,\n    error,\n    errorMessageProps,\n    success,\n    onChange,\n    onBlur,\n    onFocus,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const { prefix, suffix } = inputProps ?? {};\n  const input = useRef<HTMLInputElement>(null);\n  const labelClasses = [classes[\"input-label\"]];\n  hasFocus && labelClasses.push(classes[\"focus\"]);\n\n  const inputWrapperClasses = [];\n  inputProps?.wrapperProps?.className &&\n    inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n  disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n  const readValue = rest[\"data-readonlyview\"] as boolean;\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      name={name}\n      className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n      labelProps={{\n        id: labelId,\n        className: labelClasses.join(\" \")\n      }}\n      errorId={errorId}\n      error={error}\n      errorMessageProps={errorMessageProps}\n      helperId={helperId}\n      helperText={helperText}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n      }}\n      disabled={disabled}\n    >\n      <Input\n        {...inputProps}\n        prefix={prefix}\n        suffix={suffix}\n        readOnlyView={readValue}\n        wrapperProps={{\n          className: inputWrapperClasses.join(\" \")\n        }}\n        ref={inputProps?.ref || input}\n        aria-labelledby={labelId}\n        aria-describedby={error ? errorId : helperId}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        className={`\n         ${inputProps?.className ?? \"\"}`}\n        name={name}\n        success={success}\n        error={error}\n        id={name}\n        value={value}\n        type={type}\n      />\n    </Wrapper>\n  );\n};\n\nexport const InputWrapper = withReadOnly(React.forwardRef(InputWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":["InputWrapper","withReadOnly","React","forwardRef","type","name","inputProps","helperText","helperProps","value","className","error","errorMessageProps","success","onChange","onBlur","onFocus","disabled","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","prefix","suffix","input","useRef","labelClasses","classes","push","default","inputWrapperClasses","_a","wrapperProps","_b","readValue","createElement","Wrapper","labelProps","id","join","Input","readOnlyView","e","isWrapperComponent"],"mappings":"sRA0HaA,0CAAeC,aAAaC,EAAMC,YArFgC,EAE3EC,OACAC,OACAC,aACAC,aACAC,cACAC,QACAC,YACAC,QACAC,oBACAC,UACAC,WACAC,SACAC,UACAC,cACGC,GAELC,aAEM,MAAAC,QAAEA,WAASC,EAAUC,YAAAA,EAAAC,SAAaA,UAAUC,GAAYC,gBACxDC,OAAEA,EAAAC,OAAQA,GAAWrB,GAAc,CAAC,EACpCsB,EAAQC,SAAyB,MACjCC,EAAe,CAACC,UAAQ,gBAC9BV,GAAYS,EAAaE,KAAKD,EAAQE,QAAO,OAE7C,MAAMC,EAAsB,IAC5B,OAAYC,EAAA,MAAA7B,OAAA,EAAAA,EAAA8B,uBAAc1B,YACxBwB,EAAoBF,KAAK,OAAAK,EAAY,MAAA/B,OAAA,EAAAA,EAAA8B,uBAAc1B,WACrDO,GAAYiB,EAAoBF,KAAKD,EAAQE,QAAU,UACjD,MAAAK,EAAYpB,EAAK,qBAErB,OAAAhB,EAAAqC,cAACC,EAAAA,QAAA,IACKtB,EACJC,MACAd,OACAK,UAAW,GAAGqB,UAAQ,oBAAoBrB,GAAa,KACvD+B,WAAY,CACVC,GAAIlB,EACJd,UAAWoB,EAAaa,KAAK,MAE/BvB,UACAT,QACAC,oBACAW,WACAhB,aACAC,YAAa,IACRA,EACHE,UAAW,GAAGqB,EAAAA,QAAQ,4BAAwC,MAAbvB,OAAa,EAAAA,EAAAE,YAAa,OAE7EO,YAEAf,EAAAqC,cAACK,EAAAA,MAAA,IACKtC,EACJoB,SACAC,SACAkB,aAAcP,EACdF,aAAc,CACZ1B,UAAWwB,EAAoBS,KAAK,MAEtCxB,WAAKb,WAAYa,MAAOS,EACxB,kBAAiBJ,EACjB,mBAAkBb,EAAQS,EAAUG,EACpCT,WACAE,QAAc8B,IACF,MAAA9B,GAAAA,EAAA8B,GACVxB,GAAY,EAAI,EAElBP,OAAa+B,IACF,MAAA/B,GAAAA,EAAA+B,GACTxB,GAAY,EAAK,EAEnBZ,UAAW,eACR,MAAAJ,OAAA,EAAAA,EAAYI,YAAa,KAC5BL,OACAQ,UACAF,QACA+B,GAAIrC,EACJI,QACAL,SAEJ,IAI8E,CAChF2C,oBAAoB"}

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.es.js

@@ -0,0 +1,96 @@
+import React, { useRef } from "react";
+import { Input } from "../../Input/Input.es.js";
+import classes from "./InputWrapper.module.scss.es.js";
+import { Wrapper } from "../Wrapper/Wrapper.es.js";
+import { useWrapper } from "../../../../hooks/useWrapper.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+const InputWrapperComponent = ({
+  type,
+  name,
+  inputProps,
+  helperText,
+  helperProps,
+  value,
+  className,
+  error,
+  errorMessageProps,
+  success,
+  onChange,
+  onBlur,
+  onFocus,
+  disabled,
+  ...rest
+}, ref) => {
+  var _a, _b;
+  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();
+  const { prefix, suffix } = inputProps ?? {};
+  const input = useRef(null);
+  const labelClasses = [classes["input-label"]];
+  hasFocus && labelClasses.push(classes["focus"]);
+  const inputWrapperClasses = [];
+  ((_a = inputProps == null ? void 0 : inputProps.wrapperProps) == null ? void 0 : _a.className) && inputWrapperClasses.push((_b = inputProps == null ? void 0 : inputProps.wrapperProps) == null ? void 0 : _b.className);
+  disabled && inputWrapperClasses.push(classes["disabled"]);
+  const readValue = rest["data-readonlyview"];
+  return /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      ...rest,
+      ref,
+      name,
+      className: `${classes["input-wrapper"]} ${className ?? ""}`,
+      labelProps: {
+        id: labelId,
+        className: labelClasses.join(" ")
+      },
+      errorId,
+      error,
+      errorMessageProps,
+      helperId,
+      helperText,
+      helperProps: {
+        ...helperProps,
+        className: `${classes["input-wrapper-helper"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""} `
+      },
+      disabled
+    },
+    /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        ...inputProps,
+        prefix,
+        suffix,
+        readOnlyView: readValue,
+        wrapperProps: {
+          className: inputWrapperClasses.join(" ")
+        },
+        ref: (inputProps == null ? void 0 : inputProps.ref) || input,
+        "aria-labelledby": labelId,
+        "aria-describedby": error ? errorId : helperId,
+        onChange,
+        onFocus: (e) => {
+          onFocus == null ? void 0 : onFocus(e);
+          setHasFocus(true);
+        },
+        onBlur: (e) => {
+          onBlur == null ? void 0 : onBlur(e);
+          setHasFocus(false);
+        },
+        className: `
+         ${(inputProps == null ? void 0 : inputProps.className) ?? ""}`,
+        name,
+        success,
+        error,
+        id: name,
+        value,
+        type
+      }
+    )
+  );
+};
+const InputWrapper = withReadOnly(React.forwardRef(InputWrapperComponent), {
+  isWrapperComponent: true
+});
+export {
+  InputWrapper
+};
+//# sourceMappingURL=InputWrapper.es.js.map

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.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, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  label: string;\n  type: Type;\n  name: string;\n  inputProps?: PartialInputProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    type,\n    name,\n    inputProps,\n    helperText,\n    helperProps,\n    value,\n    className,\n    error,\n    errorMessageProps,\n    success,\n    onChange,\n    onBlur,\n    onFocus,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const { prefix, suffix } = inputProps ?? {};\n  const input = useRef<HTMLInputElement>(null);\n  const labelClasses = [classes[\"input-label\"]];\n  hasFocus && labelClasses.push(classes[\"focus\"]);\n\n  const inputWrapperClasses = [];\n  inputProps?.wrapperProps?.className &&\n    inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n  disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n  const readValue = rest[\"data-readonlyview\"] as boolean;\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      name={name}\n      className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n      labelProps={{\n        id: labelId,\n        className: labelClasses.join(\" \")\n      }}\n      errorId={errorId}\n      error={error}\n      errorMessageProps={errorMessageProps}\n      helperId={helperId}\n      helperText={helperText}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n      }}\n      disabled={disabled}\n    >\n      <Input\n        {...inputProps}\n        prefix={prefix}\n        suffix={suffix}\n        readOnlyView={readValue}\n        wrapperProps={{\n          className: inputWrapperClasses.join(\" \")\n        }}\n        ref={inputProps?.ref || input}\n        aria-labelledby={labelId}\n        aria-describedby={error ? errorId : helperId}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        className={`\n         ${inputProps?.className ?? \"\"}`}\n        name={name}\n        success={success}\n        error={error}\n        id={name}\n        value={value}\n        type={type}\n      />\n    </Wrapper>\n  );\n};\n\nexport const InputWrapper = withReadOnly(React.forwardRef(InputWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,wBAAyE,CAC7E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;;AACH,QAAM,EAAE,SAAS,UAAU,aAAa,UAAU,YAAY,WAAW;AACzE,QAAM,EAAE,QAAQ,OAAO,IAAI,cAAc,CAAC;AACpC,QAAA,QAAQ,OAAyB,IAAI;AAC3C,QAAM,eAAe,CAAC,QAAQ,aAAa,CAAC;AAC5C,cAAY,aAAa,KAAK,QAAQ,OAAO,CAAC;AAE9C,QAAM,sBAAsB,CAAC;AAC7B,kDAAY,iBAAZ,mBAA0B,cACxB,oBAAoB,MAAK,8CAAY,iBAAZ,mBAA0B,SAAS;AAC9D,cAAY,oBAAoB,KAAK,QAAQ,UAAU,CAAC;AAClD,QAAA,YAAY,KAAK,mBAAmB;AAExC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,CAAC,IAAI,aAAa,EAAE;AAAA,MACzD,YAAY;AAAA,QACV,IAAI;AAAA,QACJ,WAAW,aAAa,KAAK,GAAG;AAAA,MAClC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,sBAAsB,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAC/E;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,UACZ,WAAW,oBAAoB,KAAK,GAAG;AAAA,QACzC;AAAA,QACA,MAAK,yCAAY,QAAO;AAAA,QACxB,mBAAiB;AAAA,QACjB,oBAAkB,QAAQ,UAAU;AAAA,QACpC;AAAA,QACA,SAAS,CAAK,MAAA;AACZ,6CAAU;AACV,sBAAY,IAAI;AAAA,QAClB;AAAA,QACA,QAAQ,CAAK,MAAA;AACX,2CAAS;AACT,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,WAAW;AAAA,YACR,yCAAY,cAAa,EAAE;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEO,MAAM,eAAe,aAAa,MAAM,WAAW,qBAAqB,GAAG;AAAA,EAChF,oBAAoB;AACtB,CAAC;"}

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.InputWrapper_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_7l1Pc{display:none}.InputWrapper_slide-in_7l1Pc{animation:InputWrapper_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_7l1Pc{animation-duration:.1ms}}.InputWrapper_slide-out_7l1Pc{animation:InputWrapper_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.InputWrapper_input-wrapper_7l1Pc input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_7l1Pc{padding-top:1rem}.InputWrapper_input-wrapper-helper_7l1Pc{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_7l1Pc [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_7l1Pc [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_7l1Pc [data-prefix],.InputWrapper_input-wrapper_7l1Pc [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_7l1Pc [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc .InputWrapper_disabled_7l1Pc{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_7l1Pc[data-readonlyview=true] label,.InputWrapper_input-wrapper_7l1Pc[data-readonlyview=true] input{color:var(--read-only-text-color)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="InputWrapper_disabled_7l1Pc",p={"input-wrapper":"InputWrapper_input-wrapper_7l1Pc","input-wrapper-helper":"InputWrapper_input-wrapper-helper_7l1Pc",disabled:e};exports.default=p,exports.disabled=e;
+//# sourceMappingURL=InputWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss.es.js

@@ -0,0 +1,12 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.InputWrapper_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.InputWrapper_hidden_7l1Pc{display:none}.InputWrapper_slide-in_7l1Pc{animation:InputWrapper_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-in_7l1Pc{animation-duration:.1ms}}.InputWrapper_slide-out_7l1Pc{animation:InputWrapper_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.InputWrapper_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes InputWrapper_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.InputWrapper_input-wrapper_7l1Pc input[type=search]::-webkit-search-cancel-button{cursor:pointer}input.InputWrapper_floating-label_7l1Pc{padding-top:1rem}.InputWrapper_input-wrapper-helper_7l1Pc{margin-top:calc(.14 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc [data-icon]:before{transform:translateY(0);font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.InputWrapper_input-wrapper_7l1Pc [data-icon]:before{transition-duration:.1ms}}.InputWrapper_input-wrapper_7l1Pc [data-icon]:before[data-readonlyview=true]{padding:auto}.InputWrapper_input-wrapper_7l1Pc [data-prefix],.InputWrapper_input-wrapper_7l1Pc [data-suffix]{font-size:var(--input-font-size)}.InputWrapper_input-wrapper_7l1Pc [data-prefix]+input{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc [data-suffix]{padding-left:calc(1.25 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc input+[data-suffix]{padding-left:calc(.5 * var(--font-size))}.InputWrapper_input-wrapper_7l1Pc .InputWrapper_disabled_7l1Pc{background-color:var(--disabled);cursor:not-allowed;color:var(--greyed-out)}.InputWrapper_input-wrapper_7l1Pc[data-readonlyview=true] label,.InputWrapper_input-wrapper_7l1Pc[data-readonlyview=true] input{color:var(--read-only-text-color)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const disabled = "InputWrapper_disabled_7l1Pc";
+const classes = {
+  "input-wrapper": "InputWrapper_input-wrapper_7l1Pc",
+  "input-wrapper-helper": "InputWrapper_input-wrapper-helper_7l1Pc",
+  disabled
+};
+export {
+  classes as default,
+  disabled
+};
+//# sourceMappingURL=InputWrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./MultiSelectWrapper.module.scss.cjs.js"),l=require("../Wrapper/Wrapper.cjs.js"),s=require("../../../../hooks/useWrapper.cjs.js"),a=require("../../Select/MultiSelect/MultiSelect.cjs.js"),t=require("../../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:t,error:c,success:p,value:o,placeholder:u,selectProps:d,helperProps:i,onChange:n,...h},j)=>{const{errorId:m,helperId:y,labelId:S}=s.useWrapper();return e.createElement(l.Wrapper,{...h,ref:j,errorId:m,helperId:y,labelProps:{id:S,className:r.default["select-label"]},helperProps:{...i,className:`${r.default["select-helper-text"]} ${(null==i?void 0:i.className)??""}`},error:c},e.createElement(a.MultiSelect,{...d,value:o,labeledBy:S,error:c,success:p,describedBy:c?m:y,onChange:n,placeholder:u,className:`${(null==d?void 0:d.className)??""}`,isReadOnlyView:!!h["data-readonlyview"]},t))})),{isWrapperComponent:!0});exports.MultiSelectWrapper=t;
+//# sourceMappingURL=MultiSelectWrapper.cjs.js.map

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">, Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":["MultiSelectWrapper","withReadOnly","React","forwardRef","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","createElement","Wrapper","labelProps","id","className","classes","MultiSelect","labeledBy","describedBy","isReadOnlyView","isWrapperComponent"],"mappings":"+SAoFaA,0CAAqBC,aAAaC,EAAMC,YA/CgC,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,SAAAA,EAAAC,QAAUA,GAAYC,EAAAA,aAGrC,OAAAf,EAAAgB,cAACC,EAAAA,QAAA,IACKP,EACJC,MACAC,UACAC,WACAK,WAAY,CAAEC,GAAIL,EAASM,UAAWC,EAAAA,QAAQ,iBAC9Cb,YAAa,IACRA,EACHY,UAAW,GAAGC,EAAAA,QAAQ,0BAAsC,MAAbb,OAAa,EAAAA,EAAAY,YAAa,MAE3EjB,SAEAH,EAAAgB,cAACM,EAAAA,YAAA,IACKf,EACJF,QACAkB,UAAWT,EACXX,QACAC,UACAoB,YAAarB,EAAQS,EAAUC,EAC/BJ,WACAH,cACAc,UAAW,IAAgB,MAAbb,OAAa,EAAAA,EAAAa,YAAa,KACxCK,iBAAkBf,EAAK,sBAEtBR,GAEL,IAI0F,CAC5FwB,oBAAoB"}

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.es.js

@@ -0,0 +1,57 @@
+import React from "react";
+import classes from "./MultiSelectWrapper.module.scss.es.js";
+import { Wrapper } from "../Wrapper/Wrapper.es.js";
+import { useWrapper } from "../../../../hooks/useWrapper.es.js";
+import { MultiSelect } from "../../Select/MultiSelect/MultiSelect.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+const MultiSelectWrapperComponent = ({
+  children,
+  error,
+  success,
+  value,
+  placeholder,
+  selectProps,
+  helperProps,
+  onChange,
+  ...rest
+}, ref) => {
+  const { errorId, helperId, labelId } = useWrapper();
+  return /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      ...rest,
+      ref,
+      errorId,
+      helperId,
+      labelProps: { id: labelId, className: classes["select-label"] },
+      helperProps: {
+        ...helperProps,
+        className: `${classes["select-helper-text"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""}`
+      },
+      error
+    },
+    /* @__PURE__ */ React.createElement(
+      MultiSelect,
+      {
+        ...selectProps,
+        value,
+        labeledBy: labelId,
+        error,
+        success,
+        describedBy: error ? errorId : helperId,
+        onChange,
+        placeholder,
+        className: `${(selectProps == null ? void 0 : selectProps.className) ?? ""}`,
+        isReadOnlyView: !!rest["data-readonlyview"]
+      },
+      children
+    )
+  );
+};
+const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {
+  isWrapperComponent: true
+});
+export {
+  MultiSelectWrapper
+};
+//# sourceMappingURL=MultiSelectWrapper.es.js.map

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">, Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string[];\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <MultiSelect\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,8BAA+E,CACnF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,UAAU,QAAA,IAAY,WAAW;AAGhD,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE,IAAI,SAAS,WAAW,QAAQ,cAAc,EAAE;AAAA,MAC9D,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,oBAAoB,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAC7E;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,aAAa,QAAQ,UAAU;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,WAAW,IAAG,2CAAa,cAAa,EAAE;AAAA,QAC1C,gBAAgB,CAAC,CAAC,KAAK,mBAAmB;AAAA,MAAA;AAAA,MAEzC;AAAA,IAAA;AAAA,EAEL;AAEJ;AAEO,MAAM,qBAAqB,aAAa,MAAM,WAAW,2BAA2B,GAAG;AAAA,EAC5F,oBAAoB;AACtB,CAAC;"}

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.MultiSelectWrapper_select-label_7l1Pc{left:calc(1.25rem + 2px)}.MultiSelectWrapper_select-helper-text_7l1Pc{margin-top:.15rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"select-label":"MultiSelectWrapper_select-label_7l1Pc","select-helper-text":"MultiSelectWrapper_select-helper-text_7l1Pc"};
+//# sourceMappingURL=MultiSelectWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.MultiSelectWrapper_select-label_7l1Pc{left:calc(1.25rem + 2px)}.MultiSelectWrapper_select-helper-text_7l1Pc{margin-top:.15rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const classes = {
+  "select-label": "MultiSelectWrapper_select-label_7l1Pc",
+  "select-helper-text": "MultiSelectWrapper_select-helper-text_7l1Pc"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=MultiSelectWrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectWrapper.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./RadioWrapper.module.scss.cjs.js"),s=require("../Wrapper/Wrapper.cjs.js"),a=require("../../../../hooks/useWrapper.cjs.js"),o=require("../../../Icon/Icon.cjs.js"),p=require("../../Fieldset/Fieldset.cjs.js"),l=require("../../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:l,error:d,errorMessageProps:i,name:n,helperText:t,helperProps:c,fieldsetProps:u,value:h,onChange:j,disabled:m,...I},f)=>{const{errorId:b,helperId:g}=a.useWrapper(),W=!!I["data-readonlyview"];return e.useEffect((()=>{u.legend}),[]),e.createElement(p.Fieldset,{...u,disabled:m},e.createElement(s.Wrapper,{...I,ref:f,disabled:m,name:n,helperId:g,helperText:t,helperProps:{...c,className:`${r.default["radio-wrapper-helper"]} ${(null==c?void 0:c.className)??""}`},error:d,errorId:b,errorMessageIcon:o.Icons.Error,errorMessageProps:{...i,className:`${d?r.default["radio-wrapper-error"]:""}`}},e.Children.map(l,(r=>W&&r.props.value!==h?null:e.cloneElement(r,{parentErrorId:b,error:d,checked:r.props.value===h,name:n,parentHelperId:!!t&&g,onChange:j,disabled:void 0!==r.props.disabled?r.props.disabled:m})))))})),{isWrapperComponent:!0});exports.RadioWrapper=l;
+//# sourceMappingURL=RadioWrapper.cjs.js.map

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.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  useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  children: ReactElement | ReactElement[];\n  fieldsetProps: FieldsetProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    errorMessageProps,\n    name,\n    helperText,\n    helperProps,\n    fieldsetProps,\n    value,\n    onChange,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n  const readOnlyView = !!rest[\"data-readonlyview\"];\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!readOnlyView || child.props.value === value) {\n        return React.cloneElement(child, {\n          parentErrorId: errorId,\n          error: error,\n          checked: child.props.value === value,\n          name: name,\n          parentHelperId: helperText ? helperId : false,\n          onChange: onChange,\n          disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n        });\n      }\n      return null;\n    });\n\n  return (\n    <Fieldset {...fieldsetProps} disabled={disabled}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        name={name}\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"radio-wrapper-helper\"]} ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorId={errorId}\n        errorMessageIcon={Icons.Error}\n        errorMessageProps={{\n          ...errorMessageProps,\n          className: `${error ? classes[\"radio-wrapper-error\"] : \"\"}`\n        }}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nexport const RadioWrapper = withReadOnly(React.forwardRef(RadioWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":["RadioWrapper","withReadOnly","React","forwardRef","children","error","errorMessageProps","name","helperText","helperProps","fieldsetProps","value","onChange","disabled","rest","ref","errorId","helperId","useWrapper","readOnlyView","useEffect","legend","createElement","Fieldset","Wrapper","className","classes","errorMessageIcon","Icons","Error","default","Children","map","child","props","cloneElement","parentErrorId","checked","parentHelperId","isWrapperComponent"],"mappings":"mUA0GaA,0CAAeC,aAAaC,EAAMC,YAtEgC,EAE3EC,WACAC,QACAC,oBACAC,OACAC,aACAC,cACAC,gBACAC,QACAC,WACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAAC,SAASA,GAAaC,eACxBC,IAAiBL,EAAK,qBA2BzB,OAzBHM,EAAAA,WAAU,KACJV,EAAcW,MAGhB,GAED,IAmBAnB,EAAAoB,cAAAC,WAAA,IAAab,EAAeG,YAC3BX,EAAAoB,cAACE,EAAAA,QAAA,IACKV,EACJC,MACAF,WACAN,OACAU,WACAT,aACAC,YAAa,IACRA,EACHgB,UAAW,GAAGC,EAAAA,QAAQ,4BAAwC,MAAbjB,OAAa,EAAAA,EAAAgB,YAAa,MAE7EpB,QACAW,UACAW,iBAAkBC,EAAMA,MAAAC,MACxBvB,kBAAmB,IACdA,EACHmB,UAAW,GAAGpB,EAAQqB,EAAQI,QAAA,uBAAyB,OAjC7D5B,EAAM6B,SAASC,IAAI5B,GAAmB6B,GAC/Bd,GAAgBc,EAAMC,MAAMvB,QAAUA,EAWpC,KAVET,EAAMiC,aAAaF,EAAO,CAC/BG,cAAepB,EACfX,QACAgC,QAASJ,EAAMC,MAAMvB,QAAUA,EAC/BJ,OACA+B,iBAAgB9B,GAAaS,EAC7BL,WACAC,cAAmC,IAAzBoB,EAAMC,MAAMrB,SAAyBoB,EAAMC,MAAMrB,SAAWA,OA6B5E,IAI8E,CAChF0B,oBAAoB"}

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.es.js

@@ -0,0 +1,74 @@
+import React, { useEffect } from "react";
+import classes from "./RadioWrapper.module.scss.es.js";
+import { Wrapper } from "../Wrapper/Wrapper.es.js";
+import { useWrapper } from "../../../../hooks/useWrapper.es.js";
+import { Icons } from "../../../Icon/Icon.es.js";
+import { Fieldset } from "../../Fieldset/Fieldset.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+const RadioWrapperComponent = ({
+  children,
+  error,
+  errorMessageProps,
+  name,
+  helperText,
+  helperProps,
+  fieldsetProps,
+  value,
+  onChange,
+  disabled,
+  ...rest
+}, ref) => {
+  const { errorId, helperId } = useWrapper();
+  const readOnlyView = !!rest["data-readonlyview"];
+  useEffect(() => {
+    if (fieldsetProps.legend === void 0) {
+      console.error(
+        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})`
+      );
+    }
+  }, []);
+  const renderChildren = () => React.Children.map(children, (child) => {
+    if (!readOnlyView || child.props.value === value) {
+      return React.cloneElement(child, {
+        parentErrorId: errorId,
+        error,
+        checked: child.props.value === value,
+        name,
+        parentHelperId: helperText ? helperId : false,
+        onChange,
+        disabled: child.props.disabled !== void 0 ? child.props.disabled : disabled
+      });
+    }
+    return null;
+  });
+  return /* @__PURE__ */ React.createElement(Fieldset, { ...fieldsetProps, disabled }, /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      ...rest,
+      ref,
+      disabled,
+      name,
+      helperId,
+      helperText,
+      helperProps: {
+        ...helperProps,
+        className: `${classes["radio-wrapper-helper"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""}`
+      },
+      error,
+      errorId,
+      errorMessageIcon: Icons.Error,
+      errorMessageProps: {
+        ...errorMessageProps,
+        className: `${error ? classes["radio-wrapper-error"] : ""}`
+      }
+    },
+    renderChildren()
+  ));
+};
+const RadioWrapper = withReadOnly(React.forwardRef(RadioWrapperComponent), {
+  isWrapperComponent: true
+});
+export {
+  RadioWrapper
+};
+//# sourceMappingURL=RadioWrapper.es.js.map

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.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  useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  children: ReactElement | ReactElement[];\n  fieldsetProps: FieldsetProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    errorMessageProps,\n    name,\n    helperText,\n    helperProps,\n    fieldsetProps,\n    value,\n    onChange,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n  const readOnlyView = !!rest[\"data-readonlyview\"];\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!readOnlyView || child.props.value === value) {\n        return React.cloneElement(child, {\n          parentErrorId: errorId,\n          error: error,\n          checked: child.props.value === value,\n          name: name,\n          parentHelperId: helperText ? helperId : false,\n          onChange: onChange,\n          disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n        });\n      }\n      return null;\n    });\n\n  return (\n    <Fieldset {...fieldsetProps} disabled={disabled}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        name={name}\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"radio-wrapper-helper\"]} ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorId={errorId}\n        errorMessageIcon={Icons.Error}\n        errorMessageProps={{\n          ...errorMessageProps,\n          className: `${error ? classes[\"radio-wrapper-error\"] : \"\"}`\n        }}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nexport const RadioWrapper = withReadOnly(React.forwardRef(RadioWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":[],"mappings":";;;;;;;AAoCA,MAAM,wBAAyE,CAC7E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,SAAS,IAAI,WAAW;AACzC,QAAM,eAAe,CAAC,CAAC,KAAK,mBAAmB;AAE/C,YAAU,MAAM;AACV,QAAA,cAAc,WAAW,QAAW;AAC9B,cAAA;AAAA,QACN;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ,GAAG,EAAE;AAEL,QAAM,iBAAiB,MACrB,MAAM,SAAS,IAAI,UAAU,CAAS,UAAA;AACpC,QAAI,CAAC,gBAAgB,MAAM,MAAM,UAAU,OAAO;AACzC,aAAA,MAAM,aAAa,OAAO;AAAA,QAC/B,eAAe;AAAA,QACf;AAAA,QACA,SAAS,MAAM,MAAM,UAAU;AAAA,QAC/B;AAAA,QACA,gBAAgB,aAAa,WAAW;AAAA,QACxC;AAAA,QACA,UAAU,MAAM,MAAM,aAAa,SAAY,MAAM,MAAM,WAAW;AAAA,MAAA,CACvE;AAAA,IAAA;AAEI,WAAA;AAAA,EAAA,CACR;AAEH,SACG,sBAAA,cAAA,UAAA,EAAU,GAAG,eAAe,SAC3B,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,sBAAsB,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAC/E;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB,MAAM;AAAA,MACxB,mBAAmB;AAAA,QACjB,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,QAAQ,qBAAqB,IAAI,EAAE;AAAA,MAAA;AAAA,IAC3D;AAAA,IAEC,eAAe;AAAA,EAAA,CAEpB;AAEJ;AAEO,MAAM,eAAe,aAAa,MAAM,WAAW,qBAAqB,GAAG;AAAA,EAChF,oBAAoB;AACtB,CAAC;"}

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.RadioWrapper_radio-wrapper-helper_7l1Pc{margin-top:1.25rem}.RadioWrapper_radio-wrapper-error_7l1Pc{font-size:1rem;margin-left:0;line-height:unset}.RadioWrapper_radio-wrapper-error_7l1Pc [data-icon]{font-size:var(--font-size-big);vertical-align:text-bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"radio-wrapper-helper":"RadioWrapper_radio-wrapper-helper_7l1Pc","radio-wrapper-error":"RadioWrapper_radio-wrapper-error_7l1Pc"};
+//# sourceMappingURL=RadioWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioWrapper.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.RadioWrapper_radio-wrapper-helper_7l1Pc{margin-top:1.25rem}.RadioWrapper_radio-wrapper-error_7l1Pc{font-size:1rem;margin-left:0;line-height:unset}.RadioWrapper_radio-wrapper-error_7l1Pc [data-icon]{font-size:var(--font-size-big);vertical-align:text-bottom}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const classes = {
+  "radio-wrapper-helper": "RadioWrapper_radio-wrapper-helper_7l1Pc",
+  "radio-wrapper-error": "RadioWrapper_radio-wrapper-error_7l1Pc"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=RadioWrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioWrapper.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./SelectWrapper.module.scss.cjs.js"),l=require("../Wrapper/Wrapper.cjs.js"),s=require("../../Select/SingleSelect/Select.cjs.js"),a=require("../../../../hooks/useWrapper.cjs.js"),c=require("../../../withReadOnly.cjs.js"),t=e.forwardRef((({children:c,error:t,success:p,value:o,placeholder:d,selectProps:i,helperProps:n,onChange:u,...h},j)=>{const{errorId:m,helperId:S,labelId:y}=a.useWrapper();return e.createElement(l.Wrapper,{...h,ref:j,errorId:m,helperId:S,labelProps:{id:y,className:r.default["select-label"]},helperProps:{...n,className:`${r.default["select-helper-text"]} ${(null==n?void 0:n.className)??""}`},error:t},e.createElement(s.Select,{...i,value:o,labeledBy:y,error:t,success:p,describedBy:t?m:S,onChange:u,placeholder:d,className:`${(null==i?void 0:i.className)??""}`,isReadOnlyView:!!h["data-readonlyview"]},c))}));t.displayName="SelectWrapper";const p=c.withReadOnly(t,{isWrapperComponent:!0});exports.SelectWrapper=p;
+//# sourceMappingURL=SelectWrapper.cjs.js.map