@apia/validations2-component 5.0.0 → 5.0.1

package/dist/Context.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ValidationStore } from '@apia/validations2-controller';
+
+declare const ValidationContextPrimitive: react.Context<ValidationStore<any> | null>;
+declare const ValidationContext: ({ children, store, }: {
+    children: ReactNode;
+    store: ValidationStore<any>;
+}) => react_jsx_runtime.JSX.Element;
+declare const useValidations: () => ValidationStore<any>;
+
+export { ValidationContext, ValidationContextPrimitive, useValidations };
+//# sourceMappingURL=Context.d.ts.map

package/dist/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Context.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+const ValidationContextPrimitive = createContext(null);
+const ValidationContext = ({
+  children,
+  store
+}) => /* @__PURE__ */ jsx(ValidationContextPrimitive.Provider, { value: store, children });
+const useValidations = () => useContext(ValidationContextPrimitive);
+
+export { ValidationContext, ValidationContextPrimitive, useValidations };
+//# sourceMappingURL=Context.js.map

package/dist/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../src/Context.tsx"],"sourcesContent":["import { ValidationStore } from '@apia/validations2-controller';\r\nimport { createContext, ReactNode, useContext } from 'react';\r\n\r\nexport const ValidationContextPrimitive =\r\n  createContext<ValidationStore<any> | null>(null);\r\n\r\nexport const ValidationContext = ({\r\n  children,\r\n  store,\r\n}: {\r\n  children: ReactNode;\r\n  store: ValidationStore<any>;\r\n}) => (\r\n  <ValidationContextPrimitive.Provider value={store}>\r\n    {children}\r\n  </ValidationContextPrimitive.Provider>\r\n);\r\n\r\nexport const useValidations = () => useContext(ValidationContextPrimitive)!;\r\n"],"names":[],"mappings":";;;AAGO,MAAM,0BAAA,GACX,cAA2C,IAAI;AAE1C,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA;AACF,CAAA,yBAIG,0BAAA,CAA2B,QAAA,EAA3B,EAAoC,KAAA,EAAO,OACzC,QAAA,EACH;AAGK,MAAM,cAAA,GAAiB,MAAM,UAAA,CAAW,0BAA0B;;;;"}

package/dist/ValidatedCheckbox.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TFieldLabel, TCheckbox } from '@apia/components';
+import { TLabel, TChangeEventHandler } from '@apia/util';
+import { ReactNode } from 'react';
+
+type TValidateCheckbox = {
+    path: string;
+    label: 'nolabel' | TLabel;
+    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
+    hiddenFallback?: ReactNode;
+    onChange?: TChangeEventHandler<boolean>;
+} & Omit<TCheckbox, 'value' | 'checked' | 'defaultValue' | 'onChange'>;
+declare const ValidatedCheckbox: (({ className, label, path, labelProps, onChange, defaultChecked, hiddenFallback, ...props }: TValidateCheckbox) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { type TValidateCheckbox, ValidatedCheckbox };
+//# sourceMappingURL=ValidatedCheckbox.d.ts.map

package/dist/ValidatedCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedCheckbox.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ValidatedCheckbox.js

@@ -0,0 +1,51 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { useValidations } from './Context.js';
+import { CheckboxLabel, Checkbox } from '@apia/components';
+
+const ValidatedCheckbox = observer(
+  ({
+    className,
+    label,
+    path,
+    labelProps,
+    onChange,
+    defaultChecked = false,
+    hiddenFallback,
+    ...props
+  }) => {
+    const field = useValidations().useField(path, defaultChecked);
+    if (field.hidden) {
+      return /* @__PURE__ */ jsx(Fragment, { children: hiddenFallback ?? null });
+    }
+    return /* @__PURE__ */ jsx(
+      CheckboxLabel,
+      {
+        ...labelProps,
+        label: label === "nolabel" ? "" : label.text,
+        title: label === "nolabel" ? "" : label.title,
+        required: field.required,
+        className: `${className || ""} ${field.isTouched ? "field__touched" : ""} checkbox`,
+        error: field.error,
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            ...props,
+            disabled: Boolean(props.disabled || field.disabled),
+            ref: field.ref,
+            onChange: async (ev) => {
+              await onChange?.(ev);
+              if (!ev.defaultPrevented) {
+                field.setValue(ev.value);
+              }
+            },
+            checked: field.value
+          }
+        )
+      }
+    );
+  }
+);
+
+export { ValidatedCheckbox };
+//# sourceMappingURL=ValidatedCheckbox.js.map

