@onewelcome/react-lib-components 12.0.0 → 12.0.1

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.es.js

@@ -0,0 +1,72 @@
+import React, { createRef } from "react";
+import { FormHelperText } from "../FormHelperText/FormHelperText.es.js";
+import classes from "./FormSelectorWrapper.module.scss.es.js";
+import { useInlineEditing } from "../../InlineEditing/InlineEditingContext.es.js";
+import { RequiredSign } from "../../RequiredSign/RequiredSign.es.js";
+import { FormErrorText } from "../FormErrorText/FormErrorText.es.js";
+import { FormStatusIndicator } from "../FormStatusIndicator/FormStatusIndicator.es.js";
+const FormSelectorWrapperComponent = ({
+  children,
+  className,
+  nestedChildren,
+  containerProps,
+  helperProps,
+  error,
+  disabled,
+  helperText,
+  success,
+  errorMessage,
+  errorMessageProps,
+  parentErrorId,
+  errorId,
+  identifier,
+  required,
+  ...rest
+}, ref) => {
+  const helperRef = (helperProps == null ? void 0 : helperProps.ref) ?? createRef();
+  const { enabled } = useInlineEditing();
+  const hasHelperText = helperText ?? (helperProps == null ? void 0 : helperProps.children);
+  const showHelperText = !error && hasHelperText;
+  const showErrorText = error && (errorMessage || (errorMessageProps == null ? void 0 : errorMessageProps.children));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className ?? ""}`
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...containerProps,
+        className: `${containerProps == null ? void 0 : containerProps.className} ${classes["children-container"]}`
+      },
+      children,
+      enabled && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RequiredSign, { className: classes["required"] }), /* @__PURE__ */ React.createElement(FormStatusIndicator, { success, error }, /* @__PURE__ */ React.createElement(React.Fragment, null)))
+    ),
+    !enabled && (showHelperText || showErrorText) && (showErrorText ? /* @__PURE__ */ React.createElement(
+      FormErrorText,
+      {
+        error,
+        errorMessage,
+        errorMessageProps,
+        errorId
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      FormHelperText,
+      {
+        ...helperProps,
+        ref: helperRef,
+        id: identifier,
+        className: `${classes["helper-text"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""}`
+      },
+      (helperProps == null ? void 0 : helperProps.children) || helperText
+    )),
+    nestedChildren
+  );
+};
+const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);
+export {
+  FormSelectorWrapper
+};
+//# sourceMappingURL=FormSelectorWrapper.es.js.map

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectorWrapper.es.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\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { RequiredSign } from \"../../RequiredSign/RequiredSign\";\nimport { FormErrorText } from \"../FormErrorText/FormErrorText\";\nimport { FormStatusIndicator } from \"../FormStatusIndicator/FormStatusIndicator\";\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  required?: boolean;\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    success,\n    errorMessage,\n    errorMessageProps,\n    parentErrorId,\n    errorId,\n    identifier,\n    required,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n  const { enabled } = useInlineEditing();\n\n  const hasHelperText = helperText ?? helperProps?.children;\n  const showHelperText = !error && hasHelperText;\n  const showErrorText = error && (errorMessage || errorMessageProps?.children);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div\n        {...containerProps}\n        className={`${containerProps?.className} ${classes[\"children-container\"]}`}\n      >\n        {children}\n        {enabled && (\n          <>\n            <RequiredSign className={classes[\"required\"]} />\n            <FormStatusIndicator success={success} error={error}>\n              <></>\n            </FormStatusIndicator>\n          </>\n        )}\n      </div>\n      {!enabled &&\n        (showHelperText || showErrorText) &&\n        (showErrorText ? (\n          <FormErrorText\n            error={error}\n            errorMessage={errorMessage}\n            errorMessageProps={errorMessageProps}\n            errorId={errorId}\n          />\n        ) : (\n          <FormHelperText\n            {...helperProps}\n            ref={helperRef}\n            id={identifier}\n            className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"}`}\n          >\n            {helperProps?.children || helperText}\n          </FormHelperText>\n        ))}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;;;;AA0CA,MAAM,+BAAgF,CACpF;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;AAAA,EACA,GAAG;AACL,GACA,QACG;AACG,QAAA,aAAY,2CAAa,QAAO,UAAU;AAC1C,QAAA,EAAE,QAAQ,IAAI,iBAAiB;AAE/B,QAAA,gBAAgB,eAAc,2CAAa;AAC3C,QAAA,iBAAiB,CAAC,SAAS;AAC3B,QAAA,gBAAgB,UAAU,iBAAgB,uDAAmB;AAGjE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,QAAQ,OAAO,IAAI,EAAE,IAAI,WAAW,QAAQ,UAAU,IAAI,EAAE,IAChF,aAAa,EACf;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,iDAAgB,SAAS,IAAI,QAAQ,oBAAoB,CAAC;AAAA,MAAA;AAAA,MAEvE;AAAA,MACA,WACC,sBAAA,cAAA,MAAA,UAAA,MACG,sBAAA,cAAA,cAAA,EAAa,WAAW,QAAQ,UAAU,GAAG,uCAC7C,qBAAoB,EAAA,SAAkB,SACrC,sBAAA,cAAA,MAAA,UAAA,IAAE,CACJ,CACF;AAAA,IAEJ;AAAA,IACC,CAAC,YACC,kBAAkB,mBAClB,gBACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAGF,IAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,WAAW,GAAG,QAAQ,aAAa,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAAA;AAAA,OAEnE,2CAAa,aAAY;AAAA,IAAA;AAAA,IAG/B;AAAA,EACH;AAEJ;AAEa,MAAA,sBAAsB,MAAM,WAAW,4BAA4B;"}

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.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 */.FormSelectorWrapper_error_gFXfX input+span{outline:var(--error) solid 1px;outline-offset:-1px;border-radius:2px;overflow:hidden}.FormSelectorWrapper_helper-text_gFXfX{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size))}.FormSelectorWrapper_children-container_gFXfX>span:nth-of-type(2){margin-right:.5rem}.FormSelectorWrapper_children-container_gFXfX [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_gFXfX [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_gFXfX [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.FormSelectorWrapper_disabled_gFXfX input{color:var(--disabled)}.FormSelectorWrapper_disabled_gFXfX input:disabled{cursor:not-allowed}.FormSelectorWrapper_disabled_gFXfX label{cursor:not-allowed}.FormSelectorWrapper_required_gFXfX{color:var(--error)}')),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="FormSelectorWrapper_error_gFXfX",r="FormSelectorWrapper_disabled_gFXfX",o="FormSelectorWrapper_required_gFXfX",t={error:e,"helper-text":"FormSelectorWrapper_helper-text_gFXfX","children-container":"FormSelectorWrapper_children-container_gFXfX",disabled:r,required:o};exports.default=t,exports.disabled=r,exports.error=e,exports.required=o;
+//# sourceMappingURL=FormSelectorWrapper.module.scss.cjs.js.map

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.cjs.js.map

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

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

@@ -0,0 +1,18 @@
+!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 */.FormSelectorWrapper_error_gFXfX input+span{outline:var(--error) solid 1px;outline-offset:-1px;border-radius:2px;overflow:hidden}.FormSelectorWrapper_helper-text_gFXfX{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size))}.FormSelectorWrapper_children-container_gFXfX>span:nth-of-type(2){margin-right:.5rem}.FormSelectorWrapper_children-container_gFXfX [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_gFXfX [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_gFXfX [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.FormSelectorWrapper_disabled_gFXfX input{color:var(--disabled)}.FormSelectorWrapper_disabled_gFXfX input:disabled{cursor:not-allowed}.FormSelectorWrapper_disabled_gFXfX label{cursor:not-allowed}.FormSelectorWrapper_required_gFXfX{color:var(--error)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const error = "FormSelectorWrapper_error_gFXfX";
+const disabled = "FormSelectorWrapper_disabled_gFXfX";
+const required = "FormSelectorWrapper_required_gFXfX";
+const classes = {
+  error,
+  "helper-text": "FormSelectorWrapper_helper-text_gFXfX",
+  "children-container": "FormSelectorWrapper_children-container_gFXfX",
+  disabled,
+  required
+};
+export {
+  classes as default,
+  disabled,
+  error,
+  required
+};
+//# sourceMappingURL=FormSelectorWrapper.module.scss.es.js.map

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

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

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../InlineEditing/InlineEditingContext.cjs.js"),s=require("../../../hooks/useDetermineStatusIcon.cjs.js"),r=require("../../../utils/statusUtils.cjs.js"),o=require("../../Tooltip/Tooltip.cjs.js"),i=require("../../Icon/Icon.cjs.js");exports.FormStatusIndicator=({isReadOnlyView:n,success:c,error:u,children:a})=>{const{enabled:l,tooltipText:d,...j}=t.useInlineEditing(),I=l&&d,g=j.success??c,p=j.error??u,m=s.useDetermineStatusIcon({success:g,error:p});if(I&&!n){const t=r.getStatusState({success:g,error:p},!0);return e.createElement(o.Tooltip,{label:e.createElement(i.Icon,{"data-testid":"tooltip-icon","data-icon-status":t,icon:r.getStatusIcon({success:g,error:p})}),location:"right",position:"center"},d)}return e.createElement(e.Fragment,null,m||!n&&a)};
+//# sourceMappingURL=FormStatusIndicator.cjs.js.map

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusIndicator.cjs.js","sources":["../../../../src/components/Form/FormStatusIndicator/FormStatusIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { getStatusIcon, getStatusState } from \"../../../utils/statusUtils\";\nimport { Tooltip } from \"../../Tooltip/Tooltip\";\nimport { Icon } from \"../../Icon/Icon\";\n\nexport interface FormStatusIndicatorProps {\n  isReadOnlyView?: boolean;\n  success?: boolean;\n  error?: boolean;\n  children: React.ReactNode;\n}\n\nexport const FormStatusIndicator: React.FC<FormStatusIndicatorProps> = ({\n  isReadOnlyView,\n  success,\n  error,\n  children\n}) => {\n  const { enabled, tooltipText, ...restProps } = useInlineEditing();\n  const showTooltip = enabled && tooltipText;\n  const isSuccess = restProps.success ?? success;\n  const isError = restProps.error ?? error;\n  const statusIcon = useDetermineStatusIcon({\n    success: isSuccess,\n    error: isError\n  });\n\n  if (showTooltip && !isReadOnlyView) {\n    const status = getStatusState(\n      {\n        success: isSuccess,\n        error: isError\n      },\n      true\n    );\n    return (\n      <Tooltip\n        label={\n          <Icon\n            data-testid=\"tooltip-icon\"\n            data-icon-status={status}\n            icon={getStatusIcon({\n              success: isSuccess,\n              error: isError\n            })}\n          />\n        }\n        location=\"right\"\n        position=\"center\"\n      >\n        {tooltipText}\n      </Tooltip>\n    );\n  }\n\n  return <>{statusIcon || (!isReadOnlyView && children)}</>;\n};\n"],"names":["isReadOnlyView","success","error","children","enabled","tooltipText","restProps","useInlineEditing","showTooltip","isSuccess","isError","statusIcon","useDetermineStatusIcon","status","getStatusState","React","createElement","Tooltip","label","Icon","icon","getStatusIcon","location","position","Fragment"],"mappings":"yXA8BuE,EACrEA,iBACAC,UACAC,QACAC,eAEA,MAAMC,QAAEA,EAASC,YAAAA,KAAgBC,GAAcC,EAAAA,mBACzCC,EAAcJ,GAAWC,EACzBI,EAAYH,EAAUL,SAAWA,EACjCS,EAAUJ,EAAUJ,OAASA,EAC7BS,EAAaC,EAAAA,uBAAuB,CACxCX,QAASQ,EACTP,MAAOQ,IAGL,GAAAF,IAAgBR,EAAgB,CAClC,MAAMa,EAASC,EAAAA,eACb,CACEb,QAASQ,EACTP,MAAOQ,IAET,GAGA,OAAAK,EAAAC,cAACC,EAAAA,QAAA,CACCC,MACEH,EAAAC,cAACG,EAAAA,KAAA,CACC,cAAY,eACZ,mBAAkBN,EAClBO,KAAMC,EAAAA,cAAc,CAClBpB,QAASQ,EACTP,MAAOQ,MAIbY,SAAS,QACTC,SAAS,UAERlB,EACH,CAIM,OAAAU,EAAAC,cAAAD,EAAAS,SAAA,KAAAb,IAAgBX,GAAkBG,EAAU"}

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.es.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { useInlineEditing } from "../../InlineEditing/InlineEditingContext.es.js";
+import { useDetermineStatusIcon } from "../../../hooks/useDetermineStatusIcon.es.js";
+import { getStatusIcon, getStatusState } from "../../../utils/statusUtils.es.js";
+import { Tooltip } from "../../Tooltip/Tooltip.es.js";
+import { Icon } from "../../Icon/Icon.es.js";
+const FormStatusIndicator = ({
+  isReadOnlyView,
+  success,
+  error,
+  children
+}) => {
+  const { enabled, tooltipText, ...restProps } = useInlineEditing();
+  const showTooltip = enabled && tooltipText;
+  const isSuccess = restProps.success ?? success;
+  const isError = restProps.error ?? error;
+  const statusIcon = useDetermineStatusIcon({
+    success: isSuccess,
+    error: isError
+  });
+  if (showTooltip && !isReadOnlyView) {
+    const status = getStatusState(
+      {
+        success: isSuccess,
+        error: isError
+      },
+      true
+    );
+    return /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        label: /* @__PURE__ */ React.createElement(
+          Icon,
+          {
+            "data-testid": "tooltip-icon",
+            "data-icon-status": status,
+            icon: getStatusIcon({
+              success: isSuccess,
+              error: isError
+            })
+          }
+        ),
+        location: "right",
+        position: "center"
+      },
+      tooltipText
+    );
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, statusIcon || !isReadOnlyView && children);
+};
+export {
+  FormStatusIndicator
+};
+//# sourceMappingURL=FormStatusIndicator.es.js.map

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusIndicator.es.js","sources":["../../../../src/components/Form/FormStatusIndicator/FormStatusIndicator.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { getStatusIcon, getStatusState } from \"../../../utils/statusUtils\";\nimport { Tooltip } from \"../../Tooltip/Tooltip\";\nimport { Icon } from \"../../Icon/Icon\";\n\nexport interface FormStatusIndicatorProps {\n  isReadOnlyView?: boolean;\n  success?: boolean;\n  error?: boolean;\n  children: React.ReactNode;\n}\n\nexport const FormStatusIndicator: React.FC<FormStatusIndicatorProps> = ({\n  isReadOnlyView,\n  success,\n  error,\n  children\n}) => {\n  const { enabled, tooltipText, ...restProps } = useInlineEditing();\n  const showTooltip = enabled && tooltipText;\n  const isSuccess = restProps.success ?? success;\n  const isError = restProps.error ?? error;\n  const statusIcon = useDetermineStatusIcon({\n    success: isSuccess,\n    error: isError\n  });\n\n  if (showTooltip && !isReadOnlyView) {\n    const status = getStatusState(\n      {\n        success: isSuccess,\n        error: isError\n      },\n      true\n    );\n    return (\n      <Tooltip\n        label={\n          <Icon\n            data-testid=\"tooltip-icon\"\n            data-icon-status={status}\n            icon={getStatusIcon({\n              success: isSuccess,\n              error: isError\n            })}\n          />\n        }\n        location=\"right\"\n        position=\"center\"\n      >\n        {tooltipText}\n      </Tooltip>\n    );\n  }\n\n  return <>{statusIcon || (!isReadOnlyView && children)}</>;\n};\n"],"names":[],"mappings":";;;;;;AA8BO,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,SAAS,aAAa,GAAG,UAAA,IAAc,iBAAiB;AAChE,QAAM,cAAc,WAAW;AACzB,QAAA,YAAY,UAAU,WAAW;AACjC,QAAA,UAAU,UAAU,SAAS;AACnC,QAAM,aAAa,uBAAuB;AAAA,IACxC,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,CACR;AAEG,MAAA,eAAe,CAAC,gBAAgB;AAClC,UAAM,SAAS;AAAA,MACb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAEE,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OACE,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,oBAAkB;AAAA,YAClB,MAAM,cAAc;AAAA,cAClB,SAAS;AAAA,cACT,OAAO;AAAA,YACR,CAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,UAAS;AAAA,QACT,UAAS;AAAA,MAAA;AAAA,MAER;AAAA,IACH;AAAA,EAAA;AAIJ,SAAU,sBAAA,cAAA,MAAA,UAAA,MAAA,cAAe,CAAC,kBAAkB,QAAU;AACxD;"}

package/dist/components/Form/Input/Input.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("./Input.module.scss.cjs.js"),a=require("../../../readyclasses.module.scss.cjs.js"),t=require("../../../hooks/useDetermineStatusIcon.cjs.js"),u=require("../../withReadOnly.cjs.js"),l=["date","time","datetime-local"],r=u.withReadOnly(e.forwardRef((({error:u=!1,success:r=!1,className:n,name:d,style:i,wrapperProps:o,type:c,labeledBy:f,prefix:p,suffix:m,disabled:h,onFocus:y,onBlur:x,readOnlyView:b,...j},w)=>{const[v,E]=e.useState(!1),N=e.useRef(null),I=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const q=[s.default.input],O=s=>"string"==typeof s?e.createElement("span",null,s):s;l.includes(c)&&q.push(s.default["shrink-width-for-date-icon"]),n&&q.push(n);const R=[s.default["input-wrapper"]],S=[s.default.outline];(null==o?void 0:o.className)&&R.push(o.className),"hidden"===c&&R.push(a.default.hidden),p&&R.push(s.default.prefix),m&&R.push(s.default.suffix),h&&R.push(s.default.disabled)&&S.push(s.default.disabled),u&&R.push(s.default.error)&&S.push(s.default.error),v&&R.push(s.default.focus)&&S.push(s.default.focus),r&&R.push(s.default.success);const g=t.useDetermineStatusIcon({success:r,error:u}),k=j["data-readonlyview"];return e.createElement("div",{ref:N,...o,style:{...i},"data-readonlyview":k,className:`${s.default["input-wrapper"]} ${R.join(" ")}`,tabIndex:k?0:-1},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},O(p)),e.createElement("input",{...j,ref:w,"aria-readonly":k,readOnly:k,onFocus:e=>{E(!0),null==y||y(e)},onBlur:e=>{E(!1),null==x||x(e)},"aria-labelledby":f,type:c,name:d,disabled:h,className:q.join(" "),spellCheck:j.spellCheck??!1,tabIndex:k?-1:0}),g,m&&e.createElement("div",{ref:I,"data-suffix":!0,className:s.default.suffix},O(m)),e.createElement("span",{className:S.join(" ")}))})));exports.Input=r,exports.dateTypes=l;
+//# sourceMappingURL=Input.cjs.js.map

package/dist/components/Form/Input/Input.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs.js","sources":["../../../../src/components/Form/Input/Input.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  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":["dateTypes","Input","withReadOnly","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","readOnlyView","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","readOnlyMode","join","tabIndex","readOnly","event","spellCheck"],"mappings":"wSAgCaA,EAAY,CAAC,OAAQ,OAAQ,kBAgI7BC,EAAQC,EAAAA,aAAaC,EAAMC,YAtGkC,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,SACAC,kBACGC,GAELC,KAEA,MAAOC,EAAOC,GAAYC,EAAAA,UAAS,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAa,IAATnB,EACI,MAAA,IAAIoB,MAAM,0DAAyD,GAE1E,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAmB7B,EAAA8B,cAAA,OAAA,KAAMD,GAAaA,EAGjBhC,EAAAkC,SAASvB,IAC5CkB,EAAgBM,KAAKL,EAAAA,QAAQ,+BAClBvB,GAAAsB,EAAgBM,KAAK5B,GAElC,MAAM6B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzC,MAAApB,OAAA,EAAAA,EAAcH,YAAa6B,EAAeD,KAAKzB,EAAaH,WACnD,WAATI,GAAqByB,EAAeD,KAAKG,EAAAC,QAAqB,QAC9D1B,GAAUuB,EAAeD,KAAKL,EAAQS,QAAQ,QAC9CzB,GAAUsB,EAAeD,KAAKL,EAAQS,QAAQ,QAClCxB,GAAAqB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UACrFzB,GAAA+B,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OAC5ET,GAAAe,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFxB,GAAW8B,EAAeD,KAAKL,EAAQS,QAAS,SAEhD,MAAMC,EAAOC,EAAAA,uBAAuB,CAAEnC,UAASD,UACzCqC,EAAevB,EAAK,qBAGxB,OAAAhB,EAAA8B,cAAC,MAAA,CACCb,IAAKI,KACDd,EACJD,MAAO,IAAKA,GACZ,oBAAmBiC,EACnBnC,UAAW,GAAGuB,EAAQS,QAAA,oBAAoBH,EAAeO,KAAK,OAC9DC,SAAUF,EAAe,GAAI,GAE5B7B,GACEV,EAAA8B,cAAA,MAAA,CAAI,eAAW,EAAC1B,UAAWuB,EAAAS,QAAgB,QACzCR,EAAclB,IAGnBV,EAAA8B,cAAC,QAAA,IACKd,EACJC,MACA,gBAAesB,EACfG,SAAUH,EACV1B,QAAkB8B,IAChBxB,GAAS,GACC,MAAAN,GAAAA,EAAA8B,EAAA,EAEZ7B,OAAiB6B,IACfxB,GAAS,GACA,MAAAL,GAAAA,EAAA6B,EAAA,EAEX,kBAAiBlC,EACjBD,OACAH,OACAO,WACAR,UAAWsB,EAAgBc,KAAK,KAChCI,WAAY5B,EAAK4B,aAAc,EAC/BH,SAAUF,GAAoB,EAAA,IAE/BF,EACA1B,GACCX,EAAA8B,cAAC,MAAI,CAAAb,IAAKM,EAAW,eAAW,EAACnB,UAAWuB,EAAAA,QAAgB,QACzDC,EAAcjB,oBAIlB,OAAK,CAAAP,UAAW8B,EAAeM,KAAK,OACvC"}

package/dist/components/Form/Input/Input.es.js

@@ -0,0 +1,95 @@
+import React, { useState, useRef, useEffect } from "react";
+import classes from "./Input.module.scss.es.js";
+import readyclasses from "../../../readyclasses.module.scss.es.js";
+import { useDetermineStatusIcon } from "../../../hooks/useDetermineStatusIcon.es.js";
+import { withReadOnly } from "../../withReadOnly.es.js";
+const dateTypes = ["date", "time", "datetime-local"];
+const InputComponent = ({
+  error = false,
+  success = false,
+  className,
+  name,
+  style,
+  wrapperProps,
+  type,
+  labeledBy,
+  prefix,
+  suffix,
+  disabled,
+  onFocus,
+  onBlur,
+  readOnlyView,
+  ...rest
+}, ref) => {
+  const [focus, setFocus] = useState(false);
+  const inputWrapperRef = useRef(null);
+  const suffixRef = useRef(null);
+  useEffect(() => {
+    if (name === void 0) {
+      throw new Error("Please give your <Input /> component a 'name' attribute");
+    }
+  }, []);
+  const inputClassNames = [classes["input"]];
+  const renderElement = (el) => {
+    return typeof el === "string" ? /* @__PURE__ */ React.createElement("span", null, el) : el;
+  };
+  dateTypes.includes(type) && inputClassNames.push(classes["shrink-width-for-date-icon"]);
+  className && inputClassNames.push(className);
+  const wrapperClasses = [classes["input-wrapper"]];
+  const outlineClasses = [classes["outline"]];
+  (wrapperProps == null ? void 0 : wrapperProps.className) && wrapperClasses.push(wrapperProps.className);
+  type === "hidden" && wrapperClasses.push(readyclasses["hidden"]);
+  prefix && wrapperClasses.push(classes["prefix"]);
+  suffix && wrapperClasses.push(classes["suffix"]);
+  disabled && wrapperClasses.push(classes["disabled"]) && outlineClasses.push(classes["disabled"]);
+  error && wrapperClasses.push(classes["error"]) && outlineClasses.push(classes["error"]);
+  focus && wrapperClasses.push(classes["focus"]) && outlineClasses.push(classes["focus"]);
+  success && wrapperClasses.push(classes["success"]);
+  const icon = useDetermineStatusIcon({ success, error });
+  const readOnlyMode = rest["data-readonlyview"];
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: inputWrapperRef,
+      ...wrapperProps,
+      style: { ...style },
+      "data-readonlyview": readOnlyMode,
+      className: `${classes["input-wrapper"]} ${wrapperClasses.join(" ")}`,
+      tabIndex: readOnlyMode ? 0 : -1
+    },
+    prefix && /* @__PURE__ */ React.createElement("div", { "data-prefix": true, className: classes["prefix"] }, renderElement(prefix)),
+    /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        ...rest,
+        ref,
+        "aria-readonly": readOnlyMode,
+        readOnly: readOnlyMode,
+        onFocus: (event) => {
+          setFocus(true);
+          onFocus == null ? void 0 : onFocus(event);
+        },
+        onBlur: (event) => {
+          setFocus(false);
+          onBlur == null ? void 0 : onBlur(event);
+        },
+        "aria-labelledby": labeledBy,
+        type,
+        name,
+        disabled,
+        className: inputClassNames.join(" "),
+        spellCheck: rest.spellCheck ?? false,
+        tabIndex: readOnlyMode ? -1 : 0
+      }
+    ),
+    icon,
+    suffix && /* @__PURE__ */ React.createElement("div", { ref: suffixRef, "data-suffix": true, className: classes["suffix"] }, renderElement(suffix)),
+    /* @__PURE__ */ React.createElement("span", { className: outlineClasses.join(" ") })
+  );
+};
+const Input = withReadOnly(React.forwardRef(InputComponent));
+export {
+  Input,
+  dateTypes
+};
+//# sourceMappingURL=Input.es.js.map

package/dist/components/Form/Input/Input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.es.js","sources":["../../../../src/components/Form/Input/Input.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  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":[],"mappings":";;;;;AAgCO,MAAM,YAAY,CAAC,QAAQ,QAAQ,gBAAgB;AA0B1D,MAAM,iBAAoE,CACxE;AAAA,EACE,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;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,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AAClC,QAAA,kBAAkB,OAAuB,IAAI;AAC7C,QAAA,YAAY,OAAuB,IAAI;AAE7C,YAAU,MAAM;AACd,QAAI,SAAS,QAAW;AAChB,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAAA;AAAA,EAE7E,GAAG,EAAE;AAEL,QAAM,kBAAkB,CAAC,QAAQ,OAAO,CAAC;AAEnC,QAAA,gBAAgB,CAAC,OAAkB;AACvC,WAAO,OAAO,OAAO,WAAY,sBAAA,cAAA,QAAA,MAAM,EAAG,IAAU;AAAA,EACtD;AAEC,YAAoC,SAAS,IAAI,KAChD,gBAAgB,KAAK,QAAQ,4BAA4B,CAAC;AAC/C,eAAA,gBAAgB,KAAK,SAAS;AAE3C,QAAM,iBAAiB,CAAC,QAAQ,eAAe,CAAC;AAChD,QAAM,iBAAiB,CAAC,QAAQ,SAAS,CAAC;AAE1C,gDAAc,cAAa,eAAe,KAAK,aAAa,SAAS;AACrE,WAAS,YAAY,eAAe,KAAK,aAAa,QAAQ,CAAC;AAC/D,YAAU,eAAe,KAAK,QAAQ,QAAQ,CAAC;AAC/C,YAAU,eAAe,KAAK,QAAQ,QAAQ,CAAC;AACnC,cAAA,eAAe,KAAK,QAAQ,UAAU,CAAC,KAAK,eAAe,KAAK,QAAQ,UAAU,CAAC;AACtF,WAAA,eAAe,KAAK,QAAQ,OAAO,CAAC,KAAK,eAAe,KAAK,QAAQ,OAAO,CAAC;AAC7E,WAAA,eAAe,KAAK,QAAQ,OAAO,CAAC,KAAK,eAAe,KAAK,QAAQ,OAAO,CAAC;AACtF,aAAW,eAAe,KAAK,QAAQ,SAAS,CAAC;AAEjD,QAAM,OAAO,uBAAuB,EAAE,SAAS,OAAO;AAChD,QAAA,eAAe,KAAK,mBAAmB;AAG3C,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,MAAM;AAAA,MAClB,qBAAmB;AAAA,MACnB,WAAW,GAAG,QAAQ,eAAe,CAAC,IAAI,eAAe,KAAK,GAAG,CAAC;AAAA,MAClE,UAAU,eAAe,IAAI;AAAA,IAAA;AAAA,IAE5B,UACE,sBAAA,cAAA,OAAA,EAAI,eAAW,MAAC,WAAW,QAAQ,QAAQ,EAAA,GACzC,cAAc,MAAM,CACvB;AAAA,IAEF,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,iBAAe;AAAA,QACf,UAAU;AAAA,QACV,SAAS,CAAS,UAAA;AAChB,mBAAS,IAAI;AACb,6CAAU;AAAA,QACZ;AAAA,QACA,QAAQ,CAAS,UAAA;AACf,mBAAS,KAAK;AACd,2CAAS;AAAA,QACX;AAAA,QACA,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,gBAAgB,KAAK,GAAG;AAAA,QACnC,YAAY,KAAK,cAAc;AAAA,QAC/B,UAAU,eAAe,KAAK;AAAA,MAAA;AAAA,IAChC;AAAA,IACC;AAAA,IACA,UACC,sBAAA,cAAC,OAAI,EAAA,KAAK,WAAW,eAAW,MAAC,WAAW,QAAQ,QAAQ,EACzD,GAAA,cAAc,MAAM,CACvB;AAAA,wCAGD,QAAK,EAAA,WAAW,eAAe,KAAK,GAAG,EAAG,CAAA;AAAA,EAC7C;AAEJ;AAEO,MAAM,QAAQ,aAAa,MAAM,WAAW,cAAc,CAAC;"}

package/dist/components/Form/Input/Input.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Input_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Input_hidden_gFXfX{display:none}.Input_slide-in_gFXfX{animation:Input_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-in_gFXfX{animation-duration:.1ms}}.Input_slide-out_gFXfX{animation:Input_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Input_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_gFXfX{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 */.Input_input-wrapper_gFXfX{position:relative;display:flex;align-items:center;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);padding:0 calc(.5 * var(--font-size));transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_gFXfX{transition-duration:.1ms}}.Input_input-wrapper_gFXfX input:-webkit-autofill,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus,.Input_input-wrapper_gFXfX input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_gFXfX input:-webkit-autofill~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:active~.Input_outline_gFXfX:after{content:"";position:absolute;display:block;width:100%;height:100%;border-radius:var(--input-border-radius)}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Input_input-wrapper_gFXfX input:-webkit-autofill~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:active~.Input_outline_gFXfX:after{background-color:#e8f0fe}}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){.Input_input-wrapper_gFXfX input:-webkit-autofill~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:active~.Input_outline_gFXfX:after{background-color:#faffbd}}.Input_input-wrapper_gFXfX:hover .Input_outline_gFXfX{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Input_input-wrapper_gFXfX .Input_outline_gFXfX.Input_disabled_gFXfX{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Input_input-wrapper_gFXfX .Input_outline_gFXfX.Input_error_gFXfX{border-color:var(--error)}.Input_input-wrapper_gFXfX [data-icon-status=success],.Input_input-wrapper_gFXfX [data-icon-status=error]{height:100%;width:calc(1.25 * var(--font-size));box-sizing:border-box;font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;z-index:2}.Input_input-wrapper_gFXfX [data-icon-status=success]:before,.Input_input-wrapper_gFXfX [data-icon-status=error]:before{font-size:var(--icon-font-big);height:calc(1.25 * var(--font-size));width:calc(1.25 * var(--font-size));display:flex;align-items:center;justify-content:center}.Input_input-wrapper_gFXfX [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_gFXfX [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_gFXfX[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_gFXfX[data-readonlyview=true] .Input_Input-module_gFXfX{border-color:var(--read-only-border-color)}.Input_input-wrapper_gFXfX[data-readonlyview=true] span.Input_outline_gFXfX{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}.Input_input-wrapper_gFXfX[data-readonlyview=true]:hover .Input_outline_gFXfX{color:var(--read-only-text-color);background-color:var(--color-white);border-color:var(--read-only-border-color)}.Input_input-wrapper_gFXfX [data-prefix],.Input_input-wrapper_gFXfX [data-suffix]{display:block;z-index:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_gFXfX [data-prefix],.Input_input-wrapper_gFXfX [data-suffix]{transition-duration:.1ms}}.Input_input-wrapper_gFXfX.Input_focus_gFXfX:not(.Input_disabled_gFXfX):not([data-readonlyview=true]),.Input_input-wrapper_gFXfX[data-readonlyview=true]:focus:not(.Input_disabled_gFXfX),.Input_input-wrapper_gFXfX[data-readonlyview=true]:focus-visible:not(.Input_disabled_gFXfX){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Input_input_gFXfX{padding:0;height:calc(2.75 * var(--font-size));color:var(--color-blue-grey900);font-size:var(--input-font-size);font-family:var(--font-family);box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:transparent;z-index:1}.Input_input_gFXfX:not(.Input_shrink-width-for-date-icon_gFXfX){width:100%}.Input_input_gFXfX:disabled{cursor:not-allowed;color:var(--greyed-out)}.Input_input_gFXfX.Input_shrink-width-for-date-icon_gFXfX{width:auto}.Input_input_gFXfX{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input_gFXfX{transition-duration:.1ms}}.Input_input_gFXfX:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_gFXfX{border-color:var(--read-only-border-color)}.Input_outline_gFXfX{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_outline_gFXfX{transition-duration:.1ms}}.Input_error_gFXfX input{padding-right:calc(1.25 * var(--font-size))}.Input_error_gFXfX input.Input_remove-extra-indent_gFXfX{padding-right:0}.Input_success_gFXfX input{padding-right:calc(1.25 * var(--font-size))}@media only screen and (min-width: 30em){.Input_input-wrapper_gFXfX{padding:0 calc(.5 * var(--font-size))}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Input_outline_gFXfX",t="Input_disabled_gFXfX",s="Input_error_gFXfX",r="Input_focus_gFXfX",u="Input_input_gFXfX",o="Input_success_gFXfX",p={"input-wrapper":"Input_input-wrapper_gFXfX",outline:e,disabled:t,error:s,focus:r,input:u,"shrink-width-for-date-icon":"Input_shrink-width-for-date-icon_gFXfX",success:o};exports.default=p,exports.disabled=t,exports.error=s,exports.focus=r,exports.input=u,exports.outline=e,exports.success=o;
+//# sourceMappingURL=Input.module.scss.cjs.js.map

package/dist/components/Form/Input/Input.module.scss.cjs.js.map

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

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

@@ -0,0 +1,27 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Input_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Input_hidden_gFXfX{display:none}.Input_slide-in_gFXfX{animation:Input_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-in_gFXfX{animation-duration:.1ms}}.Input_slide-out_gFXfX{animation:Input_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Input_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_gFXfX{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 */.Input_input-wrapper_gFXfX{position:relative;display:flex;align-items:center;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);padding:0 calc(.5 * var(--font-size));transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_gFXfX{transition-duration:.1ms}}.Input_input-wrapper_gFXfX input:-webkit-autofill,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus,.Input_input-wrapper_gFXfX input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_gFXfX input:-webkit-autofill~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:active~.Input_outline_gFXfX:after{content:"";position:absolute;display:block;width:100%;height:100%;border-radius:var(--input-border-radius)}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Input_input-wrapper_gFXfX input:-webkit-autofill~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:active~.Input_outline_gFXfX:after{background-color:#e8f0fe}}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){.Input_input-wrapper_gFXfX input:-webkit-autofill~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:hover~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:focus~.Input_outline_gFXfX:after,.Input_input-wrapper_gFXfX input:-webkit-autofill:active~.Input_outline_gFXfX:after{background-color:#faffbd}}.Input_input-wrapper_gFXfX:hover .Input_outline_gFXfX{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Input_input-wrapper_gFXfX .Input_outline_gFXfX.Input_disabled_gFXfX{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Input_input-wrapper_gFXfX .Input_outline_gFXfX.Input_error_gFXfX{border-color:var(--error)}.Input_input-wrapper_gFXfX [data-icon-status=success],.Input_input-wrapper_gFXfX [data-icon-status=error]{height:100%;width:calc(1.25 * var(--font-size));box-sizing:border-box;font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;z-index:2}.Input_input-wrapper_gFXfX [data-icon-status=success]:before,.Input_input-wrapper_gFXfX [data-icon-status=error]:before{font-size:var(--icon-font-big);height:calc(1.25 * var(--font-size));width:calc(1.25 * var(--font-size));display:flex;align-items:center;justify-content:center}.Input_input-wrapper_gFXfX [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_gFXfX [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_gFXfX[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_gFXfX[data-readonlyview=true] .Input_Input-module_gFXfX{border-color:var(--read-only-border-color)}.Input_input-wrapper_gFXfX[data-readonlyview=true] span.Input_outline_gFXfX{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}.Input_input-wrapper_gFXfX[data-readonlyview=true]:hover .Input_outline_gFXfX{color:var(--read-only-text-color);background-color:var(--color-white);border-color:var(--read-only-border-color)}.Input_input-wrapper_gFXfX [data-prefix],.Input_input-wrapper_gFXfX [data-suffix]{display:block;z-index:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_gFXfX [data-prefix],.Input_input-wrapper_gFXfX [data-suffix]{transition-duration:.1ms}}.Input_input-wrapper_gFXfX.Input_focus_gFXfX:not(.Input_disabled_gFXfX):not([data-readonlyview=true]),.Input_input-wrapper_gFXfX[data-readonlyview=true]:focus:not(.Input_disabled_gFXfX),.Input_input-wrapper_gFXfX[data-readonlyview=true]:focus-visible:not(.Input_disabled_gFXfX){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Input_input_gFXfX{padding:0;height:calc(2.75 * var(--font-size));color:var(--color-blue-grey900);font-size:var(--input-font-size);font-family:var(--font-family);box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:transparent;z-index:1}.Input_input_gFXfX:not(.Input_shrink-width-for-date-icon_gFXfX){width:100%}.Input_input_gFXfX:disabled{cursor:not-allowed;color:var(--greyed-out)}.Input_input_gFXfX.Input_shrink-width-for-date-icon_gFXfX{width:auto}.Input_input_gFXfX{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input_gFXfX{transition-duration:.1ms}}.Input_input_gFXfX:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_gFXfX{border-color:var(--read-only-border-color)}.Input_outline_gFXfX{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_outline_gFXfX{transition-duration:.1ms}}.Input_error_gFXfX input{padding-right:calc(1.25 * var(--font-size))}.Input_error_gFXfX input.Input_remove-extra-indent_gFXfX{padding-right:0}.Input_success_gFXfX input{padding-right:calc(1.25 * var(--font-size))}@media only screen and (min-width: 30em){.Input_input-wrapper_gFXfX{padding:0 calc(.5 * var(--font-size))}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const outline = "Input_outline_gFXfX";
+const disabled = "Input_disabled_gFXfX";
+const error = "Input_error_gFXfX";
+const focus = "Input_focus_gFXfX";
+const input = "Input_input_gFXfX";
+const success = "Input_success_gFXfX";
+const classes = {
+  "input-wrapper": "Input_input-wrapper_gFXfX",
+  outline,
+  disabled,
+  error,
+  focus,
+  input,
+  "shrink-width-for-date-icon": "Input_shrink-width-for-date-icon_gFXfX",
+  success
+};
+export {
+  classes as default,
+  disabled,
+  error,
+  focus,
+  input,
+  outline,
+  success
+};
+//# sourceMappingURL=Input.module.scss.es.js.map

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

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

package/dist/components/Form/Label/Label.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("./Label.module.scss.cjs.js"),r=require("../../../readyclasses.module.scss.cjs.js"),l=e.forwardRef((({children:l,className:a,hidden:t=!1,...c},d)=>e.createElement("label",{...c,ref:d,className:`${t?r.default["sr-only"]:""} ${s.default.label} ${a??""}`},l)));exports.Label=l;
+//# sourceMappingURL=Label.cjs.js.map

package/dist/components/Form/Label/Label.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs.js","sources":["../../../../src/components/Form/Label/Label.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 \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n  children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n  { children, className, hidden = false, ...rest }: Props,\n  ref\n) => {\n  return (\n    <label\n      {...rest}\n      ref={ref}\n      className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n    >\n      {children}\n    </label>\n  );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":["Label","React","forwardRef","children","className","hidden","rest","ref","createElement","readyclasses","default","classes"],"mappings":"uMAuCaA,EAAQC,EAAMC,YAf+C,EACtEC,WAAUC,YAAWC,UAAS,KAAUC,GAC1CC,IAGEN,EAAAO,cAAC,QAAA,IACKF,EACJC,MACAH,UAAW,GAAGC,EAASI,EAAAC,QAAa,WAAa,MAAMC,EAAQD,QAAO,SAAKN,GAAa,MAEvFD"}

package/dist/components/Form/Label/Label.es.js

@@ -0,0 +1,19 @@
+import React from "react";
+import classes from "./Label.module.scss.es.js";
+import readyclasses from "../../../readyclasses.module.scss.es.js";
+const LabelComponent = ({ children, className, hidden = false, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      ...rest,
+      ref,
+      className: `${hidden ? readyclasses["sr-only"] : ""} ${classes["label"]} ${className ?? ""}`
+    },
+    children
+  );
+};
+const Label = React.forwardRef(LabelComponent);
+export {
+  Label
+};
+//# sourceMappingURL=Label.es.js.map

package/dist/components/Form/Label/Label.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.es.js","sources":["../../../../src/components/Form/Label/Label.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 \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n  children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n  { children, className, hidden = false, ...rest }: Props,\n  ref\n) => {\n  return (\n    <label\n      {...rest}\n      ref={ref}\n      className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n    >\n      {children}\n    </label>\n  );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":[],"mappings":";;;AAwBA,MAAM,iBAAoE,CACxE,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,KAAK,GAC/C,QACG;AAED,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,SAAS,aAAa,SAAS,IAAI,EAAE,IAAI,QAAQ,OAAO,CAAC,IAAI,aAAa,EAAE;AAAA,IAAA;AAAA,IAEzF;AAAA,EACH;AAEJ;AAEa,MAAA,QAAQ,MAAM,WAAW,cAAc;"}

package/dist/components/Form/Label/Label.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 */.Label_label_gFXfX{cursor:text;color:var(--greyed-out);font-size:var(--font-size)}')),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"}});const e="Label_label_gFXfX",l={label:e};exports.default=l,exports.label=e;
+//# sourceMappingURL=Label.module.scss.cjs.js.map

package/dist/components/Form/Label/Label.module.scss.cjs.js.map

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

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

@@ -0,0 +1,10 @@
+!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 */.Label_label_gFXfX{cursor:text;color:var(--greyed-out);font-size:var(--font-size)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const label = "Label_label_gFXfX";
+const classes = {
+  label
+};
+export {
+  classes as default,
+  label
+};
+//# sourceMappingURL=Label.module.scss.es.js.map

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

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

package/dist/components/Form/Radio/Radio.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),t=require("../../../hooks/useFormSelector.cjs.js"),o=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js"),s=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:s,disabled:l,className:n,value:c,name:i,helperText:d,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,errorMessageProps:h,checked:g=!1,formSelectorWrapperProps:j,helperProps:b,onChange:I,...E},y)=>{const{errorId:v,identifier:N,describedBy:F}=t.useFormSelector({name:i,helperText:d,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),P=e=>{if(l)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:c}}),null==I||I(a)},S="string"!=typeof s,q=[a.default["native-input"]],w=[a.default.input,a.default.radio],x=[a.default.input,a.default.circle];return m&&q.push(a.default.error),l&&w.push(a.default.disabled)&&x.push(a.default.disabled),e.createElement(o.FormSelectorWrapper,{...j,className:`${a.default["radio-wrapper"]} ${n??""}`,containerProps:{className:a.default["radio-container"]},helperText:d,helperProps:b,parentErrorId:p,errorId:v,errorMessage:f,errorMessageProps:{...h,className:`${null==h?void 0:h.className} ${a.default["error-message"]}`},error:m,disabled:l,identifier:N},e.createElement("input",{...E,ref:y,disabled:l,tabIndex:0,className:q.join(" "),onChange:P,checked:g,"aria-checked":g,"aria-describedby":F,name:i,value:c,id:`${N}-radio`,type:"radio"}),g?e.createElement(r.Icon,{className:w.join(" "),icon:r.Icons.Radio}):e.createElement(e.Fragment,null),g?e.createElement(e.Fragment,null):e.createElement(r.Icon,{className:x.join(" "),icon:r.Icons.Circle}),e.createElement("label",{className:S?a.default["no-margin-top"]:"",onClick:P,htmlFor:`${N}-radio`},s))})));exports.Radio=s;
+//# sourceMappingURL=Radio.cjs.js.map

package/dist/components/Form/Radio/Radio.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs.js","sources":["../../../../src/components/Form/Radio/Radio.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 { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string | React.ReactNode;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    errorMessageProps,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\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  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const customLabel = typeof children !== \"string\";\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      errorMessageProps={{\n        ...errorMessageProps,\n        className: `${errorMessageProps?.className} ${classes[\"error-message\"]}`\n      }}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked ? <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} /> : <></>}\n      {!checked ? <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} /> : <></>}\n\n      <label\n        className={customLabel ? classes[\"no-margin-top\"] : \"\"}\n        onClick={onChangeHandler}\n        htmlFor={`${identifier}-radio`}\n      >\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = withReadOnly(React.forwardRef(RadioComponent));\n"],"names":["Radio","withReadOnly","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","errorMessageProps","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","customLabel","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Fragment","Circle","onClick","htmlFor"],"mappings":"uSA6IaA,uCAAQC,aAAaC,EAAMC,YA1GkC,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,oBACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,WAAAA,EAAAC,YAAYA,GAAgBC,EAAAA,gBAAgB,CAC3DhB,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIc,EACJC,IAEA,GAAIrB,EACF,OAII,MAAAsB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAE3DI,OAAAC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACV1B,MAAO,CAAEA,WAGA,MAAAW,GAAAA,EAAAU,EAAA,EAGPM,EAAkC,iBAAb9B,EAErB+B,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,EAAAE,QAAe,MAAGF,EAAAA,QAAe,OACxDG,EAAwB,CAACH,EAAAE,QAAe,MAAGF,EAAAA,QAAgB,QAM/D,OALFxB,GAASuB,EAAmBK,KAAKJ,EAAQE,QAAO,OAE9CjC,GAAAgC,EAAoBG,KAAKJ,EAAAA,QAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAE7ClC,EAAAuC,cAACC,EAAAA,oBAAA,IACK1B,EACJV,UAAW,GAAG8B,UAAQ,oBAAoB9B,GAAa,KACvDqC,eAAgB,CAAErC,UAAW8B,EAAAE,QAAQ,oBACrC7B,aACAQ,cACAP,gBACAW,UACAR,eACAC,kBAAmB,IACdA,EACHR,UAAW,GAAsB,MAAnBQ,OAAmB,EAAAA,EAAAR,aAAa8B,EAAAA,QAAQ,oBAExDxB,QACAP,WACAiB,cAEApB,EAAAuC,cAAC,QAAA,IACKtB,EACJC,MACAf,WACAuC,SAAU,EACVtC,UAAW6B,EAAmBU,KAAK,KACnC3B,SAAUO,EACVV,UACA,eAAcA,EACd,mBAAkBQ,EAClBf,OACAD,QACAuC,GAAI,GAAGxB,UACPQ,KAAK,UAGNf,IAAU0B,cAACM,EAAAA,KAAK,CAAAzC,UAAW+B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAAA,MAAMjD,QAAcE,EAAAuC,cAAAvC,EAAAgD,SAAA,MACnFnC,EAAuFb,EAAAuC,cAAAvC,EAAAgD,SAAA,MAA5EhD,EAAAuC,cAAAM,EAAAA,KAAA,CAAKzC,UAAWiC,EAAsBM,KAAK,KAAMG,KAAMC,EAAMA,MAAAE,SAE1EjD,EAAAuC,cAAC,QAAA,CACCnC,UAAW4B,EAAcE,UAAQ,iBAAmB,GACpDgB,QAAS3B,EACT4B,QAAS,GAAG/B,WAEXlB,GAEL"}