@tulip-systems/core 0.5.2 → 0.5.3

package/dist/modules/inline-edit/components/combobox.client.d.mts

@@ -1,18 +1,20 @@
 import { ComboboxProps } from "../../../components/ui/combobox.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime160 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox.client.d.ts
-type InlineComboboxProps<TValue> = useInlineEditOptions<string> & Omit<ComboboxProps<TValue>, "value">;
-declare function InlineCombobox<TValue>({
+type InlineComboboxProps<TValue, Required extends boolean = false> = useInlineEditOptions<string, Required> & Omit<ComboboxProps<TValue>, "value">;
+declare function InlineCombobox<TValue, Required extends boolean>({
   initialValue,
   action,
   permission,
   onSelect,
   onBlur,
   disabled,
+  updateStrategy,
+  isRequired,
   ...props
-}: InlineComboboxProps<TValue>): react_jsx_runtime160.JSX.Element;
+}: InlineComboboxProps<TValue, Required>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { InlineCombobox, InlineComboboxProps };
 //# sourceMappingURL=combobox.client.d.mts.map

package/dist/modules/inline-edit/components/combobox.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,8BAA8B,+BACxC,KAAK,cAAc;iBAEL;;;;;;;;GAQb,oBAAoB,UAAO,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,gEAAgE,6BAE1E,YAEA,KAAK,cAAc;iBAEL;;;;;;;;;;GAUb,oBAAoB,QAAQ,YAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/combobox.client.mjs

@@ -5,22 +5,24 @@ import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox.client.tsx
-function InlineCombobox({ initialValue, action, permission, onSelect, onBlur, disabled, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+function InlineCombobox({ initialValue, action, permission, onSelect, onBlur, disabled, updateStrategy, isRequired, ...props }) {
+	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsx(Combobox, {
 		...props,
 		value,
 		disabled: disabled || !isAllowed,
 		onSelect: (value$1) => {
-			setValue(value$1);
+			handleChange(value$1 ?? null);
 			onSelect?.(value$1);
 		},
 		onBlur: (e) => {
-			handleUpdate(e.target.value);
+			handleBlur(e.target.value ?? null);
 			onBlur?.(e);
 		}
 	});

package/dist/modules/inline-edit/components/combobox.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineComboboxProps<TValue> = useInlineEditOptions<string> &\n  Omit<ComboboxProps<TValue>, \"value\">;\n\nexport function InlineCombobox<TValue>({\n  initialValue,\n  action,\n  permission,\n  onSelect,\n  onBlur,\n  disabled,\n  ...props\n}: InlineComboboxProps<TValue>) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      disabled={disabled || !isAllowed}\n      onSelect={(value) => {\n        setValue(value);\n        onSelect?.(value as TValue);\n      }}\n      onBlur={(e) => {\n        handleUpdate(e.target.value);\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,eAAuB,EACrC,cACA,QACA,YACA,UACA,QACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACG;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,YAAU;AACnB,YAASA,QAAM;AACf,cAAWA,QAAgB;;EAE7B,SAAS,MAAM;AACb,gBAAa,EAAE,OAAO,MAAM;AAC5B,YAAS,EAAE;;GAEb"}
+{"version":3,"file":"combobox.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineComboboxProps<TValue, Required extends boolean = false> = useInlineEditOptions<\n  string,\n  Required\n> &\n  Omit<ComboboxProps<TValue>, \"value\">;\n\nexport function InlineCombobox<TValue, Required extends boolean>({\n  initialValue,\n  action,\n  permission,\n  onSelect,\n  onBlur,\n  disabled,\n  updateStrategy,\n  isRequired,\n  ...props\n}: InlineComboboxProps<TValue, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      disabled={disabled || !isAllowed}\n      onSelect={(value) => {\n        handleChange(value ?? null);\n        onSelect?.(value as TValue);\n      }}\n      onBlur={(e) => {\n        handleBlur(e.target.value ?? null);\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,eAAiD,EAC/D,cACA,QACA,YACA,UACA,QACA,UACA,gBACA,YACA,GAAG,SACqC;CACxC,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACG;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,YAAU;AACnB,gBAAaA,WAAS,KAAK;AAC3B,cAAWA,QAAgB;;EAE7B,SAAS,MAAM;AACb,cAAW,EAAE,OAAO,SAAS,KAAK;AAClC,YAAS,EAAE;;GAEb"}

package/dist/modules/inline-edit/components/date-input.client.d.mts

@@ -1,17 +1,19 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-input.client.d.ts
-declare function InlineDateInput({
+declare function InlineDateInput<Required extends boolean = false>({
   initialValue,
   action,
   permission,
   variant,
   className,
+  updateStrategy,
+  isRequired,
   ...props
-}: ComponentProps<"div"> & useInlineEditOptions<Date> & InlineEditVariantsProps): react_jsx_runtime161.JSX.Element;
+}: ComponentProps<"div"> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { InlineDateInput };
 //# sourceMappingURL=date-input.client.d.mts.map

package/dist/modules/inline-edit/components/date-input.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAgBgB,eAAA;;;;;;;GAOb,wBAAwB,qBAAqB,QAAQ,0BAAuB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAiBgB;;;;;;;;;GASb,wBAAwB,qBAAqB,MAAM,YAAY,0BAAuB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/date-input.client.mjs

@@ -15,27 +15,39 @@ import { format } from "date-fns";
 //#region src/modules/inline-edit/components/date-input.client.tsx
 const formatDate = (value) => format(value, "dd/MM/yyyy");
 const parseDate = (value) => new Date(value.split("/").reverse().join("-"));
-function InlineDateInput({ initialValue, action, permission, variant, className, ...props }) {
+const isValidDate = (date) => date instanceof Date && date.toString() !== "Invalid Date";
+function InlineDateInput({ initialValue, action, permission, variant, className, updateStrategy, isRequired, ...props }) {
 	const [inValid, setInValid] = React.useState(false);
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+	const { value, setValue, handleChange, handleBlur, status, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	const [stringDate, setStringDate] = React.useState(initialValue ? formatDate(initialValue) : "");
+	/**
+	* Update string date when value changes
+	*/
+	React.useEffect(() => {
+		if (value) setStringDate(formatDate(value));
+	}, [value]);
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs("div", {
 		...props,
-		className: cn("relative h-full", inlineEditVariants({ variant }), className),
+		className: cn("relative h-full", className),
 		children: [/* @__PURE__ */ jsx(Input, {
 			"data-input": true,
 			type: "string",
 			value: stringDate,
-			className: cn(inValid && "text-destructive"),
+			className: cn(inlineEditVariants({
+				variant,
+				status
+			}), inValid && "text-destructive"),
 			disabled: !isAllowed,
 			onChange: (e) => {
 				setStringDate(e.target.value);
 				const parsedDate = parseDate(e.target.value);
-				if (parsedDate.toString() === "Invalid Date") {
+				if (!isValidDate(parsedDate)) {
 					setInValid(true);
 					setValue(void 0);
 				} else {
@@ -44,7 +56,8 @@ function InlineDateInput({ initialValue, action, permission, variant, className,
 				}
 			},
 			onBlur: (e) => {
-				handleUpdate(parseDate(e.target.value));
+				const parsedDate = parseDate(e.target.value);
+				handleBlur(isValidDate(parsedDate) ? parsedDate : null);
 			}
 		}), /* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,
@@ -60,15 +73,15 @@ function InlineDateInput({ initialValue, action, permission, variant, className,
 		className: "w-auto p-0",
 		children: /* @__PURE__ */ jsx(Calendar$1, {
 			mode: "single",
-			initialFocus: true,
-			selected: value,
-			defaultMonth: value,
-			disabled: status === "pending",
+			autoFocus: true,
+			selected: value ?? void 0,
+			defaultMonth: value ?? void 0,
+			disabled: !isAllowed,
 			onSelect: (selectedDate) => {
 				if (!selectedDate) return;
-				setValue(selectedDate);
 				setStringDate(formatDate(selectedDate));
-				handleUpdate(selectedDate);
+				handleChange(selectedDate ?? null);
+				handleBlur(selectedDate ?? null);
 				setInValid(false);
 			}
 		})

package/dist/modules/inline-edit/components/date-input.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nconst formatDate = (value: Date) => format(value, \"dd/MM/yyyy\");\nconst parseDate = (value: string) => new Date(value.split(\"/\").reverse().join(\"-\"));\n\nexport function InlineDateInput({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  ...props\n}: ComponentProps<\"div\"> & useInlineEditOptions<Date> & InlineEditVariantsProps) {\n  const [inValid, setInValid] = React.useState<boolean>(false);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  const [stringDate, setStringDate] = React.useState<string>(\n    initialValue ? formatDate(initialValue) : \"\",\n  );\n\n  return (\n    <Popover>\n      <div {...props} className={cn(\"relative h-full\", inlineEditVariants({ variant }), className)}>\n        <Input\n          data-input\n          type=\"string\"\n          value={stringDate}\n          className={cn(inValid && \"text-destructive\")}\n          disabled={!isAllowed}\n          onChange={(e) => {\n            setStringDate(e.target.value);\n            const parsedDate = parseDate(e.target.value);\n\n            if (parsedDate.toString() === \"Invalid Date\") {\n              setInValid(true);\n              setValue(undefined);\n            } else {\n              setInValid(false);\n              setValue(parsedDate);\n            }\n          }}\n          onBlur={(e) => {\n            const parsedDate = parseDate(e.target.value);\n            handleUpdate(parsedDate);\n          }}\n        />\n\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            tabIndex={-1}\n            disabled={!isAllowed}\n            className={cn(\n              \"absolute bottom-0 right-0 top-0 opacity-50\",\n              !value && \"text-muted-foreground\",\n            )}\n          >\n            <CalendarIcon className=\"h-4 w-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          initialFocus\n          selected={value}\n          defaultMonth={value}\n          disabled={status === \"pending\"}\n          onSelect={(selectedDate) => {\n            if (!selectedDate) return;\n            setValue(selectedDate);\n            setStringDate(formatDate(selectedDate));\n            handleUpdate(selectedDate);\n            setInValid(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,cAAc,UAAgB,OAAO,OAAO,aAAa;AAC/D,MAAM,aAAa,UAAkB,IAAI,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;AAEnF,SAAgB,gBAAgB,EAC9B,cACA,QACA,YACA,SACA,WACA,GAAG,SAC4E;CAC/E,MAAM,CAAC,SAAS,cAAc,MAAM,SAAkB,MAAM;CAE5D,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,eAAe,WAAW,aAAa,GAAG,GAC3C;AAED,QACE,qBAAC,sBACC,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;aAC1F,oBAAC;GACC;GACA,MAAK;GACL,OAAO;GACP,WAAW,GAAG,WAAW,mBAAmB;GAC5C,UAAU,CAAC;GACX,WAAW,MAAM;AACf,kBAAc,EAAE,OAAO,MAAM;IAC7B,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAE5C,QAAI,WAAW,UAAU,KAAK,gBAAgB;AAC5C,gBAAW,KAAK;AAChB,cAAS,OAAU;WACd;AACL,gBAAW,MAAM;AACjB,cAAS,WAAW;;;GAGxB,SAAS,MAAM;AAEb,iBADmB,UAAU,EAAE,OAAO,MAAM,CACpB;;IAE1B,EAEF,oBAAC;GAAe;aACd,oBAAC;IACC,SAAQ;IACR,UAAU;IACV,UAAU,CAAC;IACX,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;cAED,oBAAC,gBAAa,WAAU,YAAY;KAC7B;IACM;GACb,EACN,oBAAC;EAAe,WAAU;YACxB,oBAACA;GACC,MAAK;GACL;GACA,UAAU;GACV,cAAc;GACd,UAAU,WAAW;GACrB,WAAW,iBAAiB;AAC1B,QAAI,CAAC,aAAc;AACnB,aAAS,aAAa;AACtB,kBAAc,WAAW,aAAa,CAAC;AACvC,iBAAa,aAAa;AAC1B,eAAW,MAAM;;IAEnB;GACa,IACT"}
+{"version":3,"file":"date-input.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nconst formatDate = (value: Date) => format(value, \"dd/MM/yyyy\");\nconst parseDate = (value: string) => new Date(value.split(\"/\").reverse().join(\"-\"));\nconst isValidDate = (date: Date) => date instanceof Date && date.toString() !== \"Invalid Date\";\n\nexport function InlineDateInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  updateStrategy,\n  isRequired,\n  ...props\n}: ComponentProps<\"div\"> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps) {\n  const [inValid, setInValid] = React.useState<boolean>(false);\n\n  const { value, setValue, handleChange, handleBlur, status, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  const [stringDate, setStringDate] = React.useState<string>(\n    initialValue ? formatDate(initialValue) : \"\",\n  );\n\n  /**\n   * Update string date when value changes\n   */\n  React.useEffect(() => {\n    if (value) setStringDate(formatDate(value));\n  }, [value]);\n\n  return (\n    <Popover>\n      <div {...props} className={cn(\"relative h-full\", className)}>\n        <Input\n          data-input\n          type=\"string\"\n          value={stringDate}\n          className={cn(inlineEditVariants({ variant, status }), inValid && \"text-destructive\")}\n          disabled={!isAllowed}\n          onChange={(e) => {\n            setStringDate(e.target.value);\n            const parsedDate = parseDate(e.target.value);\n\n            if (!isValidDate(parsedDate)) {\n              setInValid(true);\n              setValue(undefined);\n            } else {\n              setInValid(false);\n              setValue(parsedDate);\n            }\n          }}\n          onBlur={(e) => {\n            const parsedDate = parseDate(e.target.value);\n            handleBlur(isValidDate(parsedDate) ? parsedDate : null);\n          }}\n        />\n\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            tabIndex={-1}\n            disabled={!isAllowed}\n            className={cn(\n              \"absolute bottom-0 right-0 top-0 opacity-50\",\n              !value && \"text-muted-foreground\",\n            )}\n          >\n            <CalendarIcon className=\"h-4 w-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          autoFocus\n          selected={value ?? undefined}\n          defaultMonth={value ?? undefined}\n          disabled={!isAllowed}\n          onSelect={(selectedDate) => {\n            if (!selectedDate) return;\n\n            setStringDate(formatDate(selectedDate));\n\n            handleChange(selectedDate ?? null);\n            handleBlur(selectedDate ?? null);\n\n            setInValid(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,cAAc,UAAgB,OAAO,OAAO,aAAa;AAC/D,MAAM,aAAa,UAAkB,IAAI,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;AACnF,MAAM,eAAe,SAAe,gBAAgB,QAAQ,KAAK,UAAU,KAAK;AAEhF,SAAgB,gBAAkD,EAChE,cACA,QACA,YACA,SACA,WACA,gBACA,YACA,GAAG,SACsF;CACzF,MAAM,CAAC,SAAS,cAAc,MAAM,SAAkB,MAAM;CAE5D,MAAM,EAAE,OAAO,UAAU,cAAc,YAAY,QAAQ,cAAc,cAAc;EACrF;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,eAAe,WAAW,aAAa,GAAG,GAC3C;;;;AAKD,OAAM,gBAAgB;AACpB,MAAI,MAAO,eAAc,WAAW,MAAM,CAAC;IAC1C,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC,sBACC,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,UAAU;aACzD,oBAAC;GACC;GACA,MAAK;GACL,OAAO;GACP,WAAW,GAAG,mBAAmB;IAAE;IAAS;IAAQ,CAAC,EAAE,WAAW,mBAAmB;GACrF,UAAU,CAAC;GACX,WAAW,MAAM;AACf,kBAAc,EAAE,OAAO,MAAM;IAC7B,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAE5C,QAAI,CAAC,YAAY,WAAW,EAAE;AAC5B,gBAAW,KAAK;AAChB,cAAS,OAAU;WACd;AACL,gBAAW,MAAM;AACjB,cAAS,WAAW;;;GAGxB,SAAS,MAAM;IACb,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAC5C,eAAW,YAAY,WAAW,GAAG,aAAa,KAAK;;IAEzD,EAEF,oBAAC;GAAe;aACd,oBAAC;IACC,SAAQ;IACR,UAAU;IACV,UAAU,CAAC;IACX,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;cAED,oBAAC,gBAAa,WAAU,YAAY;KAC7B;IACM;GACb,EAEN,oBAAC;EAAe,WAAU;YACxB,oBAACA;GACC,MAAK;GACL;GACA,UAAU,SAAS;GACnB,cAAc,SAAS;GACvB,UAAU,CAAC;GACX,WAAW,iBAAiB;AAC1B,QAAI,CAAC,aAAc;AAEnB,kBAAc,WAAW,aAAa,CAAC;AAEvC,iBAAa,gBAAgB,KAAK;AAClC,eAAW,gBAAgB,KAAK;AAEhC,eAAW,MAAM;;IAEnB;GACa,IACT"}

package/dist/modules/inline-edit/components/date-picker.client.d.mts

@@ -1,20 +1,22 @@
 import { Button } from "../../../components/ui/button.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-picker.client.d.ts
-type InlineEditDatePickerProps = ComponentProps<typeof Button> & useInlineEditOptions<Date> & InlineEditVariantsProps;
-declare function InlineDatePicker({
+type InlineEditDatePickerProps<Required extends boolean> = ComponentProps<typeof Button> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps;
+declare function InlineDatePicker<Required extends boolean = false>({
   initialValue,
   action,
   permission,
   variant,
   className,
   disabled,
+  updateStrategy,
+  isRequired,
   ...props
-}: InlineEditDatePickerProps): react_jsx_runtime162.JSX.Element;
+}: InlineEditDatePickerProps<Required>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { InlineDatePicker };
 //# sourceMappingURL=date-picker.client.d.mts.map

package/dist/modules/inline-edit/components/date-picker.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAYK,yBAAA,GAA4B,sBAAsB,UACrD,qBAAqB,QACrB;iBAEc,gBAAA;;;;;;;;GAQb,4BAAyB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-picker.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAYK,sDAAsD,sBAAsB,UAC/E,qBAAqB,MAAM,YAC3B;iBAEc;;;;;;;;;;GAUb,0BAA0B,YAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/date-picker.client.mjs

@@ -12,18 +12,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/components/date-picker.client.tsx
-function InlineDatePicker({ initialValue, action, permission, variant, className, disabled, ...props }) {
+function InlineDatePicker({ initialValue, action, permission, variant, className, disabled, updateStrategy, isRequired, ...props }) {
 	const [open, setOpen] = React.useState(false);
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+	const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsxs(Popover, {
 		open,
 		onOpenChange: (open$1) => {
 			setOpen(open$1);
-			if (!open$1 && value) handleUpdate(value);
+			if (!open$1 && value) handleBlur(value);
 		},
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,
@@ -31,7 +33,10 @@ function InlineDatePicker({ initialValue, action, permission, variant, className
 				...props,
 				type: "button",
 				variant: "outline",
-				className: cn("w-full", inlineEditVariants({ variant }), className),
+				className: cn("w-full", inlineEditVariants({
+					variant,
+					status
+				}), className),
 				disabled: disabled || !isAllowed,
 				children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), value ? formatDate(value) : /* @__PURE__ */ jsx("span", { children: "Kies een datum" })]
 			})
@@ -39,9 +44,9 @@ function InlineDatePicker({ initialValue, action, permission, variant, className
 			className: "w-auto p-0",
 			children: /* @__PURE__ */ jsx(Calendar$1, {
 				mode: "single",
+				autoFocus: true,
 				selected: value ? new Date(value) : void 0,
-				onSelect: (date) => date && setValue(date),
-				initialFocus: true
+				onSelect: (date) => handleChange(date ?? null)
 			})
 		})]
 	});

package/dist/modules/inline-edit/components/date-picker.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.client.mjs","names":["open","Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { formatDate } from \"@/lib/utils/format\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineEditDatePickerProps = ComponentProps<typeof Button> &\n  useInlineEditOptions<Date> &\n  InlineEditVariantsProps;\n\nexport function InlineDatePicker({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  disabled,\n  ...props\n}: InlineEditDatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(open) => {\n        setOpen(open);\n        if (!open && value) handleUpdate(value);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          {...props}\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"w-full\", inlineEditVariants({ variant }), className)}\n          disabled={disabled || !isAllowed}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? formatDate(value) : <span>Kies een datum</span>}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={value ? new Date(value) : undefined}\n          onSelect={(date) => date && setValue(date)}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,SAAgB,iBAAiB,EAC/B,cACA,QACA,YACA,SACA,WACA,UACA,GAAG,SACyB;CAC5B,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAAC;EACO;EACN,eAAe,WAAS;AACtB,WAAQA,OAAK;AACb,OAAI,CAACA,UAAQ,MAAO,cAAa,MAAM;;aAGzC,oBAAC;GAAe;aACd,qBAAC;IACC,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,WAAW,GAAG,UAAU,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;IACnE,UAAU,YAAY,CAAC;eAEvB,oBAAC,gBAAa,WAAU,iBAAiB,EACxC,QAAQ,WAAW,MAAM,GAAG,oBAAC,oBAAK,mBAAqB;KACjD;IACM,EAEjB,oBAAC;GAAe,WAAU;aACxB,oBAACC;IACC,MAAK;IACL,UAAU,QAAQ,IAAI,KAAK,MAAM,GAAG;IACpC,WAAW,SAAS,QAAQ,SAAS,KAAK;IAC1C;KACA;IACa;GACT"}
+{"version":3,"file":"date-picker.client.mjs","names":["open","Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { formatDate } from \"@/lib/utils/format\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineEditDatePickerProps<Required extends boolean> = ComponentProps<typeof Button> &\n  useInlineEditOptions<Date, Required> &\n  InlineEditVariantsProps;\n\nexport function InlineDatePicker<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  disabled,\n  updateStrategy,\n  isRequired,\n  ...props\n}: InlineEditDatePickerProps<Required>) {\n  const [open, setOpen] = React.useState(false);\n\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(open) => {\n        setOpen(open);\n        if (!open && value) handleBlur(value);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          {...props}\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"w-full\", inlineEditVariants({ variant, status }), className)}\n          disabled={disabled || !isAllowed}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? formatDate(value) : <span>Kies een datum</span>}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          autoFocus\n          selected={value ? new Date(value) : undefined}\n          onSelect={(date) => handleChange(date ?? null)}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,SAAgB,iBAAmD,EACjE,cACA,QACA,YACA,SACA,WACA,UACA,gBACA,YACA,GAAG,SACmC;CACtC,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAAC;EACO;EACN,eAAe,WAAS;AACtB,WAAQA,OAAK;AACb,OAAI,CAACA,UAAQ,MAAO,YAAW,MAAM;;aAGvC,oBAAC;GAAe;aACd,qBAAC;IACC,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,WAAW,GAAG,UAAU,mBAAmB;KAAE;KAAS;KAAQ,CAAC,EAAE,UAAU;IAC3E,UAAU,YAAY,CAAC;eAEvB,oBAAC,gBAAa,WAAU,iBAAiB,EACxC,QAAQ,WAAW,MAAM,GAAG,oBAAC,oBAAK,mBAAqB;KACjD;IACM,EAEjB,oBAAC;GAAe,WAAU;aACxB,oBAACC;IACC,MAAK;IACL;IACA,UAAU,QAAQ,IAAI,KAAK,MAAM,GAAG;IACpC,WAAW,SAAS,aAAa,QAAQ,KAAK;KAC9C;IACa;GACT"}

package/dist/modules/inline-edit/components/editor.client.d.mts

@@ -2,20 +2,22 @@ import { EditorJSONContent } from "../../../components/editor/lib/types.mjs";
 import { EditorProps } from "../../../components/editor/components/editor.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime164 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/editor.client.d.ts
-type InlineEditorProps = useInlineEditOptions<EditorJSONContent> & InlineEditVariantsProps & Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
-declare function InlineEditor({
+type InlineEditorProps<Required extends boolean = false> = useInlineEditOptions<EditorJSONContent, Required> & InlineEditVariantsProps & Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
+declare function InlineEditor<Required extends boolean = false>({
   initialValue,
   action,
   extensions,
   variant,
   disabled,
   permission,
+  updateStrategy,
+  isRequired,
   className,
   children
-}: InlineEditorProps): react_jsx_runtime164.JSX.Element;
+}: InlineEditorProps<Required>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { InlineEditor, InlineEditorProps };
 //# sourceMappingURL=editor.client.d.mts.map

package/dist/modules/inline-edit/components/editor.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,iBAAA,GAAoB,qBAAqB,qBACnD,0BACA,KAAK;iBAES,YAAA;;;;;;;;;GASb,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,sDAAsD,qBAChE,mBACA,YAEA,0BACA,KAAK;iBAES;;;;;;;;;;;GAWb,kBAAkB,YAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/editor.client.mjs

@@ -7,18 +7,23 @@ import { inlineEditVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/editor.client.tsx
-function InlineEditor({ initialValue, action, extensions, variant, disabled, permission, className, children }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+function InlineEditor({ initialValue, action, extensions, variant, disabled, permission, updateStrategy, isRequired, className, children }) {
+	const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsx(Editor, {
 		value,
 		extensions,
-		onUpdate: (value$1) => setValue(value$1),
-		onBlur: (value$1) => handleUpdate(value$1),
-		className: cn(inlineEditVariants({ variant }), className),
+		onUpdate: (value$1) => handleChange(value$1),
+		onBlur: (value$1) => handleBlur(value$1),
+		className: cn(inlineEditVariants({
+			variant,
+			status
+		}), className),
 		disabled: disabled || !isAllowed,
 		variant,
 		children

package/dist/modules/inline-edit/components/editor.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"editor.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Editor, EditorProps } from \"@/components/editor/components/editor.client\";\nimport { EditorJSONContent } from \"@/components/editor/lib/types\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineEditorProps = useInlineEditOptions<EditorJSONContent> &\n  InlineEditVariantsProps &\n  Omit<EditorProps, \"value\" | \"onUpdate\" | \"onBlur\" | \"variant\">;\n\nexport function InlineEditor({\n  initialValue,\n  action,\n  extensions,\n  variant,\n  disabled,\n  permission,\n  className,\n  children,\n}: InlineEditorProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<EditorJSONContent>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  // const [debouncedValue] = useDebounce(value, 500);\n  // useEffect(() => {\n  //   if (!value) return;\n  //   handleUpdate(value);\n  //   // eslint-disable-next-line react-hooks/exhaustive-deps\n  // }, [debouncedValue]);\n\n  return (\n    <Editor\n      value={value}\n      extensions={extensions}\n      onUpdate={(value) => setValue(value)}\n      onBlur={(value) => handleUpdate(value)}\n      className={cn(inlineEditVariants({ variant }), className)}\n      disabled={disabled || !isAllowed}\n      variant={variant}\n    >\n      {children}\n    </Editor>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,aAAa,EAC3B,cACA,QACA,YACA,SACA,UACA,YACA,WACA,YACoB;CACpB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAiC;EACpF;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EACQ;EACK;EACZ,WAAW,YAAU,SAASA,QAAM;EACpC,SAAS,YAAU,aAAaA,QAAM;EACtC,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;EACzD,UAAU,YAAY,CAAC;EACd;EAER;GACM"}
+{"version":3,"file":"editor.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Editor, EditorProps } from \"@/components/editor/components/editor.client\";\nimport { EditorJSONContent } from \"@/components/editor/lib/types\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\nexport type InlineEditorProps<Required extends boolean = false> = useInlineEditOptions<\n  EditorJSONContent,\n  Required\n> &\n  InlineEditVariantsProps &\n  Omit<EditorProps, \"value\" | \"onUpdate\" | \"onBlur\" | \"variant\">;\n\nexport function InlineEditor<Required extends boolean = false>({\n  initialValue,\n  action,\n  extensions,\n  variant,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  children,\n}: InlineEditorProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <Editor\n      value={value}\n      extensions={extensions}\n      onUpdate={(value) => handleChange(value)}\n      onBlur={(value) => handleBlur(value)}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      variant={variant}\n    >\n      {children}\n    </Editor>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,SACA,UACA,YACA,gBACA,YACA,WACA,YAC8B;CAC9B,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACQ;EACK;EACZ,WAAW,YAAU,aAAaA,QAAM;EACxC,SAAS,YAAU,WAAWA,QAAM;EACpC,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACd;EAER;GACM"}

package/dist/modules/inline-edit/components/input-recipient.client.d.mts

@@ -1,26 +1,28 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
 import { Contact, RecipientInput } from "../../../components/ui/input-recipient.mjs";
-import * as react_jsx_runtime169 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-recipient.client.d.ts
-type InlineRecipientInputProps = Omit<ComponentProps<typeof RecipientInput>, "value" | "onChange"> & useInlineEditOptions<string[]> & InlineEditVariantsProps & {
+type InlineRecipientInputProps<Required extends boolean = false> = Omit<ComponentProps<typeof RecipientInput>, "value" | "onChange"> & useInlineEditOptions<string[], Required> & InlineEditVariantsProps & {
   contacts: Contact[];
 };
 /**
  * The inline edit recipient input component.
  */
-declare function InlineRecipientInput({
+declare function InlineRecipientInput<Required extends boolean = false>({
   initialValue,
   action,
   variant,
   disabled,
   contacts,
   permission,
+  updateStrategy,
+  isRequired,
   className,
   ...props
-}: InlineRecipientInputProps): react_jsx_runtime169.JSX.Element;
+}: InlineRecipientInputProps<Required>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { InlineRecipientInput };
 //# sourceMappingURL=input-recipient.client.d.mts.map

package/dist/modules/inline-edit/components/input-recipient.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,yBAAA,GAA4B,KAAK,sBAAsB,yCAC1D,iCACA;YACY;;AALgE;;;AAE7C,iBASjB,oBAAA,CATiB;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkB9B,yBAlB8B,CAAA,EAkBL,oBAAA,CAAA,GAAA,CAAA,OAlBK"}
+{"version":3,"file":"input-recipient.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,8DAA8D,KACjE,sBAAsB,yCAGtB,+BAA+B,YAC/B;YACY;;AARgE;;;AAEX,iBAYnD,oBAZmD,CAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,CAAA;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,UAAA;EAAA,cAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuBhE,yBAvBgE,CAuBtC,QAvBsC,CAAA,CAAA,EAuB7B,kBAAA,CAAA,GAAA,CAAA,OAvB6B"}

package/dist/modules/inline-edit/components/input-recipient.client.mjs

@@ -10,22 +10,27 @@ import { jsx } from "react/jsx-runtime";
 /**
 * The inline edit recipient input component.
 */
-function InlineRecipientInput({ initialValue, action, variant, disabled, contacts, permission, className, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+function InlineRecipientInput({ initialValue, action, variant, disabled, contacts, permission, updateStrategy, isRequired, className, ...props }) {
+	const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	return /* @__PURE__ */ jsx(RecipientInput, {
 		...props,
 		contacts,
 		value: value ?? [],
 		onChange: (newValue) => {
-			setValue(newValue);
-			handleUpdate(newValue);
+			handleChange(newValue);
+			handleBlur(newValue);
 		},
 		disabled: disabled || !isAllowed,
-		className: cn(inlineEditVariants({ variant }), className)
+		className: cn(inlineEditVariants({
+			variant,
+			status
+		}), className)
 	});
 }
 

package/dist/modules/inline-edit/components/input-recipient.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Contact, RecipientInput } from \"@/components/ui/input-recipient\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineRecipientInputProps = Omit<ComponentProps<typeof RecipientInput>, \"value\" | \"onChange\"> &\n  useInlineEditOptions<string[]> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  className,\n  ...props\n}: InlineRecipientInputProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit<string[]>({\n    initialValue,\n    action,\n    permission,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        setValue(newValue);\n        handleUpdate(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgB,qBAAqB,EACnC,cACA,QACA,SACA,UACA,UACA,YACA,WACA,GAAG,SACyB;CAC5B,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAwB;EAC3E;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,YAAS,SAAS;AAClB,gBAAa,SAAS;;EAExB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;GACzD"}
+{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Contact, RecipientInput } from \"@/components/ui/input-recipient\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\ntype InlineRecipientInputProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof RecipientInput>,\n  \"value\" | \"onChange\"\n> &\n  useInlineEditOptions<string[], Required> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineRecipientInputProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        handleChange(newValue);\n        handleBlur(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,qBAAuD,EACrE,cACA,QACA,SACA,UACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACmC;CACtC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,gBAAa,SAAS;AACtB,cAAW,SAAS;;EAEtB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GACjE"}

package/dist/modules/inline-edit/components/input-toggle.client.d.mts

@@ -1,18 +1,20 @@
 import { Input } from "../../../components/ui/input.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime170 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.d.ts
-type InlineStringInputToggleProps<TValue> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<TValue>;
-declare function InlineStringInputToggle({
+type InlineStringInputToggleProps<Required extends boolean = false> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<string, Required>;
+declare function InlineStringInputToggle<Required extends boolean>({
   initialValue,
   action,
   disabled,
   permission,
+  updateStrategy,
+  isRequired,
   className,
   ...props
-}: InlineStringInputToggleProps<string>): react_jsx_runtime170.JSX.Element;
+}: InlineStringInputToggleProps<Required>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { InlineStringInputToggle };
 //# sourceMappingURL=input-toggle.client.d.mts.map

package/dist/modules/inline-edit/components/input-toggle.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input-toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,uCAAuC,KAAK,sBAAsB,kBACrE,qBAAqB;iBAEP,uBAAA;;;;;;;GAOb,uCAAoC,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"input-toggle.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,iEAAiE,KACpE,sBAAsB,kBAGtB,6BAA6B;iBAEf;;;;;;;;;GASb,6BAA6B,YAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/inline-edit/components/input-toggle.client.mjs

@@ -9,17 +9,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.tsx
-function InlineStringInputToggle({ initialValue, action, disabled, permission, className, ...props }) {
+function InlineStringInputToggle({ initialValue, action, disabled, permission, updateStrategy, isRequired, className, ...props }) {
 	const [enabled, setEnabled] = useState(!!initialValue);
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
+	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
 		initialValue,
 		action,
-		permission
+		permission,
+		updateStrategy,
+		isRequired
 	});
 	function handleToggle() {
 		setEnabled(!enabled);
 		if (!enabled) return;
-		handleUpdate("");
+		handleBlur(null);
 	}
 	const isDisabled = !enabled || disabled || !isAllowed;
 	return /* @__PURE__ */ jsxs("div", {
@@ -27,10 +29,10 @@ function InlineStringInputToggle({ initialValue, action, disabled, permission, c
 		children: [/* @__PURE__ */ jsx(Input, {
 			...props,
 			type: "text",
-			value,
+			value: value ?? void 0,
 			disabled: isDisabled,
-			onChange: (e) => setValue(e.target.value),
-			onBlur: (e) => handleUpdate(e.target.value),
+			onChange: (e) => handleChange(e.target.value ? e.target.value : null),
+			onBlur: (e) => handleBlur(e.target.value ? e.target.value : null),
 			className: cn("border-border/70 hover:border-border w-full", className)
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",

package/dist/modules/inline-edit/components/input-toggle.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { ComponentProps, useState } from \"react\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<TValue> = Omit<ComponentProps<typeof Input>, \"type\"> &\n  useInlineEditOptions<TValue>;\n\nexport function InlineStringInputToggle({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  className,\n  ...props\n}: InlineStringInputToggleProps<string>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleUpdate(\"\");\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value}\n        disabled={isDisabled}\n        onChange={(e) => setValue(e.target.value)}\n        onBlur={(e) => handleUpdate(e.target.value)}\n        className={cn(\"border-border/70 hover:border-border w-full\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute bottom-0 right-0 top-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,wBAAwB,EACtC,cACA,QACA,UACA,YACA,WACA,GAAG,SACoC;CACvC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACA;EACD,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,eAAa,GAAG;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACE;GACP,UAAU;GACV,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,SAAS,MAAM,aAAa,EAAE,OAAO,MAAM;GAC3C,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}
+{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { ComponentProps, useState } from \"react\";\nimport { useInlineEdit, useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<string, Required>;\n\nexport function InlineStringInputToggle<Required extends boolean>({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineStringInputToggleProps<Required>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleBlur(null);\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value ?? undefined}\n        disabled={isDisabled}\n        onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n        onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n        className={cn(\"border-border/70 hover:border-border w-full\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute bottom-0 right-0 top-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,wBAAkD,EAChE,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACsC;CACzC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,aAAW,KAAK;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACL,OAAO,SAAS;GAChB,UAAU;GACV,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACjE,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}