@tulip-systems/core 0.2.1 → 0.4.0

package/dist/modules/data-tables/tables/inline-table/hooks/use-input.client.js

@@ -1,5 +1,5 @@
-import { usePermission } from "../../../../auth/hooks/use-permission.client.js";
 import { useAction } from "../../../../../lib/hooks/use-action.js";
+import { usePermission } from "../../../../auth/hooks/use-permission.js";
 import { useEffect, useState } from "react";
 import { toast } from "sonner";
 import "client-only";

package/dist/modules/data-tables/tables/inline-table/hooks/use-input.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-input.client.js","names":["value"],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/use-input.client.ts"],"sourcesContent":["import \"client-only\";\n\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { Permission } from \"@/modules/auth/entry\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission.client\";\nimport { InlineEditSchema } from \"@/modules/inline-edit/entry\";\nimport { type CellContext } from \"@tanstack/react-table\";\nimport { useEffect, useState } from \"react\";\nimport { toast } from \"sonner\";\n\nexport type UseInlineDataTableInputParams<TData, TValue> = {\n  context: CellContext<TData, TValue>;\n  action: (params: InlineEditSchema<TValue>) => Promise<void> | void;\n  permission?: Permission;\n};\n\n/**\n * Inline form table input\n */\nexport function useInlineDataTableInput<TData extends { id: string }, TValue>({\n  context,\n  action,\n  permission,\n}: UseInlineDataTableInputParams<TData, TValue>) {\n  const initialValue = context.getValue();\n\n  const [value, setValue] = useState(initialValue);\n\n  useEffect(() => setValue(initialValue), [initialValue]);\n\n  const permissionData = usePermission(permission);\n  const isAllowed = permissionData.data?.success;\n\n  /**\n   * Update value mutation\n   */\n  const { mutate } = useAction({\n    mutationFn: async (value: TValue) => {\n      if (initialValue === value) return;\n\n      const { id } = context.row.original as TData;\n      await action({ id, value });\n    },\n    onError: () => {\n      setValue(initialValue);\n    },\n  });\n\n  /**\n   * Handle the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\n    if (!isAllowed) {\n      toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n      return;\n    }\n\n    // If the value is the same as the initial value, do nothing\n    if (value === initialValue) return;\n\n    return mutate(value);\n  };\n\n  return { value, setValue, mutate: handleUpdate, isAllowed };\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,wBAA8D,EAC5E,SACA,QACA,cAC+C;CAC/C,MAAM,eAAe,QAAQ,UAAU;CAEvC,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;AAEhD,iBAAgB,SAAS,aAAa,EAAE,CAAC,aAAa,CAAC;CAGvD,MAAM,YADiB,cAAc,WAAW,CACf,MAAM;;;;CAKvC,MAAM,EAAE,WAAW,UAAU;EAC3B,YAAY,OAAO,YAAkB;AACnC,OAAI,iBAAiBA,QAAO;GAE5B,MAAM,EAAE,OAAO,QAAQ,IAAI;AAC3B,SAAM,OAAO;IAAE;IAAI;IAAO,CAAC;;EAE7B,eAAe;AACb,YAAS,aAAa;;EAEzB,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,aAAc;AAE5B,SAAO,OAAOA,QAAM;;AAGtB,QAAO;EAAE;EAAO;EAAU,QAAQ;EAAc;EAAW"}
+{"version":3,"file":"use-input.client.js","names":["value"],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/use-input.client.ts"],"sourcesContent":["import \"client-only\";\n\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { Permission } from \"@/modules/auth/entry\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport { InlineEditSchema } from \"@/modules/inline-edit/entry\";\nimport { type CellContext } from \"@tanstack/react-table\";\nimport { useEffect, useState } from \"react\";\nimport { toast } from \"sonner\";\n\nexport type UseInlineDataTableInputParams<TData, TValue> = {\n  context: CellContext<TData, TValue>;\n  action: (params: InlineEditSchema<TValue>) => Promise<void> | void;\n  permission?: Permission;\n};\n\n/**\n * Inline form table input\n */\nexport function useInlineDataTableInput<TData extends { id: string }, TValue>({\n  context,\n  action,\n  permission,\n}: UseInlineDataTableInputParams<TData, TValue>) {\n  const initialValue = context.getValue();\n\n  const [value, setValue] = useState(initialValue);\n\n  useEffect(() => setValue(initialValue), [initialValue]);\n\n  const permissionData = usePermission(permission);\n  const isAllowed = permissionData.data?.success;\n\n  /**\n   * Update value mutation\n   */\n  const { mutate } = useAction({\n    mutationFn: async (value: TValue) => {\n      if (initialValue === value) return;\n\n      const { id } = context.row.original as TData;\n      await action({ id, value });\n    },\n    onError: () => {\n      setValue(initialValue);\n    },\n  });\n\n  /**\n   * Handle the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\n    if (!isAllowed) {\n      toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n      return;\n    }\n\n    // If the value is the same as the initial value, do nothing\n    if (value === initialValue) return;\n\n    return mutate(value);\n  };\n\n  return { value, setValue, mutate: handleUpdate, isAllowed };\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,wBAA8D,EAC5E,SACA,QACA,cAC+C;CAC/C,MAAM,eAAe,QAAQ,UAAU;CAEvC,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;AAEhD,iBAAgB,SAAS,aAAa,EAAE,CAAC,aAAa,CAAC;CAGvD,MAAM,YADiB,cAAc,WAAW,CACf,MAAM;;;;CAKvC,MAAM,EAAE,WAAW,UAAU;EAC3B,YAAY,OAAO,YAAkB;AACnC,OAAI,iBAAiBA,QAAO;GAE5B,MAAM,EAAE,OAAO,QAAQ,IAAI;AAC3B,SAAM,OAAO;IAAE;IAAI;IAAO,CAAC;;EAE7B,eAAe;AACb,YAAS,aAAa;;EAEzB,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,aAAc;AAE5B,SAAO,OAAOA,QAAM;;AAGtB,QAAO;EAAE;EAAO;EAAU,QAAQ;EAAc;EAAW"}

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