package/dist/ValidatedCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedCheckbox.js","sources":["../src/ValidatedCheckbox.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport { useValidations } from './Context';\r\nimport {\r\n  Checkbox,\r\n  CheckboxLabel,\r\n  TCheckbox,\r\n  TFieldLabel,\r\n} from '@apia/components';\r\nimport { TLabel, TChangeEventHandler } from '@apia/util';\r\nimport { ReactNode } from 'react';\r\n\r\nexport type TValidateCheckbox = {\r\n  path: string;\r\n  label: 'nolabel' | TLabel;\r\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\r\n  hiddenFallback?: ReactNode;\r\n  onChange?: TChangeEventHandler<boolean>;\r\n} & Omit<TCheckbox, 'value' | 'checked' | 'defaultValue' | 'onChange'>;\r\n\r\nexport const ValidatedCheckbox = observer(\r\n  ({\r\n    className,\r\n    label,\r\n    path,\r\n    labelProps,\r\n    onChange,\r\n    defaultChecked = false,\r\n    hiddenFallback,\r\n    ...props\r\n  }: TValidateCheckbox) => {\r\n    const field = useValidations().useField(path, defaultChecked);\r\n\r\n    if (field.hidden) {\r\n      return <>{hiddenFallback ?? null}</>;\r\n    }\r\n\r\n    return (\r\n      <CheckboxLabel\r\n        {...labelProps}\r\n        label={label === 'nolabel' ? '' : label.text}\r\n        title={label === 'nolabel' ? '' : label.title}\r\n        required={field.required}\r\n        className={`${className || ''} ${field.isTouched ? 'field__touched' : ''} checkbox`}\r\n        error={field.error}\r\n      >\r\n        <Checkbox\r\n          {...props}\r\n          disabled={Boolean(props.disabled || field.disabled)}\r\n          ref={field.ref as any}\r\n          onChange={async (ev) => {\r\n            await onChange?.(ev);\r\n            if (!ev.defaultPrevented) {\r\n              field.setValue(ev.value);\r\n            }\r\n          }}\r\n          checked={field.value as any}\r\n        />\r\n      </CheckboxLabel>\r\n    );\r\n  },\r\n);\r\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,iBAAA,GAAoB,QAAA;AAAA,EAC/B,CAAC;AAAA,IACC,SAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,cAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAyB;AACvB,IAAA,MAAM,KAAA,GAAQ,cAAA,EAAe,CAAE,QAAA,CAAS,MAAM,cAAc,CAAA;AAE5D,IAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,MAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,4BAAkB,IAAA,EAAK,CAAA;AAAA;AAGnC,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,KAAA,EAAO,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,IAAA;AAAA,QACxC,KAAA,EAAO,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,KAAA;AAAA,QACxC,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,SAAA,EAAW,GAAG,SAAA,IAAa,EAAE,IAAI,KAAA,CAAM,SAAA,GAAY,mBAAmB,EAAE,CAAA,SAAA,CAAA;AAAA,QACxE,OAAO,KAAA,CAAM,KAAA;AAAA,QAEb,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,QAAA,EAAU,OAAA,CAAQ,KAAA,CAAM,QAAA,IAAY,MAAM,QAAQ,CAAA;AAAA,YAClD,KAAK,KAAA,CAAM,GAAA;AAAA,YACX,QAAA,EAAU,OAAO,EAAA,KAAO;AACtB,cAAA,MAAM,WAAW,EAAE,CAAA;AACnB,cAAA,IAAI,CAAC,GAAG,gBAAA,EAAkB;AACxB,gBAAA,KAAA,CAAM,QAAA,CAAS,GAAG,KAAK,CAAA;AAAA;AACzB,aACF;AAAA,YACA,SAAS,KAAA,CAAM;AAAA;AAAA;AACjB;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist/ValidatedInput.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TFieldLabel } from '@apia/components';
+import { InputProps } from '@apia/theme';
+import { TLabel, TChangeEventHandler } from '@apia/util';
+import { ReactNode } from 'react';
+
+type TValidateInput = {
+    path: string;
+    label: 'nolabel' | TLabel;
+    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
+    hiddenFallback?: ReactNode;
+    onChange?: TChangeEventHandler<string>;
+} & Omit<InputProps, 'value' | 'onChange'>;
+declare const ValidatedInput: (({ className, label, path, labelProps, defaultValue, hiddenFallback, onChange, ...props }: TValidateInput) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { type TValidateInput, ValidatedInput };
+//# sourceMappingURL=ValidatedInput.d.ts.map

package/dist/ValidatedInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedInput.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ValidatedInput.js

@@ -0,0 +1,55 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { useValidations } from './Context.js';
+import { FieldLabel } from '@apia/components';
+import { Input } from '@apia/theme';
+import { ChangeEvent } from '@apia/util';
+
+const ValidatedInput = observer(
+  ({
+    className,
+    label,
+    path,
+    labelProps,
+    defaultValue = "",
+    hiddenFallback,
+    onChange,
+    ...props
+  }) => {
+    const field = useValidations().useField(path, defaultValue);
+    if (field.hidden) {
+      return /* @__PURE__ */ jsx(Fragment, { children: hiddenFallback ?? null });
+    }
+    return /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        ...labelProps,
+        label: label === "nolabel" ? "" : label.text,
+        title: label === "nolabel" ? "" : label.title,
+        required: field.required,
+        className: `${className || ""} ${field.isTouched ? "field__touched" : ""} input`,
+        error: field.error,
+        avoidSemicolon: label === "nolabel",
+        children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            ...props,
+            disabled: Boolean(props.disabled || field.disabled),
+            ref: field.ref,
+            onChange: async (_ev) => {
+              const ev = new ChangeEvent(_ev.target.value);
+              await onChange?.(ev);
+              if (!ev.defaultPrevented) {
+                field.setValue(ev.value);
+              }
+            },
+            value: field.value
+          }
+        )
+      }
+    );
+  }
+);
+
+export { ValidatedInput };
+//# sourceMappingURL=ValidatedInput.js.map

