npm - singularity-components - Versions diffs - 0.1.194 → 0.1.196 - Mend

singularity-components 0.1.194 → 0.1.196

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/dist/lib/forms/tanstack-field.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/lib/forms/tanstack-field.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { DeepKeys } from \"@tanstack/react-form\";\r\nimport { FormControl } from \"../../components/primitives/forms/form-control\";import { Checkbox } from \"../../components/primitives/forms/checkbox\";\r\nimport { Input } from \"../../components/primitives/forms/input\";\r\nimport { Textarea } from \"../../components/primitives/forms/textarea\";\r\nimport {\r\n Field,\r\n FieldContent,\r\n FieldDescription,\r\n FieldError,\r\n FieldLabel,\r\n} from \"../../components/primitives/forms/field\";\r\nimport {\r\n getCheckboxFieldProps,\r\n getInputFieldProps,\r\n isFieldInvalid,\r\n normalizeFieldErrors,\r\n type TanStackFieldLike,\r\n} from \"./field-props\";\r\n\r\ntype TanStackFormLike<TFormData> = {\r\n Field: (props: {\r\n name: DeepKeys<TFormData>;\r\n validators?: Record<string, unknown>;\r\n children: (field: TanStackFieldLike) => React.ReactNode;\r\n }) => React.ReactNode;\r\n};\r\n\r\ntype TanStackFieldProps<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n> = {\r\n form: TanStackFormLike<TFormData>;\r\n name: TName;\r\n label?: React.ReactNode;\r\n description?: React.ReactNode;\r\n orientation?: React.ComponentProps<typeof FormControl>[\"orientation\"];\r\n labelClassName?: string;\r\n className?: string;\r\n validators?: Record<string, unknown>;\r\n children: (\r\n field: TanStackFieldLike,\r\n controlProps: Record<string, unknown>,\r\n controlId: string,\r\n ) => React.ReactNode;\r\n mapControlProps?: (\r\n field: TanStackFieldLike,\r\n controlId: string,\r\n ) => Record<string, unknown>;\r\n};\r\n\r\n/**\r\n * Connects a TanStack Form field to Singularity {@link FormControl} layout primitives.\r\n */\r\nfunction TanStackField<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n>({\r\n form,\r\n name,\r\n label,\r\n description,\r\n orientation,\r\n labelClassName,\r\n className,\r\n validators,\r\n children,\r\n mapControlProps = getInputFieldProps,\r\n}: TanStackFieldProps<TFormData, TName>) {\r\n const FieldComponent = form.Field;\r\n\r\n return (\r\n <FieldComponent name={name} validators={validators}>\r\n {(field: TanStackFieldLike) => {\r\n const invalid = isFieldInvalid(field);\r\n const controlId = String(field.name);\r\n\r\n return (\r\n <FormControl\r\n id={controlId}\r\n label={label}\r\n description={description}\r\n orientation={orientation}\r\n labelClassName={labelClassName}\r\n className={className}\r\n invalid={invalid}\r\n errors={normalizeFieldErrors(\r\n field.state.meta.errors as Array<string | { message?: string }>,\r\n )}\r\n >\r\n {(resolvedControlId) =>\r\n children(\r\n field,\r\n mapControlProps(field, resolvedControlId),\r\n resolvedControlId,\r\n )\r\n }\r\n </FormControl>\r\n );\r\n }}\r\n </FieldComponent>\r\n );\r\n}\r\n\r\ntype TanStackInputFieldProps<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n> = Omit<TanStackFieldProps<TFormData, TName>, \"children\" | \"mapControlProps\"> &\r\n Omit<React.ComponentProps<typeof Input>, \"id\" | \"name\" | \"value\" | \"onChange\" | \"onBlur\">;\r\n\r\n/**\r\n * TanStack Form field wired to {@link Input}.\r\n */\r\nfunction TanStackInputField<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n>({ type = \"text\", ...props }: TanStackInputFieldProps<TFormData, TName>) {\r\n return (\r\n <TanStackField {...props}>\r\n {(_field, controlProps) => <Input {...controlProps} type={type} />}\r\n </TanStackField>\r\n );\r\n}\r\n\r\ntype TanStackTextareaFieldProps<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n> = Omit<TanStackFieldProps<TFormData, TName>, \"children\" | \"mapControlProps\"> &\r\n Omit<\r\n React.ComponentProps<typeof Textarea>,\r\n \"id\" | \"name\" | \"value\" | \"onChange\" | \"onBlur\"\r\n >;\r\n\r\n/**\r\n * TanStack Form field wired to {@link Textarea}.\r\n */\r\nfunction TanStackTextareaField<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n>(props: TanStackTextareaFieldProps<TFormData, TName>) {\r\n return (\r\n <TanStackField {...props}>\r\n {(_field, controlProps) => <Textarea {...controlProps} />}\r\n </TanStackField>\r\n );\r\n}\r\n\r\ntype TanStackCheckboxFieldProps<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n> = Omit<TanStackFieldProps<TFormData, TName>, \"children\" | \"mapControlProps\" | \"label\"> & {\r\n label: React.ReactNode;\r\n checkboxClassName?: string;\r\n labelClassName?: string;\r\n};\r\n\r\n/**\r\n * TanStack Form field wired to {@link Checkbox} with a horizontal layout by default.\r\n */\r\nfunction TanStackCheckboxField<\r\n TFormData,\r\n TName extends DeepKeys<TFormData>,\r\n>({\r\n form,\r\n name,\r\n validators,\r\n checkboxClassName,\r\n labelClassName,\r\n label,\r\n description,\r\n orientation = \"horizontal\",\r\n className,\r\n}: TanStackCheckboxFieldProps<TFormData, TName>) {\r\n const FieldComponent = form.Field;\r\n\r\n return (\r\n <FieldComponent name={name} validators={validators}>\r\n {(field: TanStackFieldLike) => {\r\n const invalid = isFieldInvalid(field);\r\n const controlProps = getCheckboxFieldProps(field);\r\n\r\n return (\r\n <Field orientation={orientation} invalid={invalid} className={className}>\r\n <Checkbox {...controlProps} className={checkboxClassName} />\r\n <FieldLabel htmlFor={controlProps.id} className={labelClassName}>\r\n {label}\r\n </FieldLabel>\r\n {(description || invalid) && (\r\n <FieldContent className=\"sg:basis-full\">\r\n {description && <FieldDescription>{description}</FieldDescription>}\r\n <FieldError\r\n errors={normalizeFieldErrors(\r\n field.state.meta.errors as Array<string | { message?: string }>,\r\n )}\r\n />\r\n </FieldContent>\r\n )}\r\n </Field>\r\n );\r\n }}\r\n </FieldComponent>\r\n );\r\n}\r\n\r\nexport {\r\n TanStackCheckboxField,\r\n TanStackField,\r\n TanStackInputField,\r\n TanStackTextareaField,\r\n type TanStackFormLike,\r\n};\r\n\r\nexport {\r\n getCheckboxFieldProps,\r\n getInputFieldProps,\r\n getSelectFieldProps,\r\n isFieldInvalid,\r\n normalizeFieldErrors,\r\n type FieldErrorLike,\r\n type TanStackFieldLike,\r\n} from \"./field-props\";\r\n"],"mappings":";AA+EU,cA8GI,YA9GJ;AA5EV,SAAS,mBAAmB;AAAiD,SAAS,gBAAgB;AACtG,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAoCP,SAAS,cAGP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAAyC;AACvC,QAAM,iBAAiB,KAAK;AAE5B,SACE,oBAAC,kBAAe,MAAY,YACzB,WAAC,UAA6B;AAC7B,UAAM,UAAU,eAAe,KAAK;AACpC,UAAM,YAAY,OAAO,MAAM,IAAI;AAEnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,UACN,MAAM,MAAM,KAAK;AAAA,QACnB;AAAA,QAEC,WAAC,sBACA;AAAA,UACE;AAAA,UACA,gBAAgB,OAAO,iBAAiB;AAAA,UACxC;AAAA,QACF;AAAA;AAAA,IAEJ;AAAA,EAEJ,GACF;AAEJ;AAWA,SAAS,mBAGP,EAAE,OAAO,QAAQ,GAAG,MAAM,GAA8C;AACxE,SACE,oBAAC,iBAAe,GAAG,OAChB,WAAC,QAAQ,iBAAiB,oBAAC,SAAO,GAAG,cAAc,MAAY,GAClE;AAEJ;AAcA,SAAS,sBAGP,OAAqD;AACrD,SACE,oBAAC,iBAAe,GAAG,OAChB,WAAC,QAAQ,iBAAiB,oBAAC,YAAU,GAAG,cAAc,GACzD;AAEJ;AAcA,SAAS,sBAGP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAiD;AAC/C,QAAM,iBAAiB,KAAK;AAE5B,SACE,oBAAC,kBAAe,MAAY,YACzB,WAAC,UAA6B;AAC7B,UAAM,UAAU,eAAe,KAAK;AACpC,UAAM,eAAe,sBAAsB,KAAK;AAEhD,WACE,qBAAC,SAAM,aAA0B,SAAkB,WACjD;AAAA,0BAAC,YAAU,GAAG,cAAc,WAAW,mBAAmB;AAAA,MAC1D,oBAAC,cAAW,SAAS,aAAa,IAAI,WAAW,gBAC9C,iBACH;AAAA,OACE,eAAe,YACf,qBAAC,gBAAa,WAAU,iBACrB;AAAA,uBAAe,oBAAC,oBAAkB,uBAAY;AAAA,QAC/C;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,cACN,MAAM,MAAM,KAAK;AAAA,YACnB;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OAEJ;AAAA,EAEJ,GACF;AAEJ;AAUA;AAAA,EACE,yBAAAA;AAAA,EACA,sBAAAC;AAAA,EACA;AAAA,EACA,kBAAAC;AAAA,EACA,wBAAAC;AAAA,OAGK;","names":["getCheckboxFieldProps","getInputFieldProps","isFieldInvalid","normalizeFieldErrors"]}