@@ -1,6 +1,6 @@
 import { ComboboxDropdownItem, ComboboxDropdownProps } from "../../../components/ui/combobox-dropdown.client.js";
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox-dropdown.client.d.ts
 type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem> = useInlineEditOptions<string> & Omit<ComboboxDropdownProps<TValue>, "onSelect"> & {
@@ -11,7 +11,7 @@ declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem>({
   onSelect,
   disabled,
   ...props
-}: InlineEditComboboxDropdownProps<TValue>): react_jsx_runtime8.JSX.Element;
+}: InlineEditComboboxDropdownProps<TValue>): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { InlineComboboxDropdown, InlineEditComboboxDropdownProps };
 //# sourceMappingURL=combobox-dropdown.client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.d.ts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":[],"mappings":";;;;;KASY,+CAA+C,wBACzD,+BACE,KAAK,sBAAsB;aACd,sBAAsB;;AAH3B,iBAMI,sBAN2B,CAAA,eAMW,oBANX,CAAA,CAAA;EAAA,YAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAWxC,+BAXwC,CAWR,MAXQ,CAAA,CAAA,EAWD,kBAAA,CAAA,GAAA,CAAA,OAXC"}
+{"version":3,"file":"combobox-dropdown.client.d.ts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":[],"mappings":";;;;;KASY,+CAA+C,wBACzD,+BACE,KAAK,sBAAsB;aACd,sBAAsB;;AAH3B,iBAMI,sBAN2B,CAAA,eAMW,oBANX,CAAA,CAAA;EAAA,YAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAWxC,+BAXwC,CAWR,MAXQ,CAAA,CAAA,EAWD,mBAAA,CAAA,GAAA,CAAA,OAXC"}

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

