@fuf-stack/uniform 0.4.0 → 0.6.0

package/dist/TextArea/index.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkWRYE2CF5cjs = require('../chunk-WRYE2CF5.cjs');
+require('../chunk-KMMS4G7A.cjs');
+require('../chunk-QTL5FREE.cjs');
+require('../chunk-WQRM7G4C.cjs');
+require('../chunk-BBB4FEY6.cjs');
+
+
+
+exports.TextArea = _chunkWRYE2CF5cjs.TextArea_default; exports.default = _chunkWRYE2CF5cjs.TextArea_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/TextArea/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,6GAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/TextArea/index.cjs"}

package/dist/TextArea/index.d.cts

@@ -0,0 +1,8 @@
+import { T as TextArea } from '../TextArea-B-sKvTkd.cjs';
+export { a as TextAreaProps } from '../TextArea-B-sKvTkd.cjs';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { TextArea, TextArea as default };

package/dist/TextArea/index.d.ts

@@ -0,0 +1,8 @@
+import { T as TextArea } from '../TextArea-B-sKvTkd.js';
+export { a as TextAreaProps } from '../TextArea-B-sKvTkd.js';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { TextArea, TextArea as default };

package/dist/TextArea/index.js

@@ -0,0 +1,13 @@
+import {
+  TextArea_default,
+  TextArea_default2
+} from "../chunk-KC3PZFGE.js";
+import "../chunk-T3CCNJHK.js";
+import "../chunk-DBLODROX.js";
+import "../chunk-BCMPSLSG.js";
+import "../chunk-V46BHM2U.js";
+export {
+  TextArea_default as TextArea,
+  TextArea_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/TextArea-B-sKvTkd.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface TextAreaProps {
+    /** Child components. The content of the textarea. */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** Determines if the TextArea is disabled or not. */
+    disabled?: boolean;
+    /** Label displayed above the TextArea. */
+    label?: ReactNode;
+    /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** placeholder for the textArea content. */
+    placeholder?: string;
+    /** Id to grab element in internal tests. */
+    testId?: string;
+}
+/**
+ * TextArea component based on [NextUI TextArea](https://nextui.org/docs/components/textarea)
+ */
+declare const TextArea: ({ children, className, disabled, label, name, placeholder, testId: _testId, }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea as T, type TextAreaProps as a };

package/dist/TextArea-B-sKvTkd.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface TextAreaProps {
+    /** Child components. The content of the textarea. */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** Determines if the TextArea is disabled or not. */
+    disabled?: boolean;
+    /** Label displayed above the TextArea. */
+    label?: ReactNode;
+    /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** placeholder for the textArea content. */
+    placeholder?: string;
+    /** Id to grab element in internal tests. */
+    testId?: string;
+}
+/**
+ * TextArea component based on [NextUI TextArea](https://nextui.org/docs/components/textarea)
+ */
+declare const TextArea: ({ children, className, disabled, label, name, placeholder, testId: _testId, }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea as T, type TextAreaProps as a };

package/dist/chunk-3K4JQTPQ.js

@@ -0,0 +1,205 @@
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
+import {
+  useFormContext
+} from "./chunk-BCMPSLSG.js";
+import {
+  slugify
+} from "./chunk-V46BHM2U.js";
+
+// src/RadioGroup/RadioGroup.tsx
+import { Controller } from "react-hook-form";
+import { ButtonGroup as NextButtonGroup } from "@nextui-org/button";
+import { RadioGroup as NextRadioGroup, Radio } from "@nextui-org/radio";
+import { cn as cn3 } from "@fuf-stack/pixel-utils";
+
+// src/RadioGroup/Variants/RadioBox.tsx
+import { useRadio } from "@nextui-org/radio";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { cn } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioBox = ({ icon = void 0, ...props }) => {
+  const {
+    children,
+    Component,
+    description,
+    getBaseProps,
+    getControlProps,
+    getInputProps,
+    getLabelProps,
+    getLabelWrapperProps,
+    getWrapperProps,
+    isDisabled
+  } = useRadio(props);
+  return /* @__PURE__ */ jsxs(
+    Component,
+    {
+      ...getBaseProps(),
+      className: cn(
+        "group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-primary",
+        {
+          // disabled styles
+          "pointer-events-none opacity-disabled": isDisabled
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
+        /* @__PURE__ */ jsx("span", { ...getWrapperProps(), children: /* @__PURE__ */ jsx("span", { ...getControlProps() }) }),
+        icon,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...getLabelWrapperProps(),
+            className: cn(getLabelWrapperProps().className, "grow"),
+            children: [
+              children && /* @__PURE__ */ jsx("span", { ...getLabelProps(), children }),
+              description && /* @__PURE__ */ jsx("span", { className: "text-small text-foreground opacity-70", children: description })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/RadioGroup/Variants/RadioButton.tsx
+import { cn as cn2 } from "@fuf-stack/pixel-utils";
+import { Button } from "@fuf-stack/pixels";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var RadioButton = ({
+  className = void 0,
+  value,
+  isDisabled = false,
+  onChange,
+  children
+}) => {
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      className: cn2(className),
+      disabled: isDisabled,
+      onClick: () => {
+        return onChange(value);
+      },
+      children
+    },
+    `index_${value}`
+  );
+};
+
+// src/RadioGroup/RadioGroup.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var RadioGroup = ({
+  className = void 0,
+  disabled = false,
+  inline = false,
+  label = void 0,
+  name,
+  options,
+  testId: _testId = void 0,
+  variant = "default"
+}) => {
+  const { control, getFieldState, getValues } = useFormContext();
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  return /* @__PURE__ */ jsx3(
+    Controller,
+    {
+      control,
+      disabled,
+      name,
+      render: ({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {
+        let RadioComponents;
+        switch (variant) {
+          case "radioBox":
+            RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
+              RadioBox,
+              {
+                "data-testid": slugify(
+                  `${testId}_option_${option.testId || option.value}`
+                ),
+                isDisabled: isDisabled || option.disabled,
+                value: option.value,
+                onChange,
+                description: option.description,
+                icon: option.icon,
+                children: option.label ? option.label : option.value
+              },
+              option.value
+            ));
+            break;
+          case "radioButton":
+            RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
+              RadioButton,
+              {
+                "data-testid": slugify(
+                  `${testId}_option_${option.testId || option.value}`
+                ),
+                isDisabled: isDisabled || option.disabled,
+                value: option.value,
+                onChange,
+                className: cn3(
+                  `${getValues()[name] !== option.value ? "bg-opacity-50" : ""}`
+                ),
+                children: option.label ? option.label : option.value
+              },
+              option.value
+            ));
+            break;
+          default:
+            RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
+              Radio,
+              {
+                "data-testid": slugify(
+                  `${testId}_option_${option.testId || option.value}`
+                ),
+                isDisabled: isDisabled || option.disabled,
+                value: option.value,
+                onChange,
+                children: option.label ? option.label : option.value
+              },
+              option.value
+            ));
+        }
+        return /* @__PURE__ */ jsx3(
+          NextRadioGroup,
+          {
+            className,
+            "data-testid": testId,
+            errorMessage: error && /* @__PURE__ */ jsx3(FieldValidationError_default, { error }),
+            isDisabled,
+            isInvalid: invalid,
+            isRequired: required,
+            label: label && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+            /* @__PURE__ */ jsxs2("label", { className: `${invalid ? "text-danger" : ""}`, children: [
+              label,
+              /* @__PURE__ */ jsx3(FieldCopyTestIdButton_default, { testId })
+            ] }),
+            orientation: inline ? "horizontal" : "vertical",
+            onBlur,
+            onChange,
+            name,
+            ref,
+            children: variant === "radioButton" ? (
+              // TODO: NextButtonGroup uses ref to modify Button style, but we wrap it, so it does not work at the moment.
+              /* @__PURE__ */ jsx3(NextButtonGroup, { children: RadioComponents })
+            ) : RadioComponents
+          }
+        );
+      }
+    }
+  );
+};
+var RadioGroup_default = RadioGroup;
+
+// src/RadioGroup/index.ts
+var RadioGroup_default2 = RadioGroup_default;
+
+export {
+  RadioGroup_default,
+  RadioGroup_default2
+};
+//# sourceMappingURL=chunk-3K4JQTPQ.js.map