package/dist/lib/index.d.ts CHANGED Viewed

@@ -1,2 +1,13 @@
 export { formatDate } from './helpers/date.js';
+export { FieldErrorLike, TanStackFieldLike, getCheckboxFieldProps, getInputFieldProps, getSelectFieldProps, isFieldInvalid, normalizeFieldErrors } from './forms/field-props.js';
+export { TanStackCheckboxField, TanStackField, TanStackFormLike, TanStackInputField, TanStackTextareaField } from './forms/tanstack-field.js';
 export { useIsClient } from './hooks/useIsClient.js';
+import 'react';
+import '@tanstack/react-form';
+import '../components/primitives/forms/form-control.js';
+import '../components/primitives/forms/field.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../components/primitives/label/label.js';
+import '../components/primitives/forms/input.js';
+import '../components/primitives/forms/textarea.js';

package/dist/lib/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
 export * from "./helpers/index.js";
+export * from "./forms/index.js";
 export * from "./hooks/useIsClient.js";
 //# sourceMappingURL=index.js.map

package/dist/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/lib/index.ts"],"sourcesContent":["/*\n Library index\n \n Please keep exports sorted alphabetically by path!\n /\n\nexport from \"./helpers/index\";\nexport * from \"./hooks/useIsClient\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../src/lib/index.ts"],"sourcesContent":["/*\n Library index\n \n Please keep exports sorted alphabetically by path!\n /\n\nexport from \"./helpers/index\";\nexport * from \"./forms/index\";\nexport * from \"./hooks/useIsClient\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}