@@ -1,6 +1,6 @@
 import { ComboboxProps } from "../../../components/ui/combobox.client.js";
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox.client.d.ts
 type InlineComboboxProps<TValue> = useInlineEditOptions<string> & Omit<ComboboxProps<TValue>, "value">;
@@ -9,7 +9,7 @@ declare function InlineCombobox<TValue>({
   onBlur,
   disabled,
   ...props
-}: InlineComboboxProps<TValue>): react_jsx_runtime9.JSX.Element;
+}: InlineComboboxProps<TValue>): react_jsx_runtime25.JSX.Element;
 //#endregion
 export { InlineCombobox, InlineComboboxProps };
 //# sourceMappingURL=combobox.client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.d.ts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,8BAA8B,+BACxC,KAAK,cAAc;iBAEL;;;;;GAKb,oBAAoB,UAAO,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"combobox.client.d.ts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,8BAA8B,+BACxC,KAAK,cAAc;iBAEL;;;;;GAKb,oBAAoB,UAAO,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-input.client.d.ts
@@ -8,7 +8,7 @@ declare function InlineDateInput({
   className,
   action,
   ...props
-}: ComponentProps<"div"> & useInlineEditOptions<Date>): react_jsx_runtime10.JSX.Element;
+}: ComponentProps<"div"> & useInlineEditOptions<Date>): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { InlineDateInput };
 //# sourceMappingURL=date-input.client.d.ts.map

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

@@ -3,8 +3,8 @@
 
 import { cn } from "../../../lib/utils/cn.js";
 import { Button } from "../../../components/ui/button.js";
-import { Calendar } from "../../../components/ui/calendar.js";
 import { Input } from "../../../components/ui/input.js";
+import { Calendar } from "../../../components/ui/calendar.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.js";
 import { useInlineEdit } from "../hooks/use-inline.client.js";
 import { CalendarIcon } from "lucide-react";

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

@@ -1,6 +1,6 @@
 import { Button } from "../../../components/ui/button.js";
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-picker.client.d.ts
@@ -10,7 +10,7 @@ declare function InlineDatePicker({
   className,
   disabled,
   ...props
-}: InlineEditDatePickerProps): react_jsx_runtime11.JSX.Element;
+}: InlineEditDatePickerProps): react_jsx_runtime27.JSX.Element;
 //#endregion
 export { InlineDatePicker };
 //# sourceMappingURL=date-picker.client.d.ts.map

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

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { JSONContent } from "@tiptap/react";
 
@@ -10,7 +10,7 @@ declare function InlineEditor({
   className,
   disabled,
   ...props
-}: Omit<ComponentProps<"input">, "type"> & useInlineEditOptions<JSONContent>): react_jsx_runtime12.JSX.Element;
+}: Omit<ComponentProps<"input">, "type"> & useInlineEditOptions<JSONContent>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { InlineEditor };
 //# sourceMappingURL=editor.client.d.ts.map

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

@@ -1,6 +1,6 @@
 import { Input } from "../../../components/ui/input.js";
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-toggle.client.d.ts
@@ -11,7 +11,7 @@ declare function InlineStringInputToggle({
   disabled,
   className,
   ...props
-}: InlineStringInputToggleProps<string>): react_jsx_runtime13.JSX.Element;
+}: InlineStringInputToggleProps<string>): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { InlineStringInputToggle };
 //# sourceMappingURL=input-toggle.client.d.ts.map

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

@@ -1,6 +1,6 @@
 import { Input } from "../../../components/ui/input.js";
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input.client.d.ts
@@ -14,7 +14,7 @@ declare function InlineStringInput({
   className,
   disabled,
   ...props
-}: InlineEditInputProps<string>): react_jsx_runtime14.JSX.Element;
+}: InlineEditInputProps<string>): react_jsx_runtime30.JSX.Element;
 /**
  * The inline edit number input component.
  */
@@ -24,7 +24,7 @@ declare function InlineNumberInput({
   className,
   disabled,
   ...props
-}: InlineEditInputProps<number>): react_jsx_runtime14.JSX.Element;
+}: InlineEditInputProps<number>): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { InlineNumberInput, InlineStringInput };
 //# sourceMappingURL=input.client.d.ts.map

