npm - @manafishrov/ui - Versions diffs - 1.4.4 → 1.4.6 - Mend

@manafishrov/ui 1.4.4 → 1.4.6

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 (1025) hide show

package/dist/components/form/ComboboxField.js CHANGED Viewed

@@ -1,119 +1,118 @@
-import { createComponent as e, mergeProps as a, insert as u, memo as s, template as c } from "solid-js/web";
-import { Combobox as h, ComboboxControl as m, ComboboxInput as p, ComboboxClearTrigger as C, ComboboxTrigger as b, ComboboxPositioner as O, ComboboxContent as f, ComboboxList as x } from "../Combobox.js";
-import { Field as T, FieldLabel as v, FieldContent as w, FieldError as F, FieldDescription as P } from "../Field.js";
-import { useFieldContext as y } from "./context.js";
-import { WithTrailingAddon as B } from "./WithTrailingAddon.js";
-import { splitProps as i } from "solid-js";
-var V = /* @__PURE__ */ c('<div class="gap-1 flex items-center">');
-const _ = ["placeholder", "inputBehavior", "openOnChange", "openOnClick", "openOnKeyPress", "closeOnSelect", "allowCustomValue", "multiple", "selectionBehavior", "autoFocus", "loopFocus", "positioning", "alwaysSubmitOnEnter", "composite", "defaultHighlightedValue", "defaultInputValue", "defaultOpen", "defaultValue", "disableLayer", "highlightedValue", "ids", "immediate", "inputValue", "lazyMount", "navigate", "onExitComplete", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onSelect", "open", "present", "scrollToIndexFn", "skipAnimationOnMount", "translations", "unmountOnExit"], I = (l) => {
-  const [t, r] = i(l, ["showTrigger", "showClearTrigger", "children"]);
-  return [e(m, {
-    get children() {
-      return [e(p, r), (() => {
-        var n = V();
-        return u(n, (() => {
-          var o = s(() => t.showClearTrigger === !0);
-          return () => o() && e(C, {});
-        })(), null), u(n, (() => {
-          var o = s(() => t.showTrigger === !0);
-          return () => o() && e(b, {});
-        })(), null), n;
-      })()];
-    }
-  }), e(O, {
-    get children() {
-      return e(f, {
-        get children() {
-          return e(x, {
-            get children() {
-              return t.children;
-            }
-          });
-        }
-      });
-    }
-  })];
-}, E = ["label", "description", "required", "disabled", "readOnly", "collection", "showTrigger", "showClearTrigger", "children", "trailingAddon"], D = (l) => {
-  const t = y(), [r, n] = i(l, E), [o, d] = i(n, _);
-  return e(T, {
-    get invalid() {
-      return t().state.meta.errors.length > 0;
-    },
-    get disabled() {
-      return r.disabled ?? !1;
-    },
-    get readOnly() {
-      return r.readOnly ?? !1;
-    },
-    get required() {
-      return r.required ?? !1;
-    },
-    get children() {
-      return [e(v, {
-        get children() {
-          return r.label;
-        }
-      }), e(w, {
-        get children() {
-          return [e(B, {
-            get addon() {
-              return r.trailingAddon;
-            },
-            get children() {
-              return e(h, a({
-                get collection() {
-                  return r.collection;
-                },
-                get value() {
-                  return t().state.value;
-                },
-                onValueChange: (g) => {
-                  t().handleChange(g.value);
-                },
-                onBlur: () => {
-                  t().handleBlur();
-                },
-                get invalid() {
-                  return t().state.meta.errors.length > 0;
-                },
-                get disabled() {
-                  return r.disabled ?? !1;
-                },
-                get readOnly() {
-                  return r.readOnly ?? !1;
-                }
-              }, o, {
-                get children() {
-                  return e(I, a({
-                    get showTrigger() {
-                      return r.showTrigger;
-                    },
-                    get showClearTrigger() {
-                      return r.showClearTrigger;
-                    }
-                  }, d, {
-                    get children() {
-                      return r.children;
-                    }
-                  }));
-                }
-              }));
-            }
-          }), e(F, {
-            get errors() {
-              return t().state.meta.errors;
-            }
-          }), e(P, {
-            get children() {
-              return r.description;
-            }
-          })];
-        }
-      })];
-    }
-  });
+import { Combobox as e, ComboboxClearTrigger as t, ComboboxContent as n, ComboboxControl as r, ComboboxInput as i, ComboboxList as a, ComboboxPositioner as o, ComboboxTrigger as s } from "../Combobox.js";
+import { Field as c, FieldContent as l, FieldDescription as u, FieldError as d, FieldLabel as f } from "../Field.js";
+import { WithTrailingAddon as p } from "./WithTrailingAddon.js";
+import { useFieldContext as m } from "./context.js";
+import { createComponent as h, insert as g, memo as _, mergeProps as v, template as y } from "solid-js/web";
+import { splitProps as b } from "solid-js";
+//#region src/components/form/ComboboxField.tsx
+var x = /* @__PURE__ */ y("<div class=\"gap-1 flex items-center\">"), S = /* @__PURE__ */ "placeholder.inputBehavior.openOnChange.openOnClick.openOnKeyPress.closeOnSelect.allowCustomValue.multiple.selectionBehavior.autoFocus.loopFocus.positioning.alwaysSubmitOnEnter.composite.defaultHighlightedValue.defaultInputValue.defaultOpen.defaultValue.disableLayer.highlightedValue.ids.immediate.inputValue.lazyMount.navigate.onExitComplete.onFocusOutside.onHighlightChange.onInputValueChange.onInteractOutside.onOpenChange.onPointerDownOutside.onSelect.open.present.scrollToIndexFn.skipAnimationOnMount.translations.unmountOnExit".split("."), C = (e) => {
+	let [c, l] = b(e, [
+		"showTrigger",
+		"showClearTrigger",
+		"children"
+	]);
+	return [h(r, { get children() {
+		return [h(i, l), (() => {
+			var e = x();
+			return g(e, (() => {
+				var e = _(() => c.showClearTrigger === !0);
+				return () => e() && h(t, {});
+			})(), null), g(e, (() => {
+				var e = _(() => c.showTrigger === !0);
+				return () => e() && h(s, {});
+			})(), null), e;
+		})()];
+	} }), h(o, { get children() {
+		return h(n, { get children() {
+			return h(a, { get children() {
+				return c.children;
+			} });
+		} });
+	} })];
+}, w = [
+	"label",
+	"description",
+	"required",
+	"disabled",
+	"readOnly",
+	"collection",
+	"showTrigger",
+	"showClearTrigger",
+	"children",
+	"trailingAddon"
+], T = (t) => {
+	let n = m(), [r, i] = b(t, w), [a, o] = b(i, S);
+	return h(c, {
+		get invalid() {
+			return n().state.meta.errors.length > 0;
+		},
+		get disabled() {
+			return r.disabled ?? !1;
+		},
+		get readOnly() {
+			return r.readOnly ?? !1;
+		},
+		get required() {
+			return r.required ?? !1;
+		},
+		get children() {
+			return [h(f, { get children() {
+				return r.label;
+			} }), h(l, { get children() {
+				return [
+					h(p, {
+						get addon() {
+							return r.trailingAddon;
+						},
+						get children() {
+							return h(e, v({
+								get collection() {
+									return r.collection;
+								},
+								get value() {
+									return n().state.value;
+								},
+								onValueChange: (e) => {
+									n().handleChange(e.value);
+								},
+								onBlur: () => {
+									n().handleBlur();
+								},
+								get invalid() {
+									return n().state.meta.errors.length > 0;
+								},
+								get disabled() {
+									return r.disabled ?? !1;
+								},
+								get readOnly() {
+									return r.readOnly ?? !1;
+								}
+							}, a, { get children() {
+								return h(C, v({
+									get showTrigger() {
+										return r.showTrigger;
+									},
+									get showClearTrigger() {
+										return r.showClearTrigger;
+									}
+								}, o, { get children() {
+									return r.children;
+								} }));
+							} }));
+						}
+					}),
+					h(d, { get errors() {
+						return n().state.meta.errors;
+					} }),
+					h(u, { get children() {
+						return r.description;
+					} })
+				];
+			} })];
+		}
+	});
 };
-export {
-  D as ComboboxField
-};
-//# sourceMappingURL=ComboboxField.js.map
+//#endregion
+export { T as ComboboxField };
+//# sourceMappingURL=ComboboxField.js.map

package/dist/components/form/ComboboxField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxField.js","sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n Combobox,\n ComboboxContent,\n ComboboxInput,\n ComboboxList,\n ComboboxPositioner,\n ComboboxControl,\n ComboboxTrigger,\n ComboboxClearTrigger,\n} from '@/components/Combobox';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst COMBOBOX_ROOT_PROPS = [\n 'placeholder',\n 'inputBehavior',\n 'openOnChange',\n 'openOnClick',\n 'openOnKeyPress',\n 'closeOnSelect',\n 'allowCustomValue',\n 'multiple',\n 'selectionBehavior',\n 'autoFocus',\n 'loopFocus',\n 'positioning',\n 'alwaysSubmitOnEnter',\n 'composite',\n 'defaultHighlightedValue',\n 'defaultInputValue',\n 'defaultOpen',\n 'defaultValue',\n 'disableLayer',\n 'highlightedValue',\n 'ids',\n 'immediate',\n 'inputValue',\n 'lazyMount',\n 'navigate',\n 'onExitComplete',\n 'onFocusOutside',\n 'onHighlightChange',\n 'onInputValueChange',\n 'onInteractOutside',\n 'onOpenChange',\n 'onPointerDownOutside',\n 'onSelect',\n 'open',\n 'present',\n 'scrollToIndexFn',\n 'skipAnimationOnMount',\n 'translations',\n 'unmountOnExit',\n] as const;\n\nexport type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> &\n Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {\n collection: ComboboxRootProps<string>['collection'];\n label?: string;\n description?: string;\n showTrigger?: boolean;\n showClearTrigger?: boolean;\n trailingAddon?: JSXElement;\n } & { class?: string };\n\nconst ComboboxInputGroup: Component<\n ComponentProps<typeof ComboboxInput> & {\n showTrigger?: boolean \| undefined;\n showClearTrigger?: boolean \| undefined;\n }\n> = (props) => {\n const [local, others] = splitProps(props, ['showTrigger', 'showClearTrigger', 'children']);\n\n return (\n <>\n <ComboboxControl>\n <ComboboxInput {...others} />\n <div class='gap-1 flex items-center'>\n {local.showClearTrigger === true && <ComboboxClearTrigger />}\n {local.showTrigger === true && <ComboboxTrigger />}\n </div>\n </ComboboxControl>\n <ComboboxPositioner>\n <ComboboxContent>\n <ComboboxList>{local.children}</ComboboxList>\n </ComboboxContent>\n </ComboboxPositioner>\n </>\n );\n};\n\nconst COMBOBOX_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'collection',\n 'showTrigger',\n 'showClearTrigger',\n 'children',\n 'trailingAddon',\n] as const;\n\nexport const ComboboxField: Component<ComboboxFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, COMBOBOX_FIELD_PROPS);\n const [rootProps, inputProps] = splitProps(others, COMBOBOX_ROOT_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <Combobox<string>\n collection={local.collection}\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...rootProps}\n >\n <ComboboxInputGroup\n showTrigger={local.showTrigger}\n showClearTrigger={local.showClearTrigger}\n {...inputProps}\n >\n {local.children}\n </ComboboxInputGroup>\n </Combobox>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"names":["COMBOBOX_ROOT_PROPS","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","ComboboxControl","children","ComboboxInput","_el$","_tmpl$","_$insert","_c$","_$memo","showClearTrigger","ComboboxClearTrigger","_c$2","showTrigger","ComboboxTrigger","ComboboxPositioner","ComboboxContent","ComboboxList","COMBOBOX_FIELD_PROPS","ComboboxField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","Combobox","_$mergeProps","collection","value","onValueChange","details","handleChange","onBlur","handleBlur","FieldError","FieldDescription","description"],"mappings":";;;;;;;~~AAkBA~~,~~MAAMA,~~IAAsB,~~CAC1B~~,~~eACA~~,~~iBACA~~,gBACA,eACA,kBACA,iBACA,oBACA,YACA,qBACA,aACA,aACA,eACA,uBACA,aACA,2BACA,qBACA,eACA,gBACA,gBACA,oBACA,OACA,aACA,cACA,aACA,YACA,kBACA,kBACA,qBACA,sBACA,qBACA,gBACA,wBACA,YACA,QACA,WACA,mBACA,wBACA,gBACA,eAAe,GAaXC,IAKDC,CAAAA,MAAU;~~AACb~~,~~QAAM~~,CAACC,GAAOC,~~CAAM~~,~~IAAIC,~~EAAWH,GAAO,CAAC~~,eAAe,oBAAoB,UAAU,CAAC~~;~~AAEzF~~,~~SAAA~~,CAAAI,~~EAEKC~~,GAAe~~;AAAA~~,~~IAAA~~,~~IAAAC~~,WAAA;AAAA,~~aAAA~~,~~CAAAF~~,~~EACbG~~,~~GAAkBL~~,~~CAAM~~,~~IAAA,MAAA~~;~~AAAA~~,~~YAAAM~~,IAAAC,~~EAAAA~~;~~AAAAC~~,~~eAAAA~~,EAAAF,IAAA,~~MAAA;AAAA~~,~~cAAAG,~~IAAAC,~~EAAA~~,~~MAEtBX~~,~~EAAMY,~~qBAAqB,~~EAAI~~;AAAA,~~iBAAA,MAA~~/BF,~~EAAAA~~,~~KAAAP~~,~~EAAoCU~~,GAAoB,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~QAAG~~,~~GAAA~~,~~GAAA~~,~~IAAA,GAAAJ,~~EAAAF,IAAA,~~MAAA;AAAA~~,~~cAAAO~~,~~IAAAH~~,~~EAAA~~,~~MAC3DX,EAAMe,~~gBAAgB,~~EAAI~~;AAAA,~~iBAAA~~,~~MAA1BD~~,~~EAAAA~~,~~KAAAX,~~EAA+Ba,GAAe,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~QAAG~~,~~GAAA~~,~~GAAA,IAAA,GAAAT~~;~~AAAAA,~~MAAA,~~IAAA~~;~~AAAA,~~IAAA~~;AAAA~~,~~EAAA,~~CAAA,~~GAAAJ~~,~~EAGrDc~~,GAAkB~~;AAAA~~,~~IAAA~~,~~IAAAZ~~,WAAA;AAAA,~~aAAAF~~,~~EAChBe~~,GAAe~~;AAAA~~,~~QAAA~~,~~IAAAb~~,WAAA;AAAA,~~iBAAAF~~,~~EACbgB~~,GAAY~~;AAAA~~,~~YAAA~~,~~IAAAd~~,WAAA;AAAA,~~qBAAEL~~,~~EAAMK~~;~~AAAAA~~,~~YAAQ;AAAA,UAAA,~~CAAA;~~AAAA~~,~~QAAA;AAAA,MAAA,~~CAAA;~~AAAA,~~IAAA~~;AAAA~~,~~EAAA,~~CAAA,CAAA;~~AAKvC~~,~~GAEMe,~~IAAuB,CAC3B,~~SACA~~,~~eACA~~,~~YACA,YACA,YACA,cACA,eACA,oBACA,YACA,eAAe,GAGJC,IAAgDtB,CAAAA,~~MAAU;~~AACrE~~,~~QAAMuB~~,~~IAAQC~~,~~EAAAA~~,~~GACR~~,~~CAACvB~~,GAAOC,~~CAAM~~,~~IAAIC,~~EAAWH,~~GAAOqB~~,~~CAAoB~~,~~GACxD~~,~~CAACI~~,GAAWC,~~CAAU~~,~~IAAIvB,~~EAAWD,~~GAAQJ~~,~~CAAmB~~;~~AAEtE~~,~~SAAAM~~,~~EACGuB~~,GAAK;~~AAAA~~,~~IAAA~~,~~IACJC,~~UAAO;AAAA,~~aAAEL~~,~~EAAAA~~,~~EAAQM~~,MAAMC,KAAKC,OAAOC,SAAS~~;AAAA~~,~~IAAC;AAAA,IAAA,~~IAC7CC,WAAQ;AAAA,~~aAAEhC~~,~~EAAMgC~~,YAAY~~;AAAA~~,~~IAAK;AAAA,IAAA,~~IACjCC,WAAQ;AAAA,~~aAAEjC~~,~~EAAMiC~~,YAAY~~;AAAA~~,~~IAAK;AAAA,IAAA,~~IACjCC,WAAQ;AAAA,~~aAAElC~~,~~EAAMkC~~,YAAY~~;AAAA~~,~~IAAK;AAAA~~,~~IAAA,IAAA7B,~~WAAA;AAAA,~~aAAA~~,~~CAAAF~~,~~EAEhCgC~~,GAAU~~;AAAA~~,~~QAAA~~,~~IAAA9B~~,WAAA;AAAA,~~iBAAEL~~,~~EAAMoC~~;~~AAAAA~~,~~QAAK;AAAA,MAAA,~~CAAA,~~GAAAjC~~,~~EACvBkC~~,GAAY~~;AAAA~~,~~QAAA~~,~~IAAAhC~~,WAAA;AAAA,~~iBAAA~~,~~CAAAF~~,~~EACVmC,~~GAAiB;~~AAAA~~,~~YAAA~~,~~IAACC,~~QAAK;AAAA,~~qBAAEvC~~,~~EAAMwC;AAAAA~~,~~YAAa;AAAA~~,~~YAAA,IAAAnC,~~WAAA;AAAA,~~qBAAAF~~,~~EAC1CsC~~,~~GAAQC~~,EAAA;~~AAAA~~,~~gBAAA~~,~~IACPC,~~aAAU;AAAA,~~yBAAE3C~~,~~EAAM2C;AAAAA~~,~~gBAAU;AAAA~~,~~gBAAA,IAC5BC,~~QAAK;AAAA,~~yBAAEtB~~,~~EAAAA~~,~~EAAQM~~,~~MAAMgB;AAAAA~~,~~gBAAK;AAAA~~,~~gBAC1BC,eAAgBC,CAAAA,~~MAAY;~~AAC1BxB~~,~~kBAAAA~~,~~IAAQyB~~,aAAaD,EAAQF,~~KAAK;AAAA~~,~~gBACpC~~;~~AAAA~~,~~gBACAI~~,~~QAAQA~~,~~MAAM;AACZ1B~~,~~kBAAAA~~,~~EAAAA,EAAQ2B,WAAAA;AAAAA,gBACV;AAAA,gBAAC,IACDtB,~~UAAO;AAAA,~~yBAAEL~~,~~EAAAA~~,~~EAAQM~~,MAAMC,KAAKC,OAAOC,SAAS~~;AAAA~~,~~gBAAC;AAAA,gBAAA,~~IAC7CC,WAAQ;AAAA,~~yBAAEhC~~,~~EAAMgC~~,YAAY~~;AAAA~~,~~gBAAK;AAAA,gBAAA,~~IACjCC,WAAQ;AAAA,~~yBAAEjC~~,~~EAAMiC~~,YAAY~~;AAAA~~,~~gBAAK;AAAA~~,~~cAAA,GAC7BT,~~GAAS~~;AAAA~~,~~gBAAA~~,~~IAAAnB~~,WAAA;AAAA,~~yBAAAF~~,EAEZL,~~GAAkB4C~~,EAAA;~~AAAA~~,~~oBAAA~~,~~IACjB3B,~~cAAW;AAAA,~~6BAAEf~~,~~EAAMe;AAAAA~~,~~oBAAW;AAAA~~,~~oBAAA,IAC9BH,~~mBAAgB;AAAA,~~6BAAEZ~~,~~EAAMY;AAAAA~~,~~oBAAgB;AAAA~~,~~kBAAA,GACpCa,~~GAAU~~;AAAA~~,~~oBAAA~~,~~IAAApB~~,WAAA;AAAA,~~6BAEbL~~,~~EAAMK~~;~~AAAAA~~,~~oBAAQ;AAAA,kBAAA,~~CAAA,CAAA;~~AAAA~~,~~gBAAA;AAAA~~,~~cAAA,~~CAAA,CAAA;~~AAAA~~,~~YAAA;AAAA~~,~~UAAA,CAAA,GAAAF,EAIpB+C,~~GAAU~~;AAAA~~,~~YAAA~~,~~IAACpB~~,SAAM;AAAA,~~qBAAER~~,~~EAAAA~~,~~EAAQM~~,MAAMC,KAAKC;~~AAAAA~~,~~YAAM~~;~~AAAA~~,~~UAAA~~,~~CAAA,GAAA3B,EAC5CgD,~~GAAgB~~;AAAA~~,~~YAAA~~,~~IAAA9C~~,WAAA;AAAA,~~qBAAEL~~,~~EAAMoD~~;~~AAAAA~~,~~YAAW;AAAA,UAAA,~~CAAA~~,CAAA~~;~~AAAA,QAAA~~;~~AAAA,~~MAAA,CAAA,CAAA~~;AAAA,IAAA;AAAA,~~EAAA,CAAA~~;AAI5C;~~"}
1	+ {"version":3,"file":"ComboboxField.js","names":["ComboboxRootProps","Component","ComponentProps","JSXElement","Combobox","ComboboxContent","ComboboxInput","ComboboxList","ComboboxPositioner","ComboboxControl","ComboboxTrigger","ComboboxClearTrigger","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","COMBOBOX_ROOT_PROPS","const","ComboboxFieldProps","Pick","collection","label","description","showTrigger","showClearTrigger","trailingAddon","class","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","children","_el$","_tmpl$","_$insert","_c$","_$memo","_c$2","COMBOBOX_FIELD_PROPS","ComboboxField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n Combobox,\n ComboboxContent,\n ComboboxInput,\n ComboboxList,\n ComboboxPositioner,\n ComboboxControl,\n ComboboxTrigger,\n ComboboxClearTrigger,\n} from '@/components/Combobox';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst COMBOBOX_ROOT_PROPS = [\n 'placeholder',\n 'inputBehavior',\n 'openOnChange',\n 'openOnClick',\n 'openOnKeyPress',\n 'closeOnSelect',\n 'allowCustomValue',\n 'multiple',\n 'selectionBehavior',\n 'autoFocus',\n 'loopFocus',\n 'positioning',\n 'alwaysSubmitOnEnter',\n 'composite',\n 'defaultHighlightedValue',\n 'defaultInputValue',\n 'defaultOpen',\n 'defaultValue',\n 'disableLayer',\n 'highlightedValue',\n 'ids',\n 'immediate',\n 'inputValue',\n 'lazyMount',\n 'navigate',\n 'onExitComplete',\n 'onFocusOutside',\n 'onHighlightChange',\n 'onInputValueChange',\n 'onInteractOutside',\n 'onOpenChange',\n 'onPointerDownOutside',\n 'onSelect',\n 'open',\n 'present',\n 'scrollToIndexFn',\n 'skipAnimationOnMount',\n 'translations',\n 'unmountOnExit',\n] as const;\n\nexport type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> &\n Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {\n collection: ComboboxRootProps<string>['collection'];\n label?: string;\n description?: string;\n showTrigger?: boolean;\n showClearTrigger?: boolean;\n trailingAddon?: JSXElement;\n } & { class?: string };\n\nconst ComboboxInputGroup: Component<\n ComponentProps<typeof ComboboxInput> & {\n showTrigger?: boolean \| undefined;\n showClearTrigger?: boolean \| undefined;\n }\n> = (props) => {\n const [local, others] = splitProps(props, ['showTrigger', 'showClearTrigger', 'children']);\n\n return (\n <>\n <ComboboxControl>\n <ComboboxInput {...others} />\n <div class='gap-1 flex items-center'>\n {local.showClearTrigger === true && <ComboboxClearTrigger />}\n {local.showTrigger === true && <ComboboxTrigger />}\n </div>\n </ComboboxControl>\n <ComboboxPositioner>\n <ComboboxContent>\n <ComboboxList>{local.children}</ComboboxList>\n </ComboboxContent>\n </ComboboxPositioner>\n </>\n );\n};\n\nconst COMBOBOX_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'collection',\n 'showTrigger',\n 'showClearTrigger',\n 'children',\n 'trailingAddon',\n] as const;\n\nexport const ComboboxField: Component<ComboboxFieldProps> = (props) => {\n const field = useFieldContext<string[]>();\n const [local, others] = splitProps(props, COMBOBOX_FIELD_PROPS);\n const [rootProps, inputProps] = splitProps(others, COMBOBOX_ROOT_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <Combobox<string>\n collection={local.collection}\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...rootProps}\n >\n <ComboboxInputGroup\n showTrigger={local.showTrigger}\n showClearTrigger={local.showClearTrigger}\n {...inputProps}\n >\n {local.children}\n </ComboboxInputGroup>\n </Combobox>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":"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"}

package/dist/components/form/DatePickerField.js CHANGED Viewed

@@ -1,104 +1,98 @@
-import { createComponent as e, mergeProps as o, Show as u } from "solid-js/web";
-import { DatePicker as g, DatePickerControl as c, DatePickerInput as h, DatePickerTrigger as p, DatePickerPositioner as m, DatePickerContent as f, DatePickerViews as P } from "../DatePicker.js";
-import { Field as O, FieldLabel as C, FieldContent as D, FieldError as w, FieldDescription as k } from "../Field.js";
-import { useFieldContext as b } from "./context.js";
-import { WithTrailingAddon as T } from "./WithTrailingAddon.js";
-import { splitProps as i } from "solid-js";
-const V = ["min", "max", "locale", "timeZone", "format", "parse", "selectionMode", "numOfMonths", "fixedWeeks", "startOfWeek", "showWeekNumbers", "outsideDaySelectable", "isDateUnavailable", "openOnClick", "positioning", "closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "focusedValue", "ids", "immediate", "inline", "lazyMount", "maxSelectedDates", "maxView", "minView", "name", "onExitComplete", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "onVisibleRangeChange", "open", "present", "skipAnimationOnMount", "translations", "unmountOnExit", "view"], F = (n) => {
-  const [t, r] = i(n, ["showTrigger"]);
-  return [e(c, {
-    get children() {
-      return [e(h, r), e(u, {
-        get when() {
-          return t.showTrigger !== !1;
-        },
-        get children() {
-          return e(p, {});
-        }
-      })];
-    }
-  }), e(m, {
-    get children() {
-      return e(f, {
-        get children() {
-          return e(P, {});
-        }
-      });
-    }
-  })];
-}, x = ["label", "description", "required", "disabled", "readOnly", "placeholder", "showTrigger", "trailingAddon"], _ = (n) => {
-  const t = b(), [r, l] = i(n, x), [a, s] = i(l, V);
-  return e(O, {
-    get invalid() {
-      return t().state.meta.errors.length > 0;
-    },
-    get disabled() {
-      return r.disabled ?? !1;
-    },
-    get readOnly() {
-      return r.readOnly ?? !1;
-    },
-    get required() {
-      return r.required ?? !1;
-    },
-    get children() {
-      return [e(C, {
-        get children() {
-          return r.label;
-        }
-      }), e(D, {
-        get children() {
-          return [e(T, {
-            get addon() {
-              return r.trailingAddon;
-            },
-            get children() {
-              return e(g, o({
-                get value() {
-                  return t().state.value;
-                },
-                onValueChange: (d) => {
-                  t().handleChange(d.value);
-                },
-                onBlur: () => {
-                  t().handleBlur();
-                },
-                get invalid() {
-                  return t().state.meta.errors.length > 0;
-                },
-                get disabled() {
-                  return r.disabled ?? !1;
-                },
-                get readOnly() {
-                  return r.readOnly ?? !1;
-                }
-              }, a, {
-                get children() {
-                  return e(F, o(s, {
-                    get placeholder() {
-                      return r.placeholder;
-                    }
-                  }, () => typeof r.showTrigger == "boolean" && {
-                    showTrigger: r.showTrigger
-                  }));
-                }
-              }));
-            }
-          }), e(w, {
-            get errors() {
-              return t().state.meta.errors;
-            }
-          }), e(k, {
-            get children() {
-              return r.description;
-            }
-          })];
-        }
-      })];
-    }
-  });
+import { DatePicker as e, DatePickerContent as t, DatePickerControl as n, DatePickerInput as r, DatePickerPositioner as i, DatePickerTrigger as a, DatePickerViews as o } from "../DatePicker.js";
+import { Field as s, FieldContent as c, FieldDescription as l, FieldError as u, FieldLabel as d } from "../Field.js";
+import { WithTrailingAddon as f } from "./WithTrailingAddon.js";
+import { useFieldContext as p } from "./context.js";
+import { Show as m, createComponent as h, mergeProps as g } from "solid-js/web";
+import { splitProps as _ } from "solid-js";
+//#region src/components/form/DatePickerField.tsx
+var v = /* @__PURE__ */ "min.max.locale.timeZone.format.parse.selectionMode.numOfMonths.fixedWeeks.startOfWeek.showWeekNumbers.outsideDaySelectable.isDateUnavailable.openOnClick.positioning.closeOnSelect.defaultFocusedValue.defaultOpen.defaultValue.defaultView.focusedValue.ids.immediate.inline.lazyMount.maxSelectedDates.maxView.minView.name.onExitComplete.onFocusChange.onOpenChange.onValueChange.onViewChange.onVisibleRangeChange.open.present.skipAnimationOnMount.translations.unmountOnExit.view".split("."), y = (e) => {
+	let [s, c] = _(e, ["showTrigger"]);
+	return [h(n, { get children() {
+		return [h(r, c), h(m, {
+			get when() {
+				return s.showTrigger !== !1;
+			},
+			get children() {
+				return h(a, {});
+			}
+		})];
+	} }), h(i, { get children() {
+		return h(t, { get children() {
+			return h(o, {});
+		} });
+	} })];
+}, b = [
+	"label",
+	"description",
+	"required",
+	"disabled",
+	"readOnly",
+	"placeholder",
+	"showTrigger",
+	"trailingAddon"
+], x = (t) => {
+	let n = p(), [r, i] = _(t, b), [a, o] = _(i, v);
+	return h(s, {
+		get invalid() {
+			return n().state.meta.errors.length > 0;
+		},
+		get disabled() {
+			return r.disabled ?? !1;
+		},
+		get readOnly() {
+			return r.readOnly ?? !1;
+		},
+		get required() {
+			return r.required ?? !1;
+		},
+		get children() {
+			return [h(d, { get children() {
+				return r.label;
+			} }), h(c, { get children() {
+				return [
+					h(f, {
+						get addon() {
+							return r.trailingAddon;
+						},
+						get children() {
+							return h(e, g({
+								get value() {
+									return n().state.value;
+								},
+								onValueChange: (e) => {
+									n().handleChange(e.value);
+								},
+								onBlur: () => {
+									n().handleBlur();
+								},
+								get invalid() {
+									return n().state.meta.errors.length > 0;
+								},
+								get disabled() {
+									return r.disabled ?? !1;
+								},
+								get readOnly() {
+									return r.readOnly ?? !1;
+								}
+							}, a, { get children() {
+								return h(y, g(o, { get placeholder() {
+									return r.placeholder;
+								} }, () => typeof r.showTrigger == "boolean" && { showTrigger: r.showTrigger }));
+							} }));
+						}
+					}),
+					h(u, { get errors() {
+						return n().state.meta.errors;
+					} }),
+					h(l, { get children() {
+						return r.description;
+					} })
+				];
+			} })];
+		}
+	});
 };
-export {
-  _ as DatePickerField
-};
-//# sourceMappingURL=DatePickerField.js.map
+//#endregion
+export { x as DatePickerField };
+//# sourceMappingURL=DatePickerField.js.map

package/dist/components/form/DatePickerField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerField.js","sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n DatePicker,\n DatePickerContent,\n DatePickerControl,\n DatePickerInput,\n DatePickerPositioner,\n DatePickerTrigger,\n DatePickerViews,\n} from '@/components/DatePicker';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst DATE_PICKER_ROOT_PROPS = [\n 'min',\n 'max',\n 'locale',\n 'timeZone',\n 'format',\n 'parse',\n 'selectionMode',\n 'numOfMonths',\n 'fixedWeeks',\n 'startOfWeek',\n 'showWeekNumbers',\n 'outsideDaySelectable',\n 'isDateUnavailable',\n 'openOnClick',\n 'positioning',\n 'closeOnSelect',\n 'defaultFocusedValue',\n 'defaultOpen',\n 'defaultValue',\n 'defaultView',\n 'focusedValue',\n 'ids',\n 'immediate',\n 'inline',\n 'lazyMount',\n 'maxSelectedDates',\n 'maxView',\n 'minView',\n 'name',\n 'onExitComplete',\n 'onFocusChange',\n 'onOpenChange',\n 'onValueChange',\n 'onViewChange',\n 'onVisibleRangeChange',\n 'open',\n 'present',\n 'skipAnimationOnMount',\n 'translations',\n 'unmountOnExit',\n 'view',\n] as const;\n\nexport type DatePickerFieldProps = DatePickerInputProps &\n Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {\n label?: string;\n description?: string;\n showTrigger?: boolean;\n trailingAddon?: JSXElement;\n };\n\nconst DatePickerInputGroup: Component<DatePickerInputProps & { showTrigger?: boolean }> = (\n props,\n) => {\n const [local, others] = splitProps(props, ['showTrigger']);\n\n return (\n <>\n <DatePickerControl>\n <DatePickerInput {...others} />\n <Show when={local.showTrigger !== false}>\n <DatePickerTrigger />\n </Show>\n </DatePickerControl>\n <DatePickerPositioner>\n <DatePickerContent>\n <DatePickerViews />\n </DatePickerContent>\n </DatePickerPositioner>\n </>\n );\n};\n\nconst DATE_PICKER_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'placeholder',\n 'showTrigger',\n 'trailingAddon',\n] as const;\n\nexport const DatePickerField: Component<DatePickerFieldProps> = (props) => {\n const field = useFieldContext<DateValue[]>();\n const [local, others] = splitProps(props, DATE_PICKER_FIELD_PROPS);\n const [rootProps, inputProps] = splitProps(others, DATE_PICKER_ROOT_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <DatePicker\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...rootProps}\n >\n <DatePickerInputGroup\n {...inputProps}\n placeholder={local.placeholder}\n {...(typeof local.showTrigger === 'boolean' && { showTrigger: local.showTrigger })}\n />\n </DatePicker>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"names":["DATE_PICKER_ROOT_PROPS","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","DatePickerControl","children","DatePickerInput","_$Show","when","showTrigger","DatePickerTrigger","DatePickerPositioner","DatePickerContent","DatePickerViews","DATE_PICKER_FIELD_PROPS","DatePickerField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","DatePicker","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder","FieldError","FieldDescription","description"],"mappings":"~~;;;;;;~~AAiBA,~~MAAMA~~,IAAyB,~~CAC7B~~,~~OACA~~,~~OACA~~,UACA,YACA,UACA,SACA,iBACA,eACA,cACA,eACA,mBACA,wBACA,qBACA,eACA,eACA,iBACA,uBACA,eACA,gBACA,eACA,gBACA,OACA,aACA,UACA,aACA,oBACA,WACA,WACA,QACA,kBACA,iBACA,gBACA,iBACA,gBACA,wBACA,QACA,WACA,wBACA,gBACA,iBACA,MAAM,GAWFC,IACJC,CAAAA,MACG;~~AACH~~,~~QAAM~~,CAACC,GAAOC,~~CAAM~~,~~IAAIC,~~EAAWH,GAAO,CAAC,~~aAAa~~,CAAC;~~AAEzD~~,~~SAAA~~,CAAAI,~~EAEKC~~,GAAiB~~;AAAA~~,~~IAAA~~,~~IAAAC~~,WAAA;AAAA,~~aAAA~~,~~CAAAF~~,~~EACfG~~,~~GAAoBL~~,~~CAAM~~,~~GAAAE~~,~~EAC1BI~~,GAAI;~~AAAA~~,~~QAAA,~~IAACC,OAAI;AAAA,~~iBAAER~~,~~EAAMS~~,gBAAgB~~;AAAA~~,~~QAAK;AAAA~~,~~QAAA,IAAAJ,~~WAAA;AAAA,~~iBAAAF~~,~~EACpCO~~,GAAiB,EAAA~~;AAAA~~,~~QAAA;AAAA~~,~~MAAA,~~CAAA,CAAA;~~AAAA,~~IAAA~~;AAAA~~,~~EAAA,~~CAAA,~~GAAAP~~,~~EAGrBQ~~,GAAoB~~;AAAA~~,~~IAAA~~,~~IAAAN~~,WAAA;AAAA,~~aAAAF~~,~~EAClBS~~,GAAiB~~;AAAA~~,~~QAAA~~,~~IAAAP~~,WAAA;AAAA,~~iBAAAF~~,~~EACfU~~,GAAe,EAAA~~;AAAA~~,~~QAAA~~;~~AAAA~~,~~MAAA,~~CAAA;~~AAAA,~~IAAA~~;AAAA~~,~~EAAA,~~CAAA,CAAA;~~AAK1B~~,~~GAEMC,~~IAA0B,CAC9B,~~SACA~~,~~eACA~~,~~YACA,YACA,YACA,eACA,eACA,eAAe,GAGJC,IAAoDhB,CAAAA,~~MAAU;~~AACzE~~,~~QAAMiB~~,~~IAAQC~~,~~EAAAA~~,~~GACR~~,~~CAACjB~~,GAAOC,~~CAAM~~,~~IAAIC,~~EAAWH,~~GAAOe~~,~~CAAuB~~,~~GAC3D~~,~~CAACI~~,GAAWC,~~CAAU~~,~~IAAIjB,~~EAAWD,~~GAAQJ~~,~~CAAsB~~;~~AAEzE~~,~~SAAAM~~,~~EACGiB~~,GAAK;~~AAAA~~,~~IAAA~~,~~IACJC,~~UAAO;AAAA,~~aAAEL~~,~~EAAAA~~,~~EAAQM~~,MAAMC,KAAKC,OAAOC,SAAS~~;AAAA~~,~~IAAC;AAAA,IAAA,~~IAC7CC,WAAQ;AAAA,~~aAAE1B~~,~~EAAM0B~~,YAAY~~;AAAA~~,~~IAAK;AAAA,IAAA,~~IACjCC,WAAQ;AAAA,~~aAAE3B~~,~~EAAM2B~~,YAAY~~;AAAA~~,~~IAAK;AAAA,IAAA,~~IACjCC,WAAQ;AAAA,~~aAAE5B~~,~~EAAM4B~~,YAAY~~;AAAA~~,~~IAAK;AAAA~~,~~IAAA,IAAAvB,~~WAAA;AAAA,~~aAAA~~,~~CAAAF~~,~~EAEhC0B~~,GAAU~~;AAAA~~,~~QAAA~~,~~IAAAxB~~,WAAA;AAAA,~~iBAAEL~~,~~EAAM8B~~;~~AAAAA~~,~~QAAK;AAAA,MAAA,~~CAAA,~~GAAA3B~~,~~EACvB4B~~,GAAY~~;AAAA~~,~~QAAA~~,~~IAAA1B~~,WAAA;AAAA,~~iBAAA~~,~~CAAAF~~,~~EACV6B,~~GAAiB;~~AAAA~~,~~YAAA~~,~~IAACC,~~QAAK;AAAA,~~qBAAEjC~~,~~EAAMkC;AAAAA~~,~~YAAa;AAAA~~,~~YAAA,IAAA7B,~~WAAA;AAAA,~~qBAAAF~~,~~EAC1CgC~~,~~GAAUC~~,EAAA;~~AAAA~~,~~gBAAA,~~IACTC,QAAK;AAAA,~~yBAAErB~~,~~EAAAA~~,~~EAAQM~~,~~MAAMe;AAAAA~~,~~gBAAK;AAAA~~,~~gBAC1BC,eAAgBC,CAAAA,~~MAAY;~~AAC1BvB~~,~~kBAAAA~~,~~IAAQwB~~,aAAaD,EAAQF,~~KAAK;AAAA~~,~~gBACpC~~;~~AAAA~~,~~gBACAI~~,~~QAAQA~~,~~MAAM;AACZzB~~,~~kBAAAA~~,~~EAAAA,EAAQ0B,WAAAA;AAAAA,gBACV;AAAA,gBAAC,IACDrB,~~UAAO;AAAA,~~yBAAEL~~,~~EAAAA~~,~~EAAQM~~,MAAMC,KAAKC,OAAOC,SAAS~~;AAAA~~,~~gBAAC;AAAA,gBAAA,~~IAC7CC,WAAQ;AAAA,~~yBAAE1B~~,~~EAAM0B~~,YAAY~~;AAAA~~,~~gBAAK;AAAA,gBAAA,~~IACjCC,WAAQ;AAAA,~~yBAAE3B~~,~~EAAM2B~~,YAAY~~;AAAA~~,~~gBAAK;AAAA~~,~~cAAA,GAC7BT,~~GAAS~~;AAAA~~,~~gBAAA~~,~~IAAAb~~,WAAA;AAAA,~~yBAAAF~~,EAEZL,~~GAAoBsC~~,~~EACfjB~~,GAAU~~;AAAA~~,~~oBAAA~~,~~IACdwB~~,cAAW;AAAA,~~6BAAE3C~~,~~EAAM2C~~;~~AAAAA~~,~~oBAAW;AAAA~~,~~kBAAA~~,~~GAAA~~,~~MACzB,OAAO3C,EAAMS,~~eAAgB,aAAa~~;AAAA~~,~~oBAAEA~~,~~aAAaT~~,~~EAAMS;AAAAA~~,~~kBAAAA~~,~~CAAa~~,CAAA;~~AAAA~~,~~gBAAA;AAAA~~,~~cAAA,~~CAAA,CAAA;~~AAAA~~,~~YAAA;AAAA~~,~~UAAA,CAAA,GAAAN,EAItFyC,~~GAAU~~;AAAA~~,~~YAAA~~,~~IAACpB~~,SAAM;AAAA,~~qBAAER~~,~~EAAAA~~,~~EAAQM~~,MAAMC,KAAKC;~~AAAAA~~,~~YAAM~~;~~AAAA~~,~~UAAA~~,~~CAAA,GAAArB,EAC5C0C,~~GAAgB~~;AAAA~~,~~YAAA~~,~~IAAAxC~~,WAAA;AAAA,~~qBAAEL~~,~~EAAM8C~~;~~AAAAA~~,~~YAAW;AAAA,UAAA,~~CAAA~~,CAAA~~;~~AAAA,QAAA~~;~~AAAA,~~MAAA,CAAA,CAAA~~;AAAA,IAAA;AAAA,~~EAAA,CAAA~~;AAI5C;~~"}
1	+ {"version":3,"file":"DatePickerField.js","names":["DatePickerInputProps","DateValue","Component","ComponentProps","JSXElement","DatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerPositioner","DatePickerTrigger","DatePickerViews","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","DATE_PICKER_ROOT_PROPS","const","DatePickerFieldProps","Pick","label","description","showTrigger","trailingAddon","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","children","_$Show","when","DATE_PICKER_FIELD_PROPS","DatePickerField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder"],"sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n DatePicker,\n DatePickerContent,\n DatePickerControl,\n DatePickerInput,\n DatePickerPositioner,\n DatePickerTrigger,\n DatePickerViews,\n} from '@/components/DatePicker';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst DATE_PICKER_ROOT_PROPS = [\n 'min',\n 'max',\n 'locale',\n 'timeZone',\n 'format',\n 'parse',\n 'selectionMode',\n 'numOfMonths',\n 'fixedWeeks',\n 'startOfWeek',\n 'showWeekNumbers',\n 'outsideDaySelectable',\n 'isDateUnavailable',\n 'openOnClick',\n 'positioning',\n 'closeOnSelect',\n 'defaultFocusedValue',\n 'defaultOpen',\n 'defaultValue',\n 'defaultView',\n 'focusedValue',\n 'ids',\n 'immediate',\n 'inline',\n 'lazyMount',\n 'maxSelectedDates',\n 'maxView',\n 'minView',\n 'name',\n 'onExitComplete',\n 'onFocusChange',\n 'onOpenChange',\n 'onValueChange',\n 'onViewChange',\n 'onVisibleRangeChange',\n 'open',\n 'present',\n 'skipAnimationOnMount',\n 'translations',\n 'unmountOnExit',\n 'view',\n] as const;\n\nexport type DatePickerFieldProps = DatePickerInputProps &\n Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {\n label?: string;\n description?: string;\n showTrigger?: boolean;\n trailingAddon?: JSXElement;\n };\n\nconst DatePickerInputGroup: Component<DatePickerInputProps & { showTrigger?: boolean }> = (\n props,\n) => {\n const [local, others] = splitProps(props, ['showTrigger']);\n\n return (\n <>\n <DatePickerControl>\n <DatePickerInput {...others} />\n <Show when={local.showTrigger !== false}>\n <DatePickerTrigger />\n </Show>\n </DatePickerControl>\n <DatePickerPositioner>\n <DatePickerContent>\n <DatePickerViews />\n </DatePickerContent>\n </DatePickerPositioner>\n </>\n );\n};\n\nconst DATE_PICKER_FIELD_PROPS = [\n 'label',\n 'description',\n 'required',\n 'disabled',\n 'readOnly',\n 'placeholder',\n 'showTrigger',\n 'trailingAddon',\n] as const;\n\nexport const DatePickerField: Component<DatePickerFieldProps> = (props) => {\n const field = useFieldContext<DateValue[]>();\n const [local, others] = splitProps(props, DATE_PICKER_FIELD_PROPS);\n const [rootProps, inputProps] = splitProps(others, DATE_PICKER_ROOT_PROPS);\n\n return (\n <Field\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n required={local.required ?? false}\n >\n <FieldLabel>{local.label}</FieldLabel>\n <FieldContent>\n <WithTrailingAddon addon={local.trailingAddon}>\n <DatePicker\n value={field().state.value}\n onValueChange={(details) => {\n field().handleChange(details.value);\n }}\n onBlur={() => {\n field().handleBlur();\n }}\n invalid={field().state.meta.errors.length > 0}\n disabled={local.disabled ?? false}\n readOnly={local.readOnly ?? false}\n {...rootProps}\n >\n <DatePickerInputGroup\n {...inputProps}\n placeholder={local.placeholder}\n {...(typeof local.showTrigger === 'boolean' && { showTrigger: local.showTrigger })}\n />\n </DatePicker>\n </WithTrailingAddon>\n <FieldError errors={field().state.meta.errors} />\n <FieldDescription>{local.description}</FieldDescription>\n </FieldContent>\n </Field>\n );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMmB,IAAyB,sfA0C9B,EAUKQ,KACJC,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,cAAc,CAAC;AAE1D,QAAA,CAAAI,EAEKzB,GAAiB,EAAA,IAAA0B,WAAA;AAAA,SAAA,CAAAD,EACfxB,GAAoBsB,EAAM,EAAAE,EAC1BE,GAAI;GAAA,IAACC,OAAI;AAAA,WAAEN,EAAMJ,gBAAgB;;GAAK,IAAAQ,WAAA;AAAA,WAAAD,EACpCtB,GAAiB,EAAA,CAAA;;GAAA,CAAA,CAAA;IAAA,CAAA,EAAAsB,EAGrBvB,GAAoB,EAAA,IAAAwB,WAAA;AAAA,SAAAD,EAClB1B,GAAiB,EAAA,IAAA2B,WAAA;AAAA,UAAAD,EACfrB,GAAe,EAAA,CAAA;KAAA,CAAA;IAAA,CAAA,CAAA;GAOpByB,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEYC,KAAoDT,MAAU;CACzE,IAAMU,IAAQrB,GAA8B,EACtC,CAACY,GAAOC,KAAUC,EAAWH,GAAOQ,EAAwB,EAC5D,CAACG,GAAWC,KAAcT,EAAWD,GAAQX,EAAuB;AAE1E,QAAAa,EACGpB,GAAK;EAAA,IACJ6B,UAAO;AAAA,UAAEH,GAAO,CAACI,MAAMC,KAAKC,OAAOC,SAAS;;EAAC,IAC7CC,WAAQ;AAAA,UAAEjB,EAAMiB,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAElB,EAAMkB,YAAY;;EAAK,IACjCC,WAAQ;AAAA,UAAEnB,EAAMmB,YAAY;;EAAK,IAAAf,WAAA;AAAA,UAAA,CAAAD,EAEhChB,GAAU,EAAA,IAAAiB,WAAA;AAAA,WAAEJ,EAAMN;MAAK,CAAA,EAAAS,EACvBnB,GAAY,EAAA,IAAAoB,WAAA;AAAA,WAAA;KAAAD,EACVd,GAAiB;MAAA,IAAC+B,QAAK;AAAA,cAAEpB,EAAMH;;MAAa,IAAAO,WAAA;AAAA,cAAAD,EAC1C3B,GAAU6C,EAAA;QAAA,IACTC,QAAK;AAAA,gBAAEb,GAAO,CAACI,MAAMS;;QACrBC,gBAAgBC,MAAY;AAC1Bf,YAAO,CAACgB,aAAaD,EAAQF,MAAM;;QAErCI,cAAc;AACZjB,YAAO,CAACkB,YAAY;;QACrB,IACDf,UAAO;AAAA,gBAAEH,GAAO,CAACI,MAAMC,KAAKC,OAAOC,SAAS;;QAAC,IAC7CC,WAAQ;AAAA,gBAAEjB,EAAMiB,YAAY;;QAAK,IACjCC,WAAQ;AAAA,gBAAElB,EAAMkB,YAAY;;QAAK,EAC7BR,GAAS,EAAA,IAAAN,WAAA;AAAA,eAAAD,EAEZL,GAAoBuB,EACfV,GAAU,EAAA,IACdiB,cAAW;AAAA,gBAAE5B,EAAM4B;WAAW,QACzB,OAAO5B,EAAMJ,eAAgB,aAAa,EAAEA,aAAaI,EAAMJ,aAAa,CAAA,CAAA;UAAA,CAAA,CAAA;;MAAA,CAAA;KAAAO,EAItFjB,GAAU,EAAA,IAAC6B,SAAM;AAAA,aAAEN,GAAO,CAACI,MAAMC,KAAKC;QAAM,CAAA;KAAAZ,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;AAAA,aAAEJ,EAAML;QAAW,CAAA;KAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}