@ynput/ayon-frontend-shared 0.3.21 → 0.3.22

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.es.js

@@ -1,60 +1,68 @@
-import { isEqual as f, uniqueId as I } from "lodash";
-import { useState as p, useEffect as v } from "react";
-const O = ({
-  creator: a,
-  initialData: l,
-  onChange: h,
+import { isEqual as f, uniqueId as h } from "lodash";
+import { useState as g, useEffect as E } from "react";
+const y = ({
+  creator: r,
+  initialData: i,
+  onChange: p,
+  onCommit: I,
   normalizer: o,
   mergeIncomingData: u
 }) => {
-  const [t, r] = p(l), n = (e) => {
-    r(e);
+  const [t, a] = g(i), m = (e) => {
+    a(e);
     const c = o(t), s = o(e);
-    f(c, s) || h(s);
+    f(c, s) || p(s);
   };
-  return v(() => {
-    r((e) => {
-      const c = o(e), s = o(l);
-      return f(c, s) ? e : u ? u(e, l) : l;
+  return E(() => {
+    a((e) => {
+      const c = o(e), s = o(i);
+      return f(c, s) ? e : u ? u(e, i) : i;
     });
-  }, [l, u, o]), {
+  }, [i, u, o]), {
     items: t,
     handleAddItem: (e) => {
-      n([...t, { ...a(), ...e, id: I() }]);
+      m([...t, { ...r(), ...e, id: h() }]);
     },
     handleRemoveItem: (e) => () => {
-      n([...t.slice(0, e), ...t.slice(e + 1)]);
+      m([...t.slice(0, e), ...t.slice(e + 1)]);
     },
     handleChangeItem: (e) => (c, s) => {
-      let m = { ...t[e] };
-      c.map((d, i) => m[d] = s[i]), n([...t.slice(0, e), m, ...t.slice(e + 1)]);
+      let d = { ...t[e] };
+      c.map((n, l) => d[n] = s[l]), m([...t.slice(0, e), d, ...t.slice(e + 1)]);
+    },
+    handleCommitItem: (e) => (c, s) => {
+      if (!I) return;
+      let d = { ...t[e] };
+      c.map((l, v) => d[l] = s[v]);
+      const n = [...t.slice(0, e), d, ...t.slice(e + 1)];
+      I(o(n));
     },
     handleDuplicateItem: (e, c) => {
-      n([
+      m([
         ...t.slice(0, e + 1),
-        { ...t[e], id: I(), ...c },
+        { ...t[e], id: h(), ...c },
         ...t.slice(e + 1)
       ]);
     },
     handleDraggableEnd: (e) => {
       if (!e.over)
         return;
-      const c = t.find((i) => i.id == e.active.id), s = t.indexOf(c), m = t.find((i) => i.id == e.over.id), d = t.indexOf(m);
-      s < d ? n([
+      const c = t.find((l) => l.id == e.active.id), s = t.indexOf(c), d = t.find((l) => l.id == e.over.id), n = t.indexOf(d);
+      s < n ? m([
         ...t.slice(0, s),
-        ...t.slice(s + 1, d + 1),
+        ...t.slice(s + 1, n + 1),
         c,
-        ...t.slice(d + 1)
-      ]) : n([
-        ...t.slice(0, d),
+        ...t.slice(n + 1)
+      ]) : m([
+        ...t.slice(0, n),
         c,
-        ...t.slice(d, s),
+        ...t.slice(n, s),
         ...t.slice(s + 1)
       ]);
     }
   };
 };
 export {
-  O as default
+  y as default
 };
 //# sourceMappingURL=useDraggable.es.js.map

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.es.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core'\nimport { isEqual } from 'lodash'\nimport { uniqueId } from 'lodash'\nimport { useEffect, useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  normalizer,\n  mergeIncomingData,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n  mergeIncomingData?: (currentData: T[], incomingData: T[]) => T[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    setItems(data)\n\n    const currentNormalized = normalizer(items)\n    const nextNormalized = normalizer(data)\n\n    if (!isEqual(currentNormalized, nextNormalized)) {\n      onChange(nextNormalized)\n    }\n  }\n\n  useEffect(() => {\n    setItems((currentItems) => {\n      const currentNormalized = normalizer(currentItems)\n      const incomingNormalized = normalizer(initialData)\n\n      if (isEqual(currentNormalized, incomingNormalized)) {\n        return currentItems\n      }\n\n      return mergeIncomingData ? mergeIncomingData(currentItems, initialData) : initialData\n    })\n  }, [initialData, mergeIncomingData, normalizer])\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":["useDraggable","creator","initialData","onChange","normalizer","mergeIncomingData","items","setItems","useState","updateAndSync","data","currentNormalized","nextNormalized","isEqual","useEffect","currentItems","incomingNormalized","overrides","uniqueId","idx","attrs","values","updatedItem","attr","index","event","activeItem","filterItem","activeItemIndex","overItem","item","overItemIndex"],"mappings":";;AAKA,MAAMA,IAAe,CAA8B;AAAA,EACjD,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AACF,MAMM;AACJ,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAcN,CAAW,GAE7CO,IAAgB,CAACC,MAAc;AACnC,IAAAH,EAASG,CAAI;AAEb,UAAMC,IAAoBP,EAAWE,CAAK,GACpCM,IAAiBR,EAAWM,CAAI;AAEtC,IAAKG,EAAQF,GAAmBC,CAAc,KAC5CT,EAASS,CAAc;AAAA,EAE3B;AAEA,SAAAE,EAAU,MAAM;AACd,IAAAP,EAAS,CAACQ,MAAiB;AACzB,YAAMJ,IAAoBP,EAAWW,CAAY,GAC3CC,IAAqBZ,EAAWF,CAAW;AAEjD,aAAIW,EAAQF,GAAmBK,CAAkB,IACxCD,IAGFV,IAAoBA,EAAkBU,GAAcb,CAAW,IAAIA;AAAA,IAC5E,CAAC;AAAA,EACH,GAAG,CAACA,GAAaG,GAAmBD,CAAU,CAAC,GAqDxC;AAAA,IACL,OAAAE;AAAA,IACA,eArDoB,CAACW,MAA0B;AAC/C,MAAAR,EAAc,CAAC,GAAGH,GAAO,EAAE,GAAGL,EAAA,GAAW,GAAGgB,GAAW,IAAIC,EAAA,EAAS,CAAG,CAAC;AAAA,IAC1E;AAAA,IAoDE,kBAlDuB,CAACC,MAAgB,MAAM;AAC9C,MAAAV,EAAc,CAAC,GAAGH,EAAM,MAAM,GAAGa,CAAG,GAAG,GAAGb,EAAM,MAAMa,IAAM,CAAC,CAAC,CAAC;AAAA,IACjE;AAAA,IAiDE,kBA9CA,CAACA,MAAgB,CAACC,GAAoBC,MAA6C;AACjF,UAAIC,IAAiB,EAAE,GAAGhB,EAAMa,CAAG,EAAA;AAEnC,MAAAC,EAAM,IAAI,CAACG,GAAMC,MAAWF,EAAYC,CAAI,IAAIF,EAAOG,CAAK,CAAE,GAC9Df,EAAc,CAAC,GAAGH,EAAM,MAAM,GAAGa,CAAG,GAAGG,GAAa,GAAGhB,EAAM,MAAMa,IAAM,CAAC,CAAC,CAAC;AAAA,IAC9E;AAAA,IA0CA,qBAxC0B,CAACA,GAAaF,MAA0B;AAClE,MAAAR,EAAc;AAAA,QACZ,GAAGH,EAAM,MAAM,GAAGa,IAAM,CAAC;AAAA,QACzB,EAAE,GAAGb,EAAMa,CAAG,GAAG,IAAID,EAAA,GAAY,GAAGD,EAAA;AAAA,QACpC,GAAGX,EAAM,MAAMa,IAAM,CAAC;AAAA,MAAA,CACvB;AAAA,IACH;AAAA,IAmCE,oBAjCyB,CAACM,MAAwB;AAClD,UAAI,CAACA,EAAM;AACT;AAGF,YAAMC,IAAapB,EAAM,KAAK,CAACqB,MAAeA,EAAW,MAAMF,EAAM,OAAO,EAAE,GACxEG,IAAkBtB,EAAM,QAAQoB,CAAW,GAC3CG,IAAWvB,EAAM,KAAK,CAACwB,MAASA,EAAK,MAAML,EAAM,KAAM,EAAE,GACzDM,IAAgBzB,EAAM,QAAQuB,CAAS;AAE7C,MAAID,IAAkBG,IACpBtB,EAAc;AAAA,QACZ,GAAGH,EAAM,MAAM,GAAGsB,CAAe;AAAA,QACjC,GAAGtB,EAAM,MAAMsB,IAAkB,GAAGG,IAAgB,CAAC;AAAA,QACrDL;AAAA,QACA,GAAGpB,EAAM,MAAMyB,IAAgB,CAAC;AAAA,MAAA,CACjC,IAEDtB,EAAc;AAAA,QACZ,GAAGH,EAAM,MAAM,GAAGyB,CAAa;AAAA,QAC/BL;AAAA,QACA,GAAGpB,EAAM,MAAMyB,GAAeH,CAAe;AAAA,QAC7C,GAAGtB,EAAM,MAAMsB,IAAkB,CAAC;AAAA,MAAA,CACnC;AAAA,IAEL;AAAA,EAQE;AAEJ;"}
+{"version":3,"file":"useDraggable.es.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core'\nimport { isEqual } from 'lodash'\nimport { uniqueId } from 'lodash'\nimport { useEffect, useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  onCommit,\n  normalizer,\n  mergeIncomingData,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  onCommit?: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n  mergeIncomingData?: (currentData: T[], incomingData: T[]) => T[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    setItems(data)\n\n    const currentNormalized = normalizer(items)\n    const nextNormalized = normalizer(data)\n\n    if (!isEqual(currentNormalized, nextNormalized)) {\n      onChange(nextNormalized)\n    }\n  }\n\n  useEffect(() => {\n    setItems((currentItems) => {\n      const currentNormalized = normalizer(currentItems)\n      const incomingNormalized = normalizer(initialData)\n\n      if (isEqual(currentNormalized, incomingNormalized)) {\n        return currentItems\n      }\n\n      return mergeIncomingData ? mergeIncomingData(currentItems, initialData) : initialData\n    })\n  }, [initialData, mergeIncomingData, normalizer])\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleCommitItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      if (!onCommit) return\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      const nextItems = [...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)]\n      onCommit(normalizer(nextItems))\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleCommitItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":["useDraggable","creator","initialData","onChange","onCommit","normalizer","mergeIncomingData","items","setItems","useState","updateAndSync","data","currentNormalized","nextNormalized","isEqual","useEffect","currentItems","incomingNormalized","overrides","uniqueId","idx","attrs","values","updatedItem","attr","index","nextItems","event","activeItem","filterItem","activeItemIndex","overItem","item","overItemIndex"],"mappings":"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"}

package/dist/types/components/EnumEditor/DraggableEnumEditorItem.d.ts

@@ -11,9 +11,10 @@ export interface DraggableEnumEditorItemProps extends Omit<React.HTMLAttributes<
     item: AttributeData;
     isBeingDragged?: boolean;
     onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void;
+    onCommit?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void;
     onRemove?: () => void;
     onDuplicate?: () => void;
     pt?: DraggableEnumEditorItemPt;
 }
-declare const DraggableEnumEditorItem: ({ item, isBeingDragged, onChange, onRemove, onDuplicate, pt, ...props }: DraggableEnumEditorItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const DraggableEnumEditorItem: ({ item, isBeingDragged, onChange, onCommit, onRemove, onDuplicate, pt, ...props }: DraggableEnumEditorItemProps) => import("react/jsx-runtime").JSX.Element;
 export default DraggableEnumEditorItem;

package/dist/types/components/EnumEditor/EnumEditor.d.ts

@@ -23,7 +23,8 @@ export type NormalizedData = {
 interface EnumEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     values: NormalizedData[];
     onChange: (data: NormalizedData[]) => void;
+    onCommit?: (data: NormalizedData[]) => void;
     pt?: EnumEditorPt;
 }
-export declare const EnumEditor: ({ values, onChange, pt, ...props }: EnumEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EnumEditor: ({ values, onChange, onCommit, pt, ...props }: EnumEditorProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/components/EnumEditor/EnumEditorItem.d.ts

@@ -20,6 +20,7 @@ export interface EnumEditorItemPt {
 export interface EnumEditorItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     item: AttributeData;
     onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void;
+    onCommit?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void;
     onRemove?: () => void;
     onDuplicate?: () => void;
     showRemoveButton?: boolean;
@@ -28,5 +29,5 @@ export interface EnumEditorItemProps extends Omit<React.HTMLAttributes<HTMLDivEl
     isExpanded?: boolean;
     pt?: EnumEditorItemPt;
 }
-declare const EnumEditorItem: ({ item, onChange, onRemove, onDuplicate, showRemoveButton, showDuplicateButton, autoFocus, isExpanded, className, pt, ...props }: EnumEditorItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const EnumEditorItem: ({ item, onChange, onCommit, onRemove, onDuplicate, showRemoveButton, showDuplicateButton, autoFocus, isExpanded, className, pt, ...props }: EnumEditorItemProps) => import("react/jsx-runtime").JSX.Element;
 export default EnumEditorItem;

package/dist/types/components/EnumEditor/hooks/useDraggable.d.ts

@@ -1,10 +1,11 @@
 import { DragEndEvent } from '@dnd-kit/core';
 declare const useDraggable: <T extends {
     id: string;
-}, U>({ creator, initialData, onChange, normalizer, mergeIncomingData, }: {
+}, U>({ creator, initialData, onChange, onCommit, normalizer, mergeIncomingData, }: {
     creator: () => T;
     initialData: T[];
     onChange: (data: U[]) => void;
+    onCommit?: (data: U[]) => void;
     normalizer: (data: T[]) => U[];
     mergeIncomingData?: (currentData: T[], incomingData: T[]) => T[];
 }) => {
@@ -12,6 +13,7 @@ declare const useDraggable: <T extends {
     handleAddItem: (overrides: Partial<T>) => void;
     handleRemoveItem: (idx: number) => () => void;
     handleChangeItem: (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => void;
+    handleCommitItem: (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => void;
     handleDuplicateItem: (idx: number, overrides: Partial<T>) => void;
     handleDraggableEnd: (event: DragEndEvent) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",