package/dist/modules/inline-edit/components/richtext.client.d.ts

@@ -1,6 +1,6 @@
 import { Input } from "../../../components/ui/input.js";
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/richtext.client.d.ts
@@ -8,7 +8,7 @@ declare function InlineRichtext({
   initialValue,
   action,
   ...props
-}: Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<string>): react_jsx_runtime16.JSX.Element;
+}: Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<string>): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { InlineRichtext };
 //# sourceMappingURL=richtext.client.d.ts.map

package/dist/modules/inline-edit/components/select.client.d.ts

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from "@radix-ui/react-select";
 
 //#region src/modules/inline-edit/components/select.client.d.ts
@@ -8,15 +8,15 @@ declare function InlineSelect({
   initialValue,
   disabled,
   ...props
-}: InlineSelectProps): react_jsx_runtime17.JSX.Element;
+}: InlineSelectProps): react_jsx_runtime33.JSX.Element;
 type InlineSelectTriggerProps = SelectTriggerProps;
-declare function InlineSelectTrigger(props: InlineSelectTriggerProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectTrigger(props: InlineSelectTriggerProps): react_jsx_runtime33.JSX.Element;
 type InlineSelectContentProps = SelectContentProps;
-declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime33.JSX.Element;
 type InlineSelectValueProps = SelectValueProps;
-declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime33.JSX.Element;
 type InlineSelectItenProps = SelectItemProps;
-declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime17.JSX.Element;
+declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps };
 //# sourceMappingURL=select.client.d.ts.map

package/dist/modules/inline-edit/components/switch.client.d.ts

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { SwitchProps } from "@radix-ui/react-switch";
 
 //#region src/modules/inline-edit/components/switch.client.d.ts
@@ -8,7 +8,7 @@ declare function InlineSwitch({
   action,
   disabled,
   ...props
-}: SwitchProps & useInlineEditOptions<boolean>): react_jsx_runtime22.JSX.Element;
+}: SwitchProps & useInlineEditOptions<boolean>): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { InlineSwitch };
 //# sourceMappingURL=switch.client.d.ts.map

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

@@ -1,5 +1,5 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/components/toggle.client.d.ts
@@ -10,7 +10,7 @@ declare function InlineToggle({
   children,
   className,
   ...props
-}: InlineEditToggleProps): react_jsx_runtime23.JSX.Element;
+}: InlineEditToggleProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { InlineEditToggleProps, InlineToggle };
 //# sourceMappingURL=toggle.client.d.ts.map

package/dist/modules/inline-edit/hooks/context.client.d.ts

@@ -1,5 +1,5 @@
 import { Permission } from "../../auth/lib/permissions.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/modules/inline-edit/hooks/context.client.d.ts