package/dist/ValidatedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedInput.js","sources":["../src/ValidatedInput.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport { useValidations } from './Context';\r\nimport { FieldLabel, TFieldLabel } from '@apia/components';\r\nimport { Input, InputProps } from '@apia/theme';\r\nimport { ChangeEvent, TLabel, TChangeEventHandler } from '@apia/util';\r\nimport { ReactNode } from 'react';\r\n\r\nexport type TValidateInput = {\r\n  path: string;\r\n  label: 'nolabel' | TLabel;\r\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\r\n  hiddenFallback?: ReactNode;\r\n  onChange?: TChangeEventHandler<string>;\r\n} & Omit<InputProps, 'value' | 'onChange'>;\r\n\r\nexport const ValidatedInput = observer(\r\n  ({\r\n    className,\r\n    label,\r\n    path,\r\n    labelProps,\r\n    defaultValue = '',\r\n    hiddenFallback,\r\n    onChange,\r\n    ...props\r\n  }: TValidateInput) => {\r\n    const field = useValidations().useField(path, defaultValue);\r\n\r\n    if (field.hidden) {\r\n      return <>{hiddenFallback ?? null}</>;\r\n    }\r\n\r\n    return (\r\n      <FieldLabel\r\n        {...labelProps}\r\n        label={label === 'nolabel' ? '' : label.text}\r\n        title={label === 'nolabel' ? '' : label.title}\r\n        required={field.required}\r\n        className={`${className || ''} ${field.isTouched ? 'field__touched' : ''} input`}\r\n        error={field.error}\r\n        avoidSemicolon={label === 'nolabel'}\r\n      >\r\n        <Input\r\n          {...props}\r\n          disabled={Boolean(props.disabled || field.disabled)}\r\n          ref={field.ref as any}\r\n          onChange={async (_ev) => {\r\n            const ev = new ChangeEvent(_ev.target.value);\r\n\r\n            await onChange?.(ev);\r\n            if (!ev.defaultPrevented) {\r\n              field.setValue(ev.value);\r\n            }\r\n          }}\r\n          value={field.value as any}\r\n        />\r\n      </FieldLabel>\r\n    );\r\n  },\r\n);\r\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,cAAA,GAAiB,QAAA;AAAA,EAC5B,CAAC;AAAA,IACC,SAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,GAAe,EAAA;AAAA,IACf,cAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAsB;AACpB,IAAA,MAAM,KAAA,GAAQ,cAAA,EAAe,CAAE,QAAA,CAAS,MAAM,YAAY,CAAA;AAE1D,IAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,MAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,4BAAkB,IAAA,EAAK,CAAA;AAAA;AAGnC,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,KAAA,EAAO,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,IAAA;AAAA,QACxC,KAAA,EAAO,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,KAAA;AAAA,QACxC,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,SAAA,EAAW,GAAG,SAAA,IAAa,EAAE,IAAI,KAAA,CAAM,SAAA,GAAY,mBAAmB,EAAE,CAAA,MAAA,CAAA;AAAA,QACxE,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,gBAAgB,KAAA,KAAU,SAAA;AAAA,QAE1B,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,QAAA,EAAU,OAAA,CAAQ,KAAA,CAAM,QAAA,IAAY,MAAM,QAAQ,CAAA;AAAA,YAClD,KAAK,KAAA,CAAM,GAAA;AAAA,YACX,QAAA,EAAU,OAAO,GAAA,KAAQ;AACvB,cAAA,MAAM,EAAA,GAAK,IAAI,WAAA,CAAY,GAAA,CAAI,OAAO,KAAK,CAAA;AAE3C,cAAA,MAAM,WAAW,EAAE,CAAA;AACnB,cAAA,IAAI,CAAC,GAAG,gBAAA,EAAkB;AACxB,gBAAA,KAAA,CAAM,QAAA,CAAS,GAAG,KAAK,CAAA;AAAA;AACzB,aACF;AAAA,YACA,OAAO,KAAA,CAAM;AAAA;AAAA;AACf;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist/ValidatedSelect.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TFieldLabel } from '@apia/components';
+import { TLabel, TChangeEventHandler, TOption } from '@apia/util';
+import { ReactNode } from 'react';
+
+type TValidateSelect = {
+    className?: string;
+    disabled?: boolean;
+    path: string;
+    label: 'nolabel' | TLabel;
+    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
+    hiddenFallback?: ReactNode;
+    onChange?: TChangeEventHandler<string>;
+    options?: TOption[];
+    defaultValue?: string;
+};
+declare const ValidatedSelect: (({ className, disabled, label, path, labelProps, hiddenFallback, onChange, options, defaultValue, }: TValidateSelect) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { type TValidateSelect, ValidatedSelect };
+//# sourceMappingURL=ValidatedSelect.d.ts.map

package/dist/ValidatedSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedSelect.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ValidatedSelect.js

@@ -0,0 +1,82 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { useValidations } from './Context.js';
+import { FieldLabel, Autocomplete } from '@apia/components';
+import { ChangeEvent } from '@apia/util';
+
+function normalizeOptionValue(value) {
+  return value == null ? "" : String(value);
+}
+function normalizeSelectValue(value) {
+  if (value && typeof value === "object" && "value" in value) {
+    return normalizeOptionValue(value.value);
+  }
+  return normalizeOptionValue(value);
+}
+const ValidatedSelect = observer(
+  ({
+    className,
+    disabled,
+    label,
+    path,
+    labelProps,
+    hiddenFallback,
+    onChange,
+    options,
+    defaultValue
+  }) => {
+    const store = useValidations();
+    const field = store.useField(path, defaultValue);
+    const effectiveOptions = (options ?? field.options ?? []).map(
+      (option) => ({
+        ...option,
+        value: normalizeOptionValue(option.value)
+      })
+    );
+    const selectedValue = normalizeSelectValue(field.value);
+    const firstOptionValue = effectiveOptions[0]?.value;
+    const hasEmptyOption = effectiveOptions.some((option) => option.value === "");
+    const effectiveValue = firstOptionValue !== void 0 && (field.value === void 0 || selectedValue === "" && !hasEmptyOption) ? firstOptionValue : selectedValue;
+    if (field.value !== effectiveValue) {
+      field.setValue(effectiveValue, false);
+    }
+    if (field.hidden) {
+      return /* @__PURE__ */ jsx(Fragment, { children: hiddenFallback ?? null });
+    }
+    return /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        ...labelProps,
+        label: label === "nolabel" ? "" : label.text,
+        title: label === "nolabel" ? "" : label.title,
+        required: field.required,
+        className: `${className || ""} ${field.isTouched ? "field__touched" : ""} select`,
+        error: field.error,
+        avoidSemicolon: label === "nolabel",
+        children: /* @__PURE__ */ jsx(
+          Autocomplete,
+          {
+            ref: field.ref,
+            properties: {
+              options: effectiveOptions,
+              disabled: Boolean(disabled || field.disabled),
+              value: effectiveValue,
+              onChange: async (value) => {
+                const ev = new ChangeEvent(value);
+                await onChange?.(ev);
+                if (!ev.defaultPrevented) {
+                  field.setValue(value);
+                  return true;
+                }
+                return false;
+              }
+            }
+          }
+        )
+      }
+    );
+  }
+);
+
+export { ValidatedSelect };
+//# sourceMappingURL=ValidatedSelect.js.map