package/dist/chunk-3K4JQTPQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/Variants/RadioBox.tsx","../src/RadioGroup/Variants/RadioButton.tsx","../src/RadioGroup/index.ts"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport { Controller } from 'react-hook-form';\n\nimport { ButtonGroup as NextButtonGroup } from '@nextui-org/button';\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport { RadioBox } from './Variants/RadioBox';\nimport { RadioButton } from './Variants/RadioButton';\n\nexport interface RadioGroupOption {\n  /** Description of the value. Works with variant radioBox. */\n  description?: React.ReactNode;\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: React.ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadioGroupProps {\n  /** CSS class name */\n  className?: string;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioGroupOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n  /** How the RadioGroup should look like. */\n  variant?: 'default' | 'radioBox' | 'radioButton';\n}\n\n/**\n * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)\n */\nconst RadioGroup = ({\n  className = undefined,\n  disabled = false,\n  inline = false,\n  label = undefined,\n  name,\n  options,\n  testId: _testId = undefined,\n  variant = 'default',\n}: RadioGroupProps): ReactElement => {\n  const { control, getFieldState, getValues } = useFormContext();\n\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  return (\n    <Controller\n      control={control}\n      disabled={disabled}\n      name={name}\n      render={({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {\n        let RadioComponents: ReactNode;\n        switch (variant) {\n          case 'radioBox':\n            RadioComponents = options.map((option) => (\n              <RadioBox\n                key={option.value}\n                data-testid={slugify(\n                  `${testId}_option_${option.testId || option.value}`,\n                )}\n                isDisabled={isDisabled || option.disabled}\n                value={option.value}\n                onChange={onChange}\n                description={option.description}\n                icon={option.icon}\n              >\n                {option.label ? option.label : option.value}\n              </RadioBox>\n            ));\n            break;\n          case 'radioButton':\n            RadioComponents = options.map((option) => (\n              <RadioButton\n                key={option.value}\n                data-testid={slugify(\n                  `${testId}_option_${option.testId || option.value}`,\n                )}\n                isDisabled={isDisabled || option.disabled}\n                value={option.value}\n                onChange={onChange}\n                // TODO: how to do the classNames properly (make selected option darker with same color)\n                className={cn(\n                  `${getValues()[name] !== option.value ? 'bg-opacity-50' : ''}`,\n                )}\n              >\n                {option.label ? option.label : option.value}\n              </RadioButton>\n            ));\n            break;\n          default:\n            RadioComponents = options.map((option) => (\n              <Radio\n                key={option.value}\n                data-testid={slugify(\n                  `${testId}_option_${option.testId || option.value}`,\n                )}\n                isDisabled={isDisabled || option.disabled}\n                value={option.value}\n                onChange={onChange}\n              >\n                {option.label ? option.label : option.value}\n              </Radio>\n            ));\n        }\n\n        return (\n          <NextRadioGroup\n            className={className}\n            data-testid={testId}\n            errorMessage={error && <FieldValidationError error={error} />}\n            isDisabled={isDisabled}\n            isInvalid={invalid}\n            isRequired={required}\n            label={\n              label && (\n                // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                <label className={`${invalid ? 'text-danger' : ''}`}>\n                  {label}\n                  <FieldCopyTestIdButton testId={testId} />\n                </label>\n              )\n            }\n            orientation={inline ? 'horizontal' : 'vertical'}\n            onBlur={onBlur}\n            onChange={onChange}\n            name={name}\n            ref={ref}\n          >\n            {variant === 'radioButton' ? (\n              // TODO: NextButtonGroup uses ref to modify Button style, but we wrap it, so it does not work at the moment.\n              <NextButtonGroup>{RadioComponents}</NextButtonGroup>\n            ) : (\n              RadioComponents\n            )}\n          </NextRadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as NextRadioProps } from '@nextui-org/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@nextui-org/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends NextRadioProps {\n  /** icon for the option */\n  icon?: ReactNode;\n}\n\nexport const RadioBox = ({ icon = undefined, ...props }: RadioProps) => {\n  const {\n    children,\n    Component,\n    description,\n    getBaseProps,\n    getControlProps,\n    getInputProps,\n    getLabelProps,\n    getLabelWrapperProps,\n    getWrapperProps,\n    isDisabled,\n  } = useRadio(props);\n\n  return (\n    <Component\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...getBaseProps()}\n      className={cn(\n        'group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-primary',\n        {\n          // disabled styles\n          'pointer-events-none opacity-disabled': isDisabled,\n        },\n      )}\n    >\n      <VisuallyHidden>\n        {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n        <input {...getInputProps()} />\n      </VisuallyHidden>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n      <span {...getWrapperProps()}>\n        {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n        <span {...getControlProps()} />\n      </span>\n      {icon}\n      <div\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getLabelWrapperProps()}\n        className={cn(getLabelWrapperProps().className, 'grow')}\n      >\n        {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n        {children && <span {...getLabelProps()}>{children}</span>}\n        {description && (\n          <span className=\"text-small text-foreground opacity-70\">\n            {description}\n          </span>\n        )}\n      </div>\n    </Component>\n  );\n};\n\nexport default RadioBox;\n","import { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface RadioButtonProps {\n  /** label of the value. */\n  children: React.ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** disables the option */\n  isDisabled?: boolean;\n  /** Callback function. Executed if the option is clicked. */\n  onChange: (...event: unknown[]) => void;\n  /** value of the option. */\n  value: string;\n}\n\nexport const RadioButton = ({\n  className = undefined,\n  value,\n  isDisabled = false,\n  onChange,\n  children,\n}: RadioButtonProps) => {\n  return (\n    <Button\n      key={`index_${value}`}\n      className={cn(className)}\n      disabled={isDisabled}\n      onClick={() => {\n        return onChange(value);\n      }}\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default RadioButton;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"],"mappings":"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","names":["cn","cn","jsx","jsx","jsxs","cn","RadioGroup_default"]}