@@ -22,7 +22,7 @@ declare function InlineEditProvider({
   ...value
 }: InlineEditContextParams & {
   children: React.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { InlineEditContextParams, InlineEditProvider, useInlineEditContext };
 //# sourceMappingURL=context.client.d.ts.map

package/dist/modules/inline-edit/hooks/use-inline.client.js

@@ -1,8 +1,8 @@
 "use client";
 
 
-import { usePermission } from "../../auth/hooks/use-permission.client.js";
 import { useAction } from "../../../lib/hooks/use-action.js";
+import { usePermission } from "../../auth/hooks/use-permission.js";
 import { useInlineEditContext } from "./context.client.js";
 import { useState } from "react";
 import { toast } from "sonner";

package/dist/modules/inline-edit/hooks/use-inline.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-inline.client.js","names":["value"],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission.client\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { JSONContent } from \"@tiptap/react\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useInlineEditContext } from \"./context.client\";\n\nexport type useInlineEditOptions<TValue> = {\n  initialValue?: TValue;\n  action: (value: { id: string; value: TValue }) => Promise<unknown>;\n  permission?: Permission;\n};\n\nexport function useInlineEdit<TValue extends string | number | Date | boolean | JSON | JSONContent>(\n  props: useInlineEditOptions<TValue>,\n) {\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  const { data } = usePermission(props.permission ?? context.permission);\n  const isAllowed = data?.success;\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState(props.initialValue);\n\n  /**\n   * Execute the action to update the value.\n   */\n  const { mutate, status } = useAction({\n    mutationFn: props.action,\n    onError: (error) => {\n      setValue(props.initialValue);\n      toast.error(\"Er is iets misgegaan\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n    },\n  });\n\n  /**\n   * Handle the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\n    if (!isAllowed) {\n      toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n      return;\n    }\n\n    // If the value is the same as the initial value, do nothing\n    if (value === props.initialValue) return;\n\n    return mutate({ id: context.id, value });\n  };\n\n  return { value, setValue, handleUpdate, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,cACd,OACA;;;;CAIA,MAAM,UAAU,sBAAsB;CAEtC,MAAM,EAAE,SAAS,cAAc,MAAM,cAAc,QAAQ,WAAW;CACtE,MAAM,YAAY,MAAM;;;;CAKxB,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM,aAAa;;;;CAKtD,MAAM,EAAE,QAAQ,WAAW,UAAU;EACnC,YAAY,MAAM;EAClB,UAAU,UAAU;AAClB,YAAS,MAAM,aAAa;AAC5B,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,MAAM,aAAc;AAElC,SAAO,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;;AAG1C,QAAO;EAAE;EAAO;EAAU;EAAc;EAAQ;EAAW"}
+{"version":3,"file":"use-inline.client.js","names":["value"],"sources":["../../../../src/modules/inline-edit/hooks/use-inline.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { usePermission } from \"@/modules/auth/hooks/use-permission\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport { JSONContent } from \"@tiptap/react\";\nimport { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { useInlineEditContext } from \"./context.client\";\n\nexport type useInlineEditOptions<TValue> = {\n  initialValue?: TValue;\n  action: (value: { id: string; value: TValue }) => Promise<unknown>;\n  permission?: Permission;\n};\n\nexport function useInlineEdit<TValue extends string | number | Date | boolean | JSON | JSONContent>(\n  props: useInlineEditOptions<TValue>,\n) {\n  /**\n   * The inline edit context.\n   */\n  const context = useInlineEditContext();\n\n  const { data } = usePermission(props.permission ?? context.permission);\n  const isAllowed = data?.success;\n\n  /**\n   * The current value of the inline edit.\n   */\n  const [value, setValue] = useState(props.initialValue);\n\n  /**\n   * Execute the action to update the value.\n   */\n  const { mutate, status } = useAction({\n    mutationFn: props.action,\n    onError: (error) => {\n      setValue(props.initialValue);\n      toast.error(\"Er is iets misgegaan\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n    },\n  });\n\n  /**\n   * Handle the update of the value.\n   */\n  const handleUpdate = (value: TValue) => {\n    if (!isAllowed) {\n      toast.error(\"Je hebt geen toestemming om dit te bewerken\");\n      return;\n    }\n\n    // If the value is the same as the initial value, do nothing\n    if (value === props.initialValue) return;\n\n    return mutate({ id: context.id, value });\n  };\n\n  return { value, setValue, handleUpdate, status, isAllowed };\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,cACd,OACA;;;;CAIA,MAAM,UAAU,sBAAsB;CAEtC,MAAM,EAAE,SAAS,cAAc,MAAM,cAAc,QAAQ,WAAW;CACtE,MAAM,YAAY,MAAM;;;;CAKxB,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM,aAAa;;;;CAKtD,MAAM,EAAE,QAAQ,WAAW,UAAU;EACnC,YAAY,MAAM;EAClB,UAAU,UAAU;AAClB,YAAS,MAAM,aAAa;AAC5B,SAAM,MAAM,wBAAwB,EAClC,aAAa,iBAAiB,QAAQ,MAAM,UAAU,QACvD,CAAC;;EAEL,CAAC;;;;CAKF,MAAM,gBAAgB,YAAkB;AACtC,MAAI,CAAC,WAAW;AACd,SAAM,MAAM,8CAA8C;AAC1D;;AAIF,MAAIA,YAAU,MAAM,aAAc;AAElC,SAAO,OAAO;GAAE,IAAI,QAAQ;GAAI;GAAO,CAAC;;AAG1C,QAAO;EAAE;EAAO;EAAU;EAAc;EAAQ;EAAW"}

package/dist/modules/uploads/components/button.client.d.ts

@@ -1,12 +1,12 @@
 import { Button } from "../../../components/ui/button.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime233 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/uploads/components/button.client.d.ts
 declare function UploadButton({
   className,
   ...props
-}: ComponentProps<typeof Button>): react_jsx_runtime3.JSX.Element;
+}: ComponentProps<typeof Button>): react_jsx_runtime233.JSX.Element;
 //#endregion
 export { UploadButton };
 //# sourceMappingURL=button.client.d.ts.map