package/dist/ValidatedSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedSelect.js","sources":["../src/ValidatedSelect.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport { useValidations } from './Context';\r\nimport { Autocomplete, FieldLabel, TFieldLabel } from '@apia/components';\r\nimport { ChangeEvent, TLabel, TChangeEventHandler, TOption } from '@apia/util';\r\nimport { ReactNode } from 'react';\r\n\r\nexport type TValidateSelect = {\r\n  className?: string;\r\n  disabled?: boolean;\r\n  path: string;\r\n  label: 'nolabel' | TLabel;\r\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\r\n  hiddenFallback?: ReactNode;\r\n  onChange?: TChangeEventHandler<string>;\r\n  options?: TOption[];\r\n  defaultValue?: string;\r\n};\r\n\r\nfunction normalizeOptionValue(value: unknown) {\r\n  return value == null ? '' : String(value);\r\n}\r\n\r\nfunction normalizeSelectValue(value: unknown) {\r\n  if (value && typeof value === 'object' && 'value' in value) {\r\n    return normalizeOptionValue((value as { value?: unknown }).value);\r\n  }\r\n\r\n  return normalizeOptionValue(value);\r\n}\r\n\r\nexport const ValidatedSelect = observer(\r\n  ({\r\n    className,\r\n    disabled,\r\n    label,\r\n    path,\r\n    labelProps,\r\n    hiddenFallback,\r\n    onChange,\r\n    options,\r\n    defaultValue,\r\n  }: TValidateSelect) => {\r\n    const store = useValidations();\r\n    const field = store.useField(path, defaultValue);\r\n    const effectiveOptions = ((options ?? field.options ?? []) as TOption[]).map(\r\n      (option) => ({\r\n        ...option,\r\n        value: normalizeOptionValue(option.value),\r\n      }),\r\n    );\r\n\r\n    const selectedValue = normalizeSelectValue(field.value);\r\n    const firstOptionValue = effectiveOptions[0]?.value;\r\n    const hasEmptyOption = effectiveOptions.some((option) => option.value === '');\r\n    const effectiveValue =\r\n      firstOptionValue !== undefined &&\r\n      (field.value === undefined || (selectedValue === '' && !hasEmptyOption))\r\n        ? firstOptionValue\r\n        : selectedValue;\r\n\r\n    if (field.value !== effectiveValue) {\r\n      field.setValue(effectiveValue, false);\r\n    }\r\n\r\n    if (field.hidden) {\r\n      return <>{hiddenFallback ?? null}</>;\r\n    }\r\n\r\n    return (\r\n      <FieldLabel\r\n        {...labelProps}\r\n        label={label === 'nolabel' ? '' : label.text}\r\n        title={label === 'nolabel' ? '' : label.title}\r\n        required={field.required}\r\n        className={`${className || ''} ${field.isTouched ? 'field__touched' : ''} select`}\r\n        error={field.error}\r\n        avoidSemicolon={label === 'nolabel'}\r\n      >\r\n        <Autocomplete\r\n          ref={field.ref}\r\n          properties={{\r\n            options: effectiveOptions,\r\n            disabled: Boolean(disabled || field.disabled),\r\n            value: effectiveValue,\r\n            onChange: async (value) => {\r\n              const ev = new ChangeEvent(value);\r\n\r\n              await onChange?.(ev);\r\n              if (!ev.defaultPrevented) {\r\n                field.setValue(value);\r\n                return true;\r\n              }\r\n\r\n              return false;\r\n            },\r\n          }}\r\n        />\r\n      </FieldLabel>\r\n    );\r\n  },\r\n);\r\n"],"names":[],"mappings":"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"}

package/dist/ValidatedSwitch.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentProps } from 'react';
+import { CardSwitch } from '@apia/components';
+import { TLabel, TChangeEventHandler } from '@apia/util';
+
+type TCardSwitchProps = ComponentProps<typeof CardSwitch>;
+type TValidatedSwitch = {
+    className?: string;
+    defaultChecked?: boolean;
+    path: string;
+    label: 'nolabel' | TLabel;
+    hiddenFallback?: ReactNode;
+    onChange?: TChangeEventHandler<boolean>;
+    title?: TCardSwitchProps['title'];
+} & Omit<TCardSwitchProps, 'checked' | 'onToggle' | 'title'>;
+declare const ValidatedSwitch: (({ className, defaultChecked, hiddenFallback, label, onChange, path, sx, title, ...props }: TValidatedSwitch) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { type TValidatedSwitch, ValidatedSwitch };
+//# sourceMappingURL=ValidatedSwitch.d.ts.map

package/dist/ValidatedSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedSwitch.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ValidatedSwitch.js

@@ -0,0 +1,60 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { CardSwitch, FieldErrorMessage } from '@apia/components';
+import { ChangeEvent } from '@apia/util';
+import { useValidations } from './Context.js';
+
+const ValidatedSwitch = observer(
+  ({
+    className,
+    defaultChecked = false,
+    hiddenFallback,
+    label,
+    onChange,
+    path,
+    sx,
+    title,
+    ...props
+  }) => {
+    const field = useValidations().useField(path, defaultChecked);
+    const titleText = label === "nolabel" ? "" : label.text;
+    const ariaLabel = label === "nolabel" ? void 0 : label.title || label.text;
+    if (field.hidden) {
+      return /* @__PURE__ */ jsx(Fragment, { children: hiddenFallback ?? null });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CardSwitch,
+        {
+          ...props,
+          ariaLabel: props.ariaLabel ?? ariaLabel,
+          disabled: Boolean(props.disabled || field.disabled),
+          sx: {
+            ...sx,
+            ...field.isTouched ? {
+              borderColor: "touchedBorderColor"
+            } : {},
+            ...field.error ? {
+              borderLeftColor: "danger",
+              borderLeftStyle: "solid",
+              borderLeftWidth: "4px"
+            } : {}
+          },
+          title: title ?? titleText,
+          onToggle: async (nextChecked) => {
+            const event = new ChangeEvent(nextChecked);
+            await onChange?.(event);
+            if (!event.defaultPrevented) {
+              field.setValue(event.value);
+            }
+          },
+          checked: field.value
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldErrorMessage, { name: path, children: field.error })
+    ] });
+  }
+);
+
+export { ValidatedSwitch };
+//# sourceMappingURL=ValidatedSwitch.js.map