package/dist/chunk-3SSUEUB5.js

@@ -0,0 +1,81 @@
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
+import {
+  useFormContext
+} from "./chunk-BCMPSLSG.js";
+
+// src/Switch/Switch.tsx
+import { Controller } from "react-hook-form";
+import { useInput } from "@nextui-org/input";
+import { Switch as NextSwitch } from "@nextui-org/switch";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Switch = ({
+  className,
+  disabled = false,
+  label: _label = void 0,
+  name,
+  testId: _testId = void 0
+}) => {
+  const { control, getFieldState } = useFormContext();
+  const { error, required, testId, invalid } = getFieldState(name, _testId);
+  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } = useInput({
+    errorMessage: JSON.stringify(error),
+    isInvalid: invalid,
+    isRequired: required,
+    label: _label,
+    labelPlacement: "outside",
+    placeholder: " "
+  });
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      disabled,
+      render: ({
+        field: { disabled: isDisabled, value, ref, onBlur, onChange }
+      }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          NextSwitch,
+          {
+            "aria-describedby": getInputProps()["aria-describedby"],
+            required,
+            isSelected: !!value,
+            className,
+            classNames: {
+              label: `text-bold block text-ellipsis text-small ${invalid ? "text-danger" : ""}`
+            },
+            "data-testid": testId,
+            isDisabled,
+            value,
+            onChange,
+            onBlur,
+            name,
+            ref,
+            children: [
+              label,
+              !!required && !!_label && /* @__PURE__ */ jsx("span", { className: "!text-danger", children: " *" }),
+              /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId })
+            ]
+          }
+        ),
+        error && // eslint-disable-next-line react/jsx-props-no-spreading
+        /* @__PURE__ */ jsx("div", { ...getHelperWrapperProps(), children: /* @__PURE__ */ jsx("div", { ...getErrorMessageProps(), children: /* @__PURE__ */ jsx(FieldValidationError_default, { error }) }) })
+      ] })
+    }
+  );
+};
+var Switch_default = Switch;
+
+// src/Switch/index.ts
+var Switch_default2 = Switch_default;
+
+export {
+  Switch_default,
+  Switch_default2
+};
+//# sourceMappingURL=chunk-3SSUEUB5.js.map