package/dist/modules/uploads/components/button.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/button.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBASgB,YAAA;;;GAAsC,sBAAsB,UAAO,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"button.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/button.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBASgB,YAAA;;;GAAsC,sBAAsB,UAAO,oBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/uploads/components/images/grid.client.d.ts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 import { HTMLAttributes } from "react";
 
 //#region src/modules/uploads/components/images/grid.client.d.ts
 /**
  * Image Grid
  */
-declare function ImageGrid(props: HTMLAttributes<HTMLElement>): react_jsx_runtime4.JSX.Element;
+declare function ImageGrid(props: HTMLAttributes<HTMLElement>): react_jsx_runtime234.JSX.Element;
 //#endregion
 export { ImageGrid };
 //# sourceMappingURL=grid.client.d.ts.map

package/dist/modules/uploads/components/images/grid.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.client.d.ts","names":[],"sources":["../../../../../src/modules/uploads/components/images/grid.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAuCgB,iBAAA,SAAA,CAAS,KAAA,EAAQ,cAAR,CAAuB,WAAvB,CAAA,CAAA,EAAmC,kBAAA,CAAA,GAAA,CAAA,OAAnC"}
+{"version":3,"file":"grid.client.d.ts","names":[],"sources":["../../../../../src/modules/uploads/components/images/grid.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAuCgB,iBAAA,SAAA,CAAS,KAAA,EAAQ,cAAR,CAAuB,WAAvB,CAAA,CAAA,EAAmC,oBAAA,CAAA,GAAA,CAAA,OAAnC"}

package/dist/modules/uploads/components/images/grid.client.js

@@ -4,9 +4,9 @@
 import { Icons } from "../../../../components/common/icons.js";
 import { cn } from "../../../../lib/utils/cn.js";
 import { Button } from "../../../../components/ui/button.js";
+import { Dialog, DialogContent, DialogTrigger } from "../../../../components/ui/dialog.client.js";
 import { Card } from "../../../../components/ui/card.js";
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../../../components/ui/carousel.js";
-import { Dialog, DialogContent, DialogTrigger } from "../../../../components/ui/dialog.client.js";
 import { useUploadZone } from "../../hooks/use-upload-zone.client.js";
 import { ImageInput } from "./input.client.js";
 import { GripIcon } from "lucide-react";

package/dist/modules/uploads/components/images/input.client.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime232 from "react/jsx-runtime";
 import React from "react";
 import "client-only";
 
@@ -10,7 +10,7 @@ declare function ImageInput({
   onUpload,
   className,
   ...props
-}: ImageInputProps): react_jsx_runtime5.JSX.Element;
+}: ImageInputProps): react_jsx_runtime232.JSX.Element;
 //#endregion
 export { ImageInput, ImageInputProps };
 //# sourceMappingURL=input.client.d.ts.map