package/dist/ValidatedSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedSwitch.js","sources":["../src/ValidatedSwitch.tsx"],"sourcesContent":["import { ComponentProps, ReactNode } from 'react';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { CardSwitch, FieldErrorMessage } from '@apia/components';\r\nimport { TChangeEventHandler, TLabel, ChangeEvent } from '@apia/util';\r\nimport { useValidations } from './Context';\r\n\r\ntype TCardSwitchProps = ComponentProps<typeof CardSwitch>;\r\n\r\nexport type TValidatedSwitch = {\r\n  className?: string;\r\n  defaultChecked?: boolean;\r\n  path: string;\r\n  label: 'nolabel' | TLabel;\r\n  hiddenFallback?: ReactNode;\r\n  onChange?: TChangeEventHandler<boolean>;\r\n  title?: TCardSwitchProps['title'];\r\n} & Omit<TCardSwitchProps, 'checked' | 'onToggle' | 'title'>;\r\n\r\nexport const ValidatedSwitch = observer(\r\n  ({\r\n    className,\r\n    defaultChecked = false,\r\n    hiddenFallback,\r\n    label,\r\n    onChange,\r\n    path,\r\n    sx,\r\n    title,\r\n    ...props\r\n  }: TValidatedSwitch) => {\r\n    const field = useValidations().useField(path, defaultChecked);\r\n    const titleText = label === 'nolabel' ? '' : label.text;\r\n    const ariaLabel =\r\n      label === 'nolabel' ? undefined : label.title || label.text;\r\n\r\n    if (field.hidden) {\r\n      return <>{hiddenFallback ?? null}</>;\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <CardSwitch\r\n          {...props}\r\n          ariaLabel={props.ariaLabel ?? ariaLabel}\r\n          disabled={Boolean(props.disabled || field.disabled)}\r\n          sx={{\r\n            ...sx,\r\n            ...(field.isTouched\r\n              ? {\r\n                  borderColor: 'touchedBorderColor',\r\n                }\r\n              : {}),\r\n            ...(field.error\r\n              ? {\r\n                  borderLeftColor: 'danger',\r\n                  borderLeftStyle: 'solid',\r\n                  borderLeftWidth: '4px',\r\n                }\r\n              : {}),\r\n          }}\r\n          title={title ?? titleText}\r\n          onToggle={async (nextChecked) => {\r\n            const event = new ChangeEvent(nextChecked);\r\n\r\n            await onChange?.(event);\r\n            if (!event.defaultPrevented) {\r\n              field.setValue(event.value);\r\n            }\r\n          }}\r\n          checked={field.value as boolean}\r\n        />\r\n        <FieldErrorMessage name={path}>{field.error}</FieldErrorMessage>\r\n      </>\r\n    );\r\n  },\r\n);\r\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,eAAA,GAAkB,QAAA;AAAA,EAC7B,CAAC;AAAA,IACC,SAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,cAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,EAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAwB;AACtB,IAAA,MAAM,KAAA,GAAQ,cAAA,EAAe,CAAE,QAAA,CAAS,MAAM,cAAc,CAAA;AAC5D,IAAA,MAAM,SAAA,GAAY,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,IAAA;AACnD,IAAA,MAAM,YACJ,KAAA,KAAU,SAAA,GAAY,MAAA,GAAY,KAAA,CAAM,SAAS,KAAA,CAAM,IAAA;AAEzD,IAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,MAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,4BAAkB,IAAA,EAAK,CAAA;AAAA;AAGnC,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,SAAA,EAAW,MAAM,SAAA,IAAa,SAAA;AAAA,UAC9B,QAAA,EAAU,OAAA,CAAQ,KAAA,CAAM,QAAA,IAAY,MAAM,QAAQ,CAAA;AAAA,UAClD,EAAA,EAAI;AAAA,YACF,GAAG,EAAA;AAAA,YACH,GAAI,MAAM,SAAA,GACN;AAAA,cACE,WAAA,EAAa;AAAA,gBAEf,EAAC;AAAA,YACL,GAAI,MAAM,KAAA,GACN;AAAA,cACE,eAAA,EAAiB,QAAA;AAAA,cACjB,eAAA,EAAiB,OAAA;AAAA,cACjB,eAAA,EAAiB;AAAA,gBAEnB;AAAC,WACP;AAAA,UACA,OAAO,KAAA,IAAS,SAAA;AAAA,UAChB,QAAA,EAAU,OAAO,WAAA,KAAgB;AAC/B,YAAA,MAAM,KAAA,GAAQ,IAAI,WAAA,CAAY,WAAW,CAAA;AAEzC,YAAA,MAAM,WAAW,KAAK,CAAA;AACtB,YAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,cAAA,KAAA,CAAM,QAAA,CAAS,MAAM,KAAK,CAAA;AAAA;AAC5B,WACF;AAAA,UACA,SAAS,KAAA,CAAM;AAAA;AAAA,OACjB;AAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAAkB,IAAA,EAAM,IAAA,EAAO,gBAAM,KAAA,EAAM;AAAA,KAAA,EAC9C,CAAA;AAAA;AAGN;;;;"}

