@cntyclub/ui-react 0.1.0

package/dist/chunk-PR4QN5HX.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export { __commonJS, __export, __require, __toESM };
+//# sourceMappingURL=chunk-PR4QN5HX.js.map
+//# sourceMappingURL=chunk-PR4QN5HX.js.map

package/dist/chunk-PR4QN5HX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PR4QN5HX.js"}

package/dist/form.d.ts

@@ -0,0 +1,175 @@
+import * as React$1 from 'react';
+import * as _tanstack_react_form from '@tanstack/react-form';
+import { StandardSchemaV1Issue } from '@tanstack/react-form';
+import { B as Button, I as Input } from './input-CZvh825j.js';
+import 'class-variance-authority/types';
+import '@base-ui/react/use-render';
+import 'class-variance-authority';
+import '@base-ui/react/input';
+
+declare function CheckboxGroupField({ field, label, options, emptyMessage, description, }: {
+    field: {
+        name: string;
+        state: {
+            value: string[];
+            meta: {
+                readonly errors: ReadonlyArray<string | StandardSchemaV1Issue | undefined>;
+            };
+        };
+        handleChange: (nextValue: string[]) => void;
+    };
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        description?: string;
+        disabled?: boolean;
+    }>;
+    emptyMessage?: string;
+    description?: string;
+}): React$1.JSX.Element;
+
+declare function DateField({ field, label, placeholder, }: {
+    field: {
+        name: string;
+        state: {
+            value: Date | undefined;
+            meta: {
+                readonly errors: ReadonlyArray<string | StandardSchemaV1Issue | undefined>;
+            };
+        };
+        handleChange: (nextValue: Date | undefined) => void;
+        handleBlur: () => void;
+    };
+    label: string;
+    placeholder?: string;
+}): React$1.JSX.Element;
+
+declare function DateRangeField({ field, label, placeholder, numberOfMonths, }: {
+    field: {
+        name: string;
+        state: {
+            value: {
+                from: Date | undefined;
+                to: Date | undefined;
+            };
+            meta: {
+                readonly errors: ReadonlyArray<string | StandardSchemaV1Issue | undefined>;
+            };
+        };
+        handleChange: (nextValue: {
+            from: Date | undefined;
+            to: Date | undefined;
+        }) => void;
+        handleBlur: () => void;
+    };
+    label: string;
+    placeholder?: string;
+    numberOfMonths?: number;
+}): React$1.JSX.Element;
+
+declare function NumberField({ field, label, min, className, }: {
+    field: {
+        name: string;
+        state: {
+            value: number;
+            meta: {
+                readonly errors: ReadonlyArray<string | StandardSchemaV1Issue | undefined>;
+            };
+        };
+        handleChange: (nextValue: number) => void;
+        handleBlur: () => void;
+    };
+    label: string;
+    min?: number;
+    className?: string;
+}): React$1.JSX.Element;
+
+declare function SelectField({ field, label, placeholder, options, }: {
+    field: {
+        name: string;
+        state: {
+            value: string;
+            meta: {
+                readonly errors: ReadonlyArray<string | StandardSchemaV1Issue | undefined>;
+            };
+        };
+        handleChange: (nextValue: string) => void;
+        handleBlur: () => void;
+    };
+    label: string;
+    placeholder?: string;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+}): React$1.JSX.Element;
+
+interface SubmitButtonProps extends React.ComponentProps<typeof Button> {
+    icon?: React.ReactNode;
+}
+declare function SubmitButton({ children, disabled, icon, ...props }: SubmitButtonProps): React$1.JSX.Element;
+
+declare function TextField({ field, label, placeholder, type, inlineLabel, leadingIcon, trailingIcon, }: {
+    field: {
+        name: string;
+        state: {
+            value: string;
+            meta: {
+                readonly errors: ReadonlyArray<string | StandardSchemaV1Issue | undefined>;
+            };
+        };
+        handleChange: (nextValue: string) => void;
+        handleBlur: () => void;
+    };
+    label: string;
+    placeholder?: string;
+    type?: React.ComponentProps<typeof Input>["type"];
+    /** Render label inside the input border as a block-start addon */
+    inlineLabel?: boolean;
+    /** Content rendered as an inline-start addon (e.g. an icon) */
+    leadingIcon?: React.ReactNode;
+    /** Content rendered as an inline-end addon (e.g. an icon) */
+    trailingIcon?: React.ReactNode;
+}): React$1.JSX.Element;
+
+declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_react_form.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+    readonly CheckboxGroupField: typeof CheckboxGroupField;
+    readonly SelectField: typeof SelectField;
+    readonly DateField: typeof DateField;
+    readonly DateRangeField: typeof DateRangeField;
+    readonly NumberField: typeof NumberField;
+}, {
+    readonly SubmitButton: typeof SubmitButton;
+}>;
+declare const withAppForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: _tanstack_react_form.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+    readonly CheckboxGroupField: typeof CheckboxGroupField;
+    readonly SelectField: typeof SelectField;
+    readonly DateField: typeof DateField;
+    readonly DateRangeField: typeof DateRangeField;
+    readonly NumberField: typeof NumberField;
+}, {
+    readonly SubmitButton: typeof SubmitButton;
+}, TRenderProps>) => React$1.FunctionComponent<React$1.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: _tanstack_react_form.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly TextField: typeof TextField;
+        readonly CheckboxGroupField: typeof CheckboxGroupField;
+        readonly SelectField: typeof SelectField;
+        readonly DateField: typeof DateField;
+        readonly DateRangeField: typeof DateRangeField;
+        readonly NumberField: typeof NumberField;
+    }, {
+        readonly SubmitButton: typeof SubmitButton;
+    }>;
+}>>;
+declare const useCustomAppForm: typeof useAppForm;
+declare const withCustomAppForm: typeof withAppForm;
+
+declare const appFieldContext: React$1.Context<_tanstack_react_form.AnyFieldApi>;
+declare const appFormContext: React$1.Context<_tanstack_react_form.AnyFormApi>;
+declare const useAppFieldContext: <TData>() => _tanstack_react_form.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
+declare const useAppFormContext: () => _tanstack_react_form.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+
+export { CheckboxGroupField, DateField, DateRangeField, NumberField, SelectField, SubmitButton, TextField, appFieldContext, appFormContext, useAppFieldContext, useCustomAppForm as useAppForm, useAppFormContext, withCustomAppForm as withAppForm };