package/dist/modules/uploads/components/images/input.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.client.d.ts","names":[],"sources":["../../../../../src/modules/uploads/components/images/input.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,eAAA,GAAkB,KAAA,CAAM,eAAe;mBAChC;;AADP,iBAII,UAAA,CAJW;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAImC,eAJnC,CAAA,EAIkD,kBAAA,CAAA,GAAA,CAAA,OAJlD"}
+{"version":3,"file":"input.client.d.ts","names":[],"sources":["../../../../../src/modules/uploads/components/images/input.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,eAAA,GAAkB,KAAA,CAAM,eAAe;mBAChC;;AADP,iBAII,UAAA,CAJW;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAImC,eAJnC,CAAA,EAIkD,oBAAA,CAAA,GAAA,CAAA,OAJlD"}

package/dist/modules/uploads/components/preview-dialog.client.d.ts

@@ -1,5 +1,5 @@
 import { DialogTrigger } from "../../../components/ui/dialog.client.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime236 from "react/jsx-runtime";
 
 //#region src/modules/uploads/components/preview-dialog.client.d.ts
 type AssetPreviewDialogProps = {
@@ -9,7 +9,7 @@ type AssetPreviewDialogProps = {
 declare function AssetPreviewDialog({
   children,
   src
-}: AssetPreviewDialogProps): react_jsx_runtime6.JSX.Element;
+}: AssetPreviewDialogProps): react_jsx_runtime236.JSX.Element;
 declare const AssetPreviewDialogTrigger: typeof DialogTrigger;
 //#endregion
 export { AssetPreviewDialog, AssetPreviewDialogTrigger };

package/dist/modules/uploads/components/preview-dialog.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-dialog.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/preview-dialog.client.tsx"],"sourcesContent":[],"mappings":";;;;KAGK,uBAAA;YACO,KAAA,CAAM;;AAJmE,CAAA;AAQrE,iBAAA,kBAAA,CAAkB;EAAA,QAAA;EAAA;AAAA,CAAA,EAAoB,uBAApB,CAAA,EAA2C,kBAAA,CAAA,GAAA,CAAA,OAA3C;AAAA,cAYrB,yBAZqB,EAAA,OAYI,aAZJ"}
+{"version":3,"file":"preview-dialog.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/preview-dialog.client.tsx"],"sourcesContent":[],"mappings":";;;;KAGK,uBAAA;YACO,KAAA,CAAM;;AAJmE,CAAA;AAQrE,iBAAA,kBAAA,CAAkB;EAAA,QAAA;EAAA;AAAA,CAAA,EAAoB,uBAApB,CAAA,EAA2C,oBAAA,CAAA,GAAA,CAAA,OAA3C;AAAA,cAYrB,yBAZqB,EAAA,OAYI,aAZJ"}

package/dist/modules/uploads/components/zone.client.d.ts

@@ -1,5 +1,5 @@
 import { UploadFile, UploadZoneContextValue } from "../hooks/use-upload-zone.client.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime237 from "react/jsx-runtime";
 import React, { HTMLAttributes } from "react";
 
 //#region src/modules/uploads/components/zone.client.d.ts
@@ -15,7 +15,7 @@ declare function UploadZone<TFile extends UploadFile>({
   children,
   className,
   ...props
-}: UploadZoneProps<TFile>): react_jsx_runtime7.JSX.Element;
+}: UploadZoneProps<TFile>): react_jsx_runtime237.JSX.Element;
 //#endregion
 export { UploadZone };
 //# sourceMappingURL=zone.client.d.ts.map