package/dist/ValidatedTextarea.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TFieldLabel } from '@apia/components';
+import { TextareaProps } from '@apia/theme';
+import { TLabel, TChangeEventHandler } from '@apia/util';
+import { ReactNode } from 'react';
+
+type TValidateTextarea = {
+    path: string;
+    label: TLabel | 'nolabel';
+    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
+    hiddenFallback?: ReactNode;
+    onChange?: TChangeEventHandler<string>;
+} & Omit<TextareaProps, 'value' | 'onChange'>;
+declare const ValidatedTextarea: (({ className, label, path, labelProps, defaultValue, hiddenFallback, onChange, ...props }: TValidateTextarea) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { type TValidateTextarea, ValidatedTextarea };
+//# sourceMappingURL=ValidatedTextarea.d.ts.map

package/dist/ValidatedTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedTextarea.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ValidatedTextarea.js

@@ -0,0 +1,55 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { useValidations } from './Context.js';
+import { FieldLabel } from '@apia/components';
+import { Textarea } from '@apia/theme';
+import { ChangeEvent } from '@apia/util';
+
+const ValidatedTextarea = observer(
+  ({
+    className,
+    label,
+    path,
+    labelProps,
+    defaultValue = "",
+    hiddenFallback,
+    onChange,
+    ...props
+  }) => {
+    const field = useValidations().useField(path, defaultValue);
+    if (field.hidden) {
+      return /* @__PURE__ */ jsx(Fragment, { children: hiddenFallback ?? null });
+    }
+    return /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        ...labelProps,
+        label: label === "nolabel" ? "" : label.text,
+        title: label === "nolabel" ? "" : label.title,
+        required: field.required,
+        className: `${className || ""} ${field.isTouched ? "field__touched" : ""} textarea`,
+        error: field.error,
+        avoidSemicolon: label === "nolabel",
+        children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            ...props,
+            disabled: Boolean(props.disabled || field.disabled),
+            ref: field.ref,
+            onChange: async (_ev) => {
+              const ev = new ChangeEvent(_ev.target.value);
+              await onChange?.(ev);
+              if (!ev.defaultPrevented) {
+                field.setValue(ev.value);
+              }
+            },
+            value: field.value
+          }
+        )
+      }
+    );
+  }
+);
+
+export { ValidatedTextarea };
+//# sourceMappingURL=ValidatedTextarea.js.map

package/dist/ValidatedTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidatedTextarea.js","sources":["../src/ValidatedTextarea.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport { useValidations } from './Context';\r\nimport { FieldLabel, TFieldLabel } from '@apia/components';\r\nimport { Textarea, TextareaProps } from '@apia/theme';\r\nimport { ChangeEvent, TLabel, TChangeEventHandler } from '@apia/util';\r\nimport { ReactNode } from 'react';\r\n\r\nexport type TValidateTextarea = {\r\n  path: string;\r\n  label: TLabel | 'nolabel';\r\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\r\n  hiddenFallback?: ReactNode;\r\n  onChange?: TChangeEventHandler<string>;\r\n} & Omit<TextareaProps, 'value' | 'onChange'>;\r\n\r\nexport const ValidatedTextarea = observer(\r\n  ({\r\n    className,\r\n    label,\r\n    path,\r\n    labelProps,\r\n    defaultValue = '',\r\n    hiddenFallback,\r\n    onChange,\r\n    ...props\r\n  }: TValidateTextarea) => {\r\n    const field = useValidations().useField(path, defaultValue);\r\n\r\n    if (field.hidden) {\r\n      return <>{hiddenFallback ?? null}</>;\r\n    }\r\n\r\n    return (\r\n      <FieldLabel\r\n        {...labelProps}\r\n        label={label === 'nolabel' ? '' : label.text}\r\n        title={label === 'nolabel' ? '' : label.title}\r\n        required={field.required}\r\n        className={`${className || ''} ${field.isTouched ? 'field__touched' : ''} textarea`}\r\n        error={field.error}\r\n        avoidSemicolon={label === 'nolabel'}\r\n      >\r\n        <Textarea\r\n          {...props}\r\n          disabled={Boolean(props.disabled || field.disabled)}\r\n          ref={field.ref as any}\r\n          onChange={async (_ev) => {\r\n            const ev = new ChangeEvent(_ev.target.value);\r\n\r\n            await onChange?.(ev);\r\n            if (!ev.defaultPrevented) {\r\n              field.setValue(ev.value);\r\n            }\r\n          }}\r\n          value={field.value as any}\r\n        />\r\n      </FieldLabel>\r\n    );\r\n  },\r\n);\r\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,iBAAA,GAAoB,QAAA;AAAA,EAC/B,CAAC;AAAA,IACC,SAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,GAAe,EAAA;AAAA,IACf,cAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAyB;AACvB,IAAA,MAAM,KAAA,GAAQ,cAAA,EAAe,CAAE,QAAA,CAAS,MAAM,YAAY,CAAA;AAE1D,IAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,MAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,4BAAkB,IAAA,EAAK,CAAA;AAAA;AAGnC,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,KAAA,EAAO,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,IAAA;AAAA,QACxC,KAAA,EAAO,KAAA,KAAU,SAAA,GAAY,EAAA,GAAK,KAAA,CAAM,KAAA;AAAA,QACxC,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,SAAA,EAAW,GAAG,SAAA,IAAa,EAAE,IAAI,KAAA,CAAM,SAAA,GAAY,mBAAmB,EAAE,CAAA,SAAA,CAAA;AAAA,QACxE,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,gBAAgB,KAAA,KAAU,SAAA;AAAA,QAE1B,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,QAAA,EAAU,OAAA,CAAQ,KAAA,CAAM,QAAA,IAAY,MAAM,QAAQ,CAAA;AAAA,YAClD,KAAK,KAAA,CAAM,GAAA;AAAA,YACX,QAAA,EAAU,OAAO,GAAA,KAAQ;AACvB,cAAA,MAAM,EAAA,GAAK,IAAI,WAAA,CAAY,GAAA,CAAI,OAAO,KAAK,CAAA;AAE3C,cAAA,MAAM,WAAW,EAAE,CAAA;AACnB,cAAA,IAAI,CAAC,GAAG,gBAAA,EAAkB;AACxB,gBAAA,KAAA,CAAM,QAAA,CAAS,GAAG,KAAK,CAAA;AAAA;AACzB,aACF;AAAA,YACA,OAAO,KAAA,CAAM;AAAA;AAAA;AACf;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist/index.d.ts