package/dist/chunk-3SSUEUB5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Switch/Switch.tsx","../src/Switch/index.ts"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport { useInput } from '@nextui-org/input';\nimport { Switch as NextSwitch } from '@nextui-org/switch';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface SwitchProps {\n  /** CSS class name */\n  className: string;\n  /** whether the select should be disabled */\n  disabled?: boolean;\n  /** component displayed next to the switch. */\n  label: React.ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n *  Switch component based on [NextUI Switch](https://nextui.org/docs/components/switch)\n */\nconst Switch = ({\n  className,\n  disabled = false,\n  label: _label = undefined,\n  name,\n  testId: _testId = undefined,\n}: SwitchProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, required, testId, invalid } = getFieldState(name, _testId);\n\n  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } =\n    useInput({\n      errorMessage: JSON.stringify(error),\n      isInvalid: invalid,\n      isRequired: required,\n      label: _label,\n      labelPlacement: 'outside',\n      placeholder: ' ',\n    });\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, value, ref, onBlur, onChange },\n      }) => (\n        <>\n          <NextSwitch\n            aria-describedby={getInputProps()['aria-describedby']}\n            required={required}\n            isSelected={!!value}\n            className={className}\n            classNames={{\n              label: `text-bold block text-ellipsis text-small ${invalid ? 'text-danger' : ''}`,\n            }}\n            data-testid={testId}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            name={name}\n            ref={ref}\n          >\n            {label}\n            {!!required && !!_label && (\n              <span className=\"!text-danger\">{' \\u002A'}</span>\n            )}\n            <FieldCopyTestIdButton testId={testId} />\n          </NextSwitch>\n          {error && (\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            <div {...getHelperWrapperProps()}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <div {...getErrorMessageProps()}>\n                <FieldValidationError error={error} />\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    />\n  );\n};\n\nexport default Switch;\n","import Switch from './Switch';\n\nexport type { SwitchProps } from './Switch';\n\nexport { Switch };\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,UAAU,kBAAkB;AAkD7B,mBAmBM,KAlBJ,YADF;AA5BR,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW;AAAA,EACX,OAAO,SAAS;AAAA,EAChB;AAAA,EACA,QAAQ,UAAU;AACpB,MAAmB;AACjB,QAAM,EAAE,SAAS,cAAc,IAAI,eAAe;AAClD,QAAM,EAAE,OAAO,UAAU,QAAQ,QAAQ,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,EAAE,OAAO,eAAe,uBAAuB,qBAAqB,IACxE,SAAS;AAAA,IACP,cAAc,KAAK,UAAU,KAAK;AAAA,IAClC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf,CAAC;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,OAAO,KAAK,QAAQ,SAAS;AAAA,MAC9D,MACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAkB,cAAc,EAAE,kBAAkB;AAAA,YACpD;AAAA,YACA,YAAY,CAAC,CAAC;AAAA,YACd;AAAA,YACA,YAAY;AAAA,cACV,OAAO,4CAA4C,UAAU,gBAAgB,EAAE;AAAA,YACjF;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,cACA,CAAC,CAAC,YAAY,CAAC,CAAC,UACf,oBAAC,UAAK,WAAU,gBAAgB,gBAAU;AAAA,cAE5C,oBAAC,iCAAsB,QAAgB;AAAA;AAAA;AAAA,QACzC;AAAA,QACC;AAAA,QAEC,oBAAC,SAAK,GAAG,sBAAsB,GAE7B,8BAAC,SAAK,GAAG,qBAAqB,GAC5B,8BAAC,gCAAqB,OAAc,GACtC,GACF;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,iBAAQ;;;ACrFf,IAAOA,kBAAQ;","names":["Switch_default"]}