package/dist/modules/uploads/components/zone.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zone.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/zone.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASyC,KAKpC,eAAA,CAAA,cAA8B,UAAf,CAAA,GAA6B,cAA7B,CAA4C,WAA5C,CAAA,GAAA;EAAA,QAAA,CAAA,EACP,KAAA,CAAM,SADC;OAAe,EAE1B,sBAF0B,CAEH,KAFG,CAAA;;AAAc,iBAKjC,UALiC,CAAA,cAKR,UALQ,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAU9C,eAV8C,CAU9B,KAV8B,CAAA,CAAA,EAUxB,kBAAA,CAAA,GAAA,CAAA,OAVwB"}
+{"version":3,"file":"zone.client.d.ts","names":[],"sources":["../../../../src/modules/uploads/components/zone.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASyC,KAKpC,eAAA,CAAA,cAA8B,UAAf,CAAA,GAA6B,cAA7B,CAA4C,WAA5C,CAAA,GAAA;EAAA,QAAA,CAAA,EACP,KAAA,CAAM,SADC;OAAe,EAE1B,sBAF0B,CAEH,KAFG,CAAA;;AAAc,iBAKjC,UALiC,CAAA,cAKR,UALQ,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAU9C,eAV8C,CAU9B,KAV8B,CAAA,CAAA,EAUxB,oBAAA,CAAA,GAAA,CAAA,OAVwB"}

package/dist/modules/uploads/hooks/use-upload-image.client.js

@@ -1,6 +1,6 @@
-import { arrayMove } from "../../../lib/utils/array-move.js";
 import { useIndicator } from "../../../lib/hooks/use-indicator.js";
 import { useAction } from "../../../lib/hooks/use-action.js";
+import { arrayMove } from "../../../lib/utils/array-move.js";
 import { useState } from "react";
 import { toast } from "sonner";
 import { upload } from "@vercel/blob/client";

package/dist/modules/uploads/lib/proxy.server.d.ts

@@ -1,7 +1,7 @@
 import { GetTulipParams, GetTulipReturn } from "../../config/lib/resolve.server.js";
 import { DriveSchema } from "./schema.js";
-import "server-cli-only";
 import { z as z$1 } from "zod";
+import "server-cli-only";
 import { NextRequest } from "next/server";
 
 //#region src/modules/uploads/lib/proxy.server.d.ts

package/dist/modules/uploads/lib/proxy.server.js

@@ -1,15 +1,15 @@
 import { BUCKET_NAME } from "../../../lib/config/constants.js";
+import { getTulip } from "../../config/lib/resolve.server.js";
 import { ServerError } from "../../config/router/error.server.js";
 import { getSession } from "../../auth/lib/helpers.server.js";
-import { getTulip } from "../../config/lib/resolve.server.js";
 import { imageDispositions, imageVariants } from "./constants.js";
 import { nodePresignedUrls, nodes } from "./schema.js";
-import "server-cli-only";
-import { and, eq } from "drizzle-orm";
 import { z as z$1 } from "zod";
+import { and, eq } from "drizzle-orm";
+import "server-cli-only";
+import { after } from "next/server";
 import { GetObjectCommand } from "@aws-sdk/client-s3";
 import { addSeconds } from "date-fns";
-import { after } from "next/server";
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner";
 
 //#region src/modules/uploads/lib/proxy.server.ts

package/dist/modules/uploads/lib/route.server.d.ts

@@ -2,8 +2,8 @@ import { TDatabaseSchema } from "../../config/db/types.js";
 import { TulipConfig } from "../../config/lib/config.server.js";
 import { GetTulipReturn } from "../../config/lib/resolve.server.js";
 import { Asset } from "./validators.js";
-import "server-cli-only";
 import { z as z$1 } from "zod";
+import "server-cli-only";
 import { NextRequest, NextResponse } from "next/server";
 
 //#region src/modules/uploads/lib/route.server.d.ts

package/dist/modules/uploads/lib/route.server.js

@@ -1,10 +1,10 @@
 import { getTulip } from "../../config/lib/resolve.server.js";
 import { assets } from "./schema.js";
-import "server-cli-only";
 import { eq } from "drizzle-orm";
+import "server-cli-only";
+import { NextResponse } from "next/server";
 import { handleUpload } from "@vercel/blob/client";
 import { del } from "@vercel/blob";
-import { NextResponse } from "next/server";
 
 //#region src/modules/uploads/lib/route.server.ts
 /**