@@ -1,56 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { ValidationStore } from '@apia/validations2-controller';
-import { TFieldLabel, TCheckbox } from '@apia/components';
-import { InputProps, TextareaProps } from '@apia/theme';
-import { TOption } from '@apia/util';
-
-declare const ValidationContextPrimitive: react.Context<ValidationStore<any> | null>;
-declare const ValidationContext: ({ children, store, }: {
-    children: ReactNode;
-    store: ValidationStore<any>;
-}) => react_jsx_runtime.JSX.Element;
-declare const useValidations: () => ValidationStore<any>;
-
-type TValidateCheckbox = {
-    path: string;
-    label: string;
-    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
-} & Omit<TCheckbox, 'value' | 'checked'>;
-declare const ValidatedCheckbox: (({ className, label, path, labelProps, onChange, ...props }: TValidateCheckbox) => react_jsx_runtime.JSX.Element) & {
-    displayName: string;
-};
-
-type TValidateInput = {
-    path: string;
-    label: string;
-    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
-} & Omit<InputProps, 'value'>;
-declare const ValidatedInput: (({ className, label, path, labelProps, onChange, ...props }: TValidateInput) => react_jsx_runtime.JSX.Element) & {
-    displayName: string;
-};
-
-type TValidateSelect = {
-    className?: string;
-    path: string;
-    label: string;
-    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
-    onChange?: (value: string) => unknown;
-    options: TOption[];
-};
-declare const ValidatedSelect: (({ className, label, path, labelProps, onChange, options, }: TValidateSelect) => react_jsx_runtime.JSX.Element) & {
-    displayName: string;
-};
-
-type TValidateTextarea = {
-    path: string;
-    label: string;
-    labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;
-} & Omit<TextareaProps, 'value'>;
-declare const ValidatedTextarea: (({ className, label, path, labelProps, onChange, ...props }: TValidateTextarea) => react_jsx_runtime.JSX.Element) & {
-    displayName: string;
-};
-
-export { type TValidateCheckbox, type TValidateInput, type TValidateSelect, type TValidateTextarea, ValidatedCheckbox, ValidatedInput, ValidatedSelect, ValidatedTextarea, ValidationContext, ValidationContextPrimitive, useValidations };
+export { ValidationContext, ValidationContextPrimitive, useValidations } from './Context.js';
+export { TValidateCheckbox, ValidatedCheckbox } from './ValidatedCheckbox.js';
+export { TValidateInput, ValidatedInput } from './ValidatedInput.js';
+export { TValidateSelect, ValidatedSelect } from './ValidatedSelect.js';
+export { TValidatedSwitch, ValidatedSwitch } from './ValidatedSwitch.js';
+export { TValidateTextarea, ValidatedTextarea } from './ValidatedTextarea.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,157 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-import { observer } from 'mobx-react-lite';
-import { FieldLabel, Checkbox, Autocomplete } from '@apia/components';
-import { Input, Textarea } from '@apia/theme';
-
-const ValidationContextPrimitive = createContext(null);
-const ValidationContext = ({
-  children,
-  store
-}) => /* @__PURE__ */ jsx(ValidationContextPrimitive.Provider, { value: store, children });
-const useValidations = () => useContext(ValidationContextPrimitive);
-
-const ValidatedCheckbox = observer(
-  ({
-    className,
-    label,
-    path,
-    labelProps,
-    onChange,
-    ...props
-  }) => {
-    const field = useValidations().useField(path);
-    return /* @__PURE__ */ jsx(
-      FieldLabel,
-      {
-        avoidSemicolon: true,
-        ...labelProps,
-        label,
-        required: field.required,
-        className: `${className || ""} checkbox`,
-        error: field.error,
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            ...props,
-            ref: field.ref,
-            onChange: (ev) => {
-              field.setValue(ev.target.value);
-              onChange?.(ev);
-            },
-            value: field.value
-          }
-        )
-      }
-    );
-  }
-);
-
-const ValidatedInput = observer(
-  ({
-    className,
-    label,
-    path,
-    labelProps,
-    onChange,
-    ...props
-  }) => {
-    const field = useValidations().useField(path);
-    return /* @__PURE__ */ jsx(
-      FieldLabel,
-      {
-        ...labelProps,
-        label,
-        required: field.required,
-        className: `${className || ""} input`,
-        error: field.error,
-        children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            ...props,
-            ref: field.ref,
-            onChange: (ev) => {
-              field.setValue(ev.target.value);
-              onChange?.(ev);
-            },
-            value: field.value
-          }
-        )
-      }
-    );
-  }
-);
-
-const ValidatedSelect = observer(
-  ({
-    className,
-    label,
-    path,
-    labelProps,
-    onChange,
-    options
-  }) => {
-    const field = useValidations().useField(path);
-    return /* @__PURE__ */ jsx(
-      FieldLabel,
-      {
-        ...labelProps,
-        label,
-        required: field.required,
-        className: `${className || ""} select`,
-        error: field.error,
-        children: /* @__PURE__ */ jsx(
-          Autocomplete,
-          {
-            ref: field.ref,
-            properties: {
-              options,
-              onChange(value) {
-                field.setValue(value);
-                onChange?.(value);
-              }
-            }
-          }
-        )
-      }
-    );
-  }
-);
-
-const ValidatedTextarea = observer(
-  ({
-    className,
-    label,
-    path,
-    labelProps,
-    onChange,
-    ...props
-  }) => {
-    const field = useValidations().useField(path);
-    return /* @__PURE__ */ jsx(
-      FieldLabel,
-      {
-        ...labelProps,
-        label,
-        required: field.required,
-        className: `${className || ""} textarea`,
-        error: field.error,
-        children: /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            ...props,
-            ref: field.ref,
-            onChange: (ev) => {
-              field.setValue(ev.target.value);
-              onChange?.(ev);
-            },
-            value: field.value
-          }
-        )
-      }
-    );
-  }
-);
-
-export { ValidatedCheckbox, ValidatedInput, ValidatedSelect, ValidatedTextarea, ValidationContext, ValidationContextPrimitive, useValidations };
+export { ValidationContext, ValidationContextPrimitive, useValidations } from './Context.js';
+export { ValidatedCheckbox } from './ValidatedCheckbox.js';
+export { ValidatedInput } from './ValidatedInput.js';
+export { ValidatedSelect } from './ValidatedSelect.js';
+export { ValidatedSwitch } from './ValidatedSwitch.js';
+export { ValidatedTextarea } from './ValidatedTextarea.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Context.tsx","../src/ValidatedCheckbox.tsx","../src/ValidatedInput.tsx","../src/ValidatedSelect.tsx","../src/ValidatedTextarea.tsx"],"sourcesContent":["import { ValidationStore } from '@apia/validations2-controller';\nimport { createContext, ReactNode, useContext } from 'react';\n\nexport const ValidationContextPrimitive =\n  createContext<ValidationStore<any> | null>(null);\n\nexport const ValidationContext = ({\n  children,\n  store,\n}: {\n  children: ReactNode;\n  store: ValidationStore<any>;\n}) => (\n  <ValidationContextPrimitive.Provider value={store}>\n    {children}\n  </ValidationContextPrimitive.Provider>\n);\n\nexport const useValidations = () => useContext(ValidationContextPrimitive)!;\n","import { observer } from 'mobx-react-lite';\nimport { useValidations } from './Context';\nimport { Checkbox, FieldLabel, TCheckbox, TFieldLabel } from '@apia/components';\n\nexport type TValidateCheckbox = {\n  path: string;\n  label: string;\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\n} & Omit<TCheckbox, 'value' | 'checked'>;\n\nexport const ValidatedCheckbox = observer(\n  ({\n    className,\n    label,\n    path,\n    labelProps,\n    onChange,\n    ...props\n  }: TValidateCheckbox) => {\n    const field = useValidations().useField(path);\n\n    return (\n      <FieldLabel\n        avoidSemicolon\n        {...labelProps}\n        label={label}\n        required={field.required}\n        className={`${className || ''} checkbox`}\n        error={field.error}\n      >\n        <Checkbox\n          {...props}\n          ref={field.ref}\n          onChange={(ev) => {\n            field.setValue(ev.target.value);\n            onChange?.(ev);\n          }}\n          value={field.value as any}\n        />\n      </FieldLabel>\n    );\n  },\n);\n","import { observer } from 'mobx-react-lite';\nimport { useValidations } from './Context';\nimport { FieldLabel, TFieldLabel } from '@apia/components';\nimport { Input, InputProps } from '@apia/theme';\n\nexport type TValidateInput = {\n  path: string;\n  label: string;\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\n} & Omit<InputProps, 'value'>;\n\nexport const ValidatedInput = observer(\n  ({\n    className,\n    label,\n    path,\n    labelProps,\n    onChange,\n    ...props\n  }: TValidateInput) => {\n    const field = useValidations().useField(path);\n\n    return (\n      <FieldLabel\n        {...labelProps}\n        label={label}\n        required={field.required}\n        className={`${className || ''} input`}\n        error={field.error}\n      >\n        <Input\n          {...props}\n          ref={field.ref}\n          onChange={(ev) => {\n            field.setValue(ev.target.value);\n            onChange?.(ev);\n          }}\n          value={field.value as any}\n        />\n      </FieldLabel>\n    );\n  },\n);\n","import { observer } from 'mobx-react-lite';\nimport { useValidations } from './Context';\nimport { Autocomplete, FieldLabel, TFieldLabel } from '@apia/components';\nimport { TOption } from '@apia/util';\n\nexport type TValidateSelect = {\n  className?: string;\n  path: string;\n  label: string;\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\n  onChange?: (value: string) => unknown;\n  options: TOption[];\n};\n\nexport const ValidatedSelect = observer(\n  ({\n    className,\n    label,\n    path,\n    labelProps,\n    onChange,\n    options,\n  }: TValidateSelect) => {\n    const field = useValidations().useField(path);\n\n    return (\n      <FieldLabel\n        {...labelProps}\n        label={label}\n        required={field.required}\n        className={`${className || ''} select`}\n        error={field.error}\n      >\n        <Autocomplete\n          ref={field.ref}\n          properties={{\n            options,\n            onChange(value) {\n              field.setValue(value);\n              onChange?.(value);\n            },\n          }}\n        />\n      </FieldLabel>\n    );\n  },\n);\n","import { observer } from 'mobx-react-lite';\nimport { useValidations } from './Context';\nimport { FieldLabel, TFieldLabel } from '@apia/components';\nimport { Textarea, TextareaProps } from '@apia/theme';\n\nexport type TValidateTextarea = {\n  path: string;\n  label: string;\n  labelProps?: Pick<TFieldLabel, 'avoidSemicolon' | 'requiredMarkPosition'>;\n} & Omit<TextareaProps, 'value'>;\n\nexport const ValidatedTextarea = observer(\n  ({\n    className,\n    label,\n    path,\n    labelProps,\n    onChange,\n    ...props\n  }: TValidateTextarea) => {\n    const field = useValidations().useField(path);\n\n    return (\n      <FieldLabel\n        {...labelProps}\n        label={label}\n        required={field.required}\n        className={`${className || ''} textarea`}\n        error={field.error}\n      >\n        <Textarea\n          {...props}\n          ref={field.ref}\n          onChange={(ev) => {\n            field.setValue(ev.target.value);\n            onChange?.(ev);\n          }}\n          value={field.value as any}\n        />\n      </FieldLabel>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/validations2-component",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -30,11 +30,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@apia/components": "^5.0.0",
-    "@apia/theme": "^5.0.0",
-    "@apia/validations2-controller": "^5.0.0",
-    "mobx": "^6.15.0",
-    "mobx-react-lite": "^4.1.1"
+    "@apia/components": "^5.0.1",
+    "@apia/theme": "^5.0.1",
+    "@apia/validations2-controller": "^5.0.1",
+    "mobx": "6.12.3",
+    "mobx-react-lite": "3.4.3"
   },
-  "gitHead": "985b675635fb9d3dc5e26a90a6d9898864418b84"
+  "gitHead": "6d9a616690ac8454136310af79a721a8ccd6588d"
 }