@ynput/ayon-frontend-shared 0.1.0

package/dist/types/util/confirmDelete.d.ts

@@ -0,0 +1,13 @@
+import { confirmDialog, ConfirmDialogOptions } from 'primereact/confirmdialog';
+interface ConfirmDeleteOptions extends Omit<ConfirmDialogOptions, 'accept'> {
+    label?: string;
+    message?: string;
+    deleteLabel?: string;
+    accept?: () => Promise<any>;
+    showToasts?: boolean;
+    isArchive?: boolean;
+    onSuccess?: () => void;
+    onError?: (error: any) => void;
+}
+export declare const confirmDelete: ({ label, message, deleteLabel, accept, showToasts, isArchive, onSuccess, onError, ...props }: ConfirmDeleteOptions) => ReturnType<typeof confirmDialog>;
+export {};

package/dist/types/util/getEntityTypeIcon.d.ts

@@ -0,0 +1 @@
+export declare const getEntityTypeIcon: (type: string, fallback?: string) => string;

package/dist/types/util/index.d.ts

@@ -0,0 +1,5 @@
+import { default as productTypes } from './productTypes';
+export * from './platform';
+export * from './confirmDelete';
+export * from './getEntityTypeIcon';
+export { productTypes };

package/dist/types/util/platform.d.ts

@@ -0,0 +1,8 @@
+export declare enum KeyMode {
+    Ctrl = "ctrl",
+    Alt = "alt",
+    Shift = "shift"
+}
+declare const getCurrentPlatform: () => "other" | "windows" | "darwin" | "linux";
+declare const getPlatformShortcutKey: (key: string, modes: KeyMode[], prefix?: string) => string;
+export { getCurrentPlatform, getPlatformShortcutKey };

package/dist/types/util/productTypes.d.ts

@@ -0,0 +1,8 @@
+type ProductTypes = {
+    [key: string]: {
+        name: string;
+        icon: string;
+    };
+};
+declare const productTypes: ProductTypes;
+export default productTypes;

package/dist/types/util.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/useCreateContextMenu-CDRv1ybg.js

@@ -0,0 +1,2 @@
+"use strict";const x=require("./jsx-runtime-qcKc-DpB.js"),a=require("react"),m=require("@ynput/ayon-react-components"),f=a.createContext(void 0);function E({children:n}){const[u,t]=a.useState(!1),e=a.useRef(null),[l,c]=a.useState([]);function C(r,o){!r||!e.current||!(o!=null&&o.length)||(r.preventDefault(),c(o),e.current.show(r))}function i(){e.current&&e.current.hide()}return x.jsxRuntimeExports.jsx(f.Provider,{value:{openContext:C,closeContext:i,ref:e,model:l,isContextOpen:u,setIsContextOpen:t},children:n})}function h(){const n=a.useContext(f);if(n===void 0)throw new Error("useContextMenu must be used within a ContextMenuProvider");return n}const j=({icon:n,label:u,shortcut:t,command:e,children:l,contextMenuRef:c,disabled:C,items:i,isSave:r,danger:o,...s})=>{const p=v=>{var d;(d=c.current)==null||d.hide(),e==null||e({originalEvent:v,item:{label:u||"",command:e||(()=>{}),shortcut:t}})},R=i&&i.length===0;return x.jsxRuntimeExports.jsxs("a",{className:`p-menuitem-link ${C||R?"p-disabled":""} ${o?"danger":""} ${r?"save":""}`,role:"menuitem",href:"#",onClick:p,style:{...s==null?void 0:s.style},...s,children:[n&&x.jsxRuntimeExports.jsx(m.Icon,{className:"p-menuitem-icon",icon:n}),u&&x.jsxRuntimeExports.jsx("span",{className:"p-menuitem-text",style:{whiteSpace:"nowrap"},children:u}),l,t&&x.jsxRuntimeExports.jsx("div",{className:"p-menuitem-shortcut",children:x.jsxRuntimeExports.jsx(m.ShortcutTag,{children:t})}),!!(i!=null&&i.length)&&x.jsxRuntimeExports.jsx(m.Icon,{icon:"chevron_right",style:{marginLeft:"auto",fontSize:"1.5rem"}})]})},M=(n,u)=>n.map(t=>{const e={...t,template:x.jsxRuntimeExports.jsx(j,{contextMenuRef:u,...t},t.label)};return e.items&&(e.items=M(e.items,u)),e}),g=(n=[])=>{const{openContext:u,ref:t,isContextOpen:e,closeContext:l}=h(),c=a.useCallback((r,o)=>r.map(s=>{var p;return{template:x.jsxRuntimeExports.jsx(j,{contextMenuRef:o,...s},s.label),items:(p=s.items)!=null&&p.length?M(s.items,o):void 0}}),[]),C=a.useMemo(()=>c(n,t),[n,t,c]);return[(r,o)=>{if(!r||!t.current)return console.error("No ref or event passed to openContext");let s;o&&(s=c(o,t)),r.preventDefault(),u(r,s||C)},l,e,t]};exports.ContextMenuProvider=E;exports.useContextMenu=h;exports.useCreateContextMenu=g;
+//# sourceMappingURL=useCreateContextMenu-CDRv1ybg.js.map

package/dist/useCreateContextMenu-CDRv1ybg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateContextMenu-CDRv1ybg.js","sources":["../src/containers/ContextMenu/ContextMenuContext.tsx","../src/containers/ContextMenu/ContextMenuItem.tsx","../src/containers/ContextMenu/useCreateContextMenu.tsx"],"sourcesContent":["import React, { createContext, useContext, useRef, useState, ReactNode, RefObject } from 'react'\n\ninterface ContextMenuItem {\n  // Define the structure of your menu items\n  label?: string\n  command?: () => void\n  items?: ContextMenuItem[]\n  [key: string]: any\n}\n\ninterface ContextMenuContextType {\n  openContext: (event: React.MouseEvent, model: ContextMenuItem[]) => void\n  closeContext: () => void\n  ref: RefObject<any>\n  model: ContextMenuItem[]\n  isContextOpen: boolean\n  setIsContextOpen: React.Dispatch<React.SetStateAction<boolean>>\n}\n\ninterface ContextMenuProviderProps {\n  children: ReactNode\n}\n\nconst ContextMenuContext = createContext<ContextMenuContextType | undefined>(undefined)\n\nfunction ContextMenuProvider({ children }: ContextMenuProviderProps) {\n  const [isContextOpen, setIsContextOpen] = useState<boolean>(false)\n\n  const ref = useRef<any>(null)\n  const [model, setModel] = useState<ContextMenuItem[]>([])\n\n  function openContext(event: React.MouseEvent, model: ContextMenuItem[]) {\n    if (!event || !ref.current || !model?.length) return\n    event.preventDefault()\n    setModel(model)\n    ref.current.show(event)\n  }\n\n  function closeContext() {\n    if (!ref.current) return\n    ref.current.hide()\n  }\n\n  return (\n    <ContextMenuContext.Provider\n      value={{ openContext, closeContext, ref, model, isContextOpen, setIsContextOpen }}\n    >\n      {children}\n    </ContextMenuContext.Provider>\n  )\n}\n\nfunction useContextMenu(): ContextMenuContextType {\n  const context = useContext(ContextMenuContext)\n  if (context === undefined) {\n    throw new Error('useContextMenu must be used within a ContextMenuProvider')\n  }\n  return context\n}\n\nexport { ContextMenuProvider, useContextMenu }\n","import React, { RefObject } from 'react'\nimport { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport './ContextMenu.scss'\n\ninterface CommandEvent {\n  originalEvent: React.MouseEvent\n  item: {\n    label: string\n    command: (event: CommandEvent) => void\n    shortcut?: string\n  }\n}\n\nexport interface ContextMenuItemProps {\n  icon?: string\n  label?: string\n  shortcut?: string\n  command?: (event: CommandEvent) => void\n  children?: React.ReactNode\n  contextMenuRef: RefObject<{ hide: () => void }>\n  disabled?: boolean\n  items?: any[]\n  isSave?: boolean\n  danger?: boolean\n  style?: React.CSSProperties\n  [key: string]: any // For any additional props\n}\n\nconst ContextMenuItem: React.FC<ContextMenuItemProps> = ({\n  icon,\n  label,\n  shortcut,\n  command,\n  children,\n  contextMenuRef,\n  disabled,\n  items,\n  isSave,\n  danger,\n  ...props\n}) => {\n  const onCommand = (e: React.MouseEvent) => {\n    // hide the context menu\n    contextMenuRef.current?.hide()\n\n    command?.({\n      originalEvent: e,\n      item: {\n        label: label || '',\n        command: command || (() => {}),\n        shortcut,\n      },\n    })\n  }\n\n  const noItems = items && items.length === 0\n\n  return (\n    <a\n      className={`p-menuitem-link ${disabled || noItems ? 'p-disabled' : ''} ${\n        danger ? 'danger' : ''\n      } ${isSave ? 'save' : ''}`}\n      role=\"menuitem\"\n      href=\"#\"\n      onClick={onCommand}\n      style={{\n        ...props?.style,\n      }}\n      {...props}\n    >\n      {icon && <Icon className=\"p-menuitem-icon\" icon={icon} />}\n      {label && (\n        <span\n          className=\"p-menuitem-text\"\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {label}\n        </span>\n      )}\n      {children}\n      {shortcut && (\n        <div className=\"p-menuitem-shortcut\">\n          <ShortcutTag>{shortcut}</ShortcutTag>\n        </div>\n      )}\n      {!!items?.length && (\n        <Icon\n          icon=\"chevron_right\"\n          style={{\n            marginLeft: 'auto',\n            fontSize: '1.5rem',\n          }}\n        />\n      )}\n    </a>\n  )\n}\n\nexport default ContextMenuItem\n","import { useCallback, useMemo, MouseEvent, RefObject } from 'react'\nimport ContextMenuItem, { ContextMenuItemProps } from './ContextMenuItem'\nimport { useContextMenu } from './ContextMenuContext'\n\n// Extend the item type based on the ContextMenuItemProps\nexport interface ContextMenuItemType extends Omit<ContextMenuItemProps, 'contextMenuRef'> {\n  items?: ContextMenuItemType[]\n  template?: React.ReactNode\n  [key: string]: any\n}\n\n// This is used to create submenus\nconst addTemplateToItems = (\n  items: ContextMenuItemType[],\n  ref: RefObject<{ hide: () => void }>,\n): ContextMenuItemType[] => {\n  return items.map((item) => {\n    const newItem: ContextMenuItemType = {\n      ...item,\n      template: <ContextMenuItem key={item.label} contextMenuRef={ref} {...item} />,\n    }\n    if (newItem.items) {\n      newItem.items = addTemplateToItems(newItem.items, ref)\n    }\n    return newItem\n  })\n}\n\ntype UseCreateContextReturn = [\n  (e: MouseEvent, newItems?: ContextMenuItemType[]) => void,\n  () => void,\n  boolean,\n  RefObject<{ hide: () => void }>,\n]\n\nexport const useCreateContextMenu = (\n  menuList: ContextMenuItemType[] = [],\n): UseCreateContextReturn => {\n  const { openContext, ref, isContextOpen, closeContext } = useContextMenu()\n\n  const getModel = useCallback(\n    (\n      menuList: ContextMenuItemType[],\n      ref: RefObject<{ hide: () => void }>,\n    ): ContextMenuItemType[] => {\n      return menuList.map((item) => ({\n        template: <ContextMenuItem key={item.label} contextMenuRef={ref} {...item} />,\n        items: item.items?.length ? addTemplateToItems(item.items, ref) : undefined,\n      }))\n    },\n    [],\n  )\n\n  const model = useMemo(() => getModel(menuList, ref), [menuList, ref, getModel])\n\n  const handleOpen = (e: MouseEvent, newItems?: ContextMenuItemType[]): void => {\n    if (!e || !ref.current) return console.error('No ref or event passed to openContext')\n\n    let newModel\n    if (newItems) {\n      newModel = getModel(newItems, ref)\n    }\n\n    e.preventDefault()\n    openContext(e, newModel || model)\n  }\n\n  return [handleOpen, closeContext, isContextOpen, ref]\n}\n\nexport default useCreateContextMenu\n"],"names":["ContextMenuContext","createContext","ContextMenuProvider","children","isContextOpen","setIsContextOpen","useState","ref","useRef","model","setModel","openContext","event","closeContext","jsx","useContextMenu","context","useContext","ContextMenuItem","icon","label","shortcut","command","contextMenuRef","disabled","items","isSave","danger","props","onCommand","e","_a","noItems","jsxs","Icon","ShortcutTag","addTemplateToItems","item","newItem","useCreateContextMenu","menuList","getModel","useCallback","useMemo","newItems","newModel"],"mappings":"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"}

package/dist/useCreateContextMenu-DvOhPycB.mjs

@@ -0,0 +1,118 @@
+import { j as c } from "./jsx-runtime-Drh4NO5G.mjs";
+import { createContext as g, useState as d, useRef as w, useContext as I, useCallback as N, useMemo as O } from "react";
+import { Icon as h, ShortcutTag as b } from "@ynput/ayon-react-components";
+const m = g(void 0);
+function E({ children: n }) {
+  const [u, t] = d(!1), e = w(null), [l, i] = d([]);
+  function x(s, o) {
+    !s || !e.current || !(o != null && o.length) || (s.preventDefault(), i(o), e.current.show(s));
+  }
+  function a() {
+    e.current && e.current.hide();
+  }
+  return /* @__PURE__ */ c.jsx(
+    m.Provider,
+    {
+      value: { openContext: x, closeContext: a, ref: e, model: l, isContextOpen: u, setIsContextOpen: t },
+      children: n
+    }
+  );
+}
+function y() {
+  const n = I(m);
+  if (n === void 0)
+    throw new Error("useContextMenu must be used within a ContextMenuProvider");
+  return n;
+}
+const p = ({
+  icon: n,
+  label: u,
+  shortcut: t,
+  command: e,
+  children: l,
+  contextMenuRef: i,
+  disabled: x,
+  items: a,
+  isSave: s,
+  danger: o,
+  ...r
+}) => {
+  const f = (j) => {
+    var C;
+    (C = i.current) == null || C.hide(), e == null || e({
+      originalEvent: j,
+      item: {
+        label: u || "",
+        command: e || (() => {
+        }),
+        shortcut: t
+      }
+    });
+  }, v = a && a.length === 0;
+  return /* @__PURE__ */ c.jsxs(
+    "a",
+    {
+      className: `p-menuitem-link ${x || v ? "p-disabled" : ""} ${o ? "danger" : ""} ${s ? "save" : ""}`,
+      role: "menuitem",
+      href: "#",
+      onClick: f,
+      style: {
+        ...r == null ? void 0 : r.style
+      },
+      ...r,
+      children: [
+        n && /* @__PURE__ */ c.jsx(h, { className: "p-menuitem-icon", icon: n }),
+        u && /* @__PURE__ */ c.jsx(
+          "span",
+          {
+            className: "p-menuitem-text",
+            style: {
+              whiteSpace: "nowrap"
+            },
+            children: u
+          }
+        ),
+        l,
+        t && /* @__PURE__ */ c.jsx("div", { className: "p-menuitem-shortcut", children: /* @__PURE__ */ c.jsx(b, { children: t }) }),
+        !!(a != null && a.length) && /* @__PURE__ */ c.jsx(
+          h,
+          {
+            icon: "chevron_right",
+            style: {
+              marginLeft: "auto",
+              fontSize: "1.5rem"
+            }
+          }
+        )
+      ]
+    }
+  );
+}, M = (n, u) => n.map((t) => {
+  const e = {
+    ...t,
+    template: /* @__PURE__ */ c.jsx(p, { contextMenuRef: u, ...t }, t.label)
+  };
+  return e.items && (e.items = M(e.items, u)), e;
+}), P = (n = []) => {
+  const { openContext: u, ref: t, isContextOpen: e, closeContext: l } = y(), i = N(
+    (s, o) => s.map((r) => {
+      var f;
+      return {
+        template: /* @__PURE__ */ c.jsx(p, { contextMenuRef: o, ...r }, r.label),
+        items: (f = r.items) != null && f.length ? M(r.items, o) : void 0
+      };
+    }),
+    []
+  ), x = O(() => i(n, t), [n, t, i]);
+  return [(s, o) => {
+    if (!s || !t.current) return console.error("No ref or event passed to openContext");
+    let r;
+    o && (r = i(o, t)), s.preventDefault(), u(s, r || x);
+  }, l, e, t];
+};
+export {
+  E as C,
+  P as a,
+  y as u
+};
+//# sourceMappingURL=useCreateContextMenu-DvOhPycB.mjs.map

package/dist/useCreateContextMenu-DvOhPycB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateContextMenu-DvOhPycB.mjs","sources":["../src/containers/ContextMenu/ContextMenuContext.tsx","../src/containers/ContextMenu/ContextMenuItem.tsx","../src/containers/ContextMenu/useCreateContextMenu.tsx"],"sourcesContent":["import React, { createContext, useContext, useRef, useState, ReactNode, RefObject } from 'react'\n\ninterface ContextMenuItem {\n  // Define the structure of your menu items\n  label?: string\n  command?: () => void\n  items?: ContextMenuItem[]\n  [key: string]: any\n}\n\ninterface ContextMenuContextType {\n  openContext: (event: React.MouseEvent, model: ContextMenuItem[]) => void\n  closeContext: () => void\n  ref: RefObject<any>\n  model: ContextMenuItem[]\n  isContextOpen: boolean\n  setIsContextOpen: React.Dispatch<React.SetStateAction<boolean>>\n}\n\ninterface ContextMenuProviderProps {\n  children: ReactNode\n}\n\nconst ContextMenuContext = createContext<ContextMenuContextType | undefined>(undefined)\n\nfunction ContextMenuProvider({ children }: ContextMenuProviderProps) {\n  const [isContextOpen, setIsContextOpen] = useState<boolean>(false)\n\n  const ref = useRef<any>(null)\n  const [model, setModel] = useState<ContextMenuItem[]>([])\n\n  function openContext(event: React.MouseEvent, model: ContextMenuItem[]) {\n    if (!event || !ref.current || !model?.length) return\n    event.preventDefault()\n    setModel(model)\n    ref.current.show(event)\n  }\n\n  function closeContext() {\n    if (!ref.current) return\n    ref.current.hide()\n  }\n\n  return (\n    <ContextMenuContext.Provider\n      value={{ openContext, closeContext, ref, model, isContextOpen, setIsContextOpen }}\n    >\n      {children}\n    </ContextMenuContext.Provider>\n  )\n}\n\nfunction useContextMenu(): ContextMenuContextType {\n  const context = useContext(ContextMenuContext)\n  if (context === undefined) {\n    throw new Error('useContextMenu must be used within a ContextMenuProvider')\n  }\n  return context\n}\n\nexport { ContextMenuProvider, useContextMenu }\n","import React, { RefObject } from 'react'\nimport { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport './ContextMenu.scss'\n\ninterface CommandEvent {\n  originalEvent: React.MouseEvent\n  item: {\n    label: string\n    command: (event: CommandEvent) => void\n    shortcut?: string\n  }\n}\n\nexport interface ContextMenuItemProps {\n  icon?: string\n  label?: string\n  shortcut?: string\n  command?: (event: CommandEvent) => void\n  children?: React.ReactNode\n  contextMenuRef: RefObject<{ hide: () => void }>\n  disabled?: boolean\n  items?: any[]\n  isSave?: boolean\n  danger?: boolean\n  style?: React.CSSProperties\n  [key: string]: any // For any additional props\n}\n\nconst ContextMenuItem: React.FC<ContextMenuItemProps> = ({\n  icon,\n  label,\n  shortcut,\n  command,\n  children,\n  contextMenuRef,\n  disabled,\n  items,\n  isSave,\n  danger,\n  ...props\n}) => {\n  const onCommand = (e: React.MouseEvent) => {\n    // hide the context menu\n    contextMenuRef.current?.hide()\n\n    command?.({\n      originalEvent: e,\n      item: {\n        label: label || '',\n        command: command || (() => {}),\n        shortcut,\n      },\n    })\n  }\n\n  const noItems = items && items.length === 0\n\n  return (\n    <a\n      className={`p-menuitem-link ${disabled || noItems ? 'p-disabled' : ''} ${\n        danger ? 'danger' : ''\n      } ${isSave ? 'save' : ''}`}\n      role=\"menuitem\"\n      href=\"#\"\n      onClick={onCommand}\n      style={{\n        ...props?.style,\n      }}\n      {...props}\n    >\n      {icon && <Icon className=\"p-menuitem-icon\" icon={icon} />}\n      {label && (\n        <span\n          className=\"p-menuitem-text\"\n          style={{\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {label}\n        </span>\n      )}\n      {children}\n      {shortcut && (\n        <div className=\"p-menuitem-shortcut\">\n          <ShortcutTag>{shortcut}</ShortcutTag>\n        </div>\n      )}\n      {!!items?.length && (\n        <Icon\n          icon=\"chevron_right\"\n          style={{\n            marginLeft: 'auto',\n            fontSize: '1.5rem',\n          }}\n        />\n      )}\n    </a>\n  )\n}\n\nexport default ContextMenuItem\n","import { useCallback, useMemo, MouseEvent, RefObject } from 'react'\nimport ContextMenuItem, { ContextMenuItemProps } from './ContextMenuItem'\nimport { useContextMenu } from './ContextMenuContext'\n\n// Extend the item type based on the ContextMenuItemProps\nexport interface ContextMenuItemType extends Omit<ContextMenuItemProps, 'contextMenuRef'> {\n  items?: ContextMenuItemType[]\n  template?: React.ReactNode\n  [key: string]: any\n}\n\n// This is used to create submenus\nconst addTemplateToItems = (\n  items: ContextMenuItemType[],\n  ref: RefObject<{ hide: () => void }>,\n): ContextMenuItemType[] => {\n  return items.map((item) => {\n    const newItem: ContextMenuItemType = {\n      ...item,\n      template: <ContextMenuItem key={item.label} contextMenuRef={ref} {...item} />,\n    }\n    if (newItem.items) {\n      newItem.items = addTemplateToItems(newItem.items, ref)\n    }\n    return newItem\n  })\n}\n\ntype UseCreateContextReturn = [\n  (e: MouseEvent, newItems?: ContextMenuItemType[]) => void,\n  () => void,\n  boolean,\n  RefObject<{ hide: () => void }>,\n]\n\nexport const useCreateContextMenu = (\n  menuList: ContextMenuItemType[] = [],\n): UseCreateContextReturn => {\n  const { openContext, ref, isContextOpen, closeContext } = useContextMenu()\n\n  const getModel = useCallback(\n    (\n      menuList: ContextMenuItemType[],\n      ref: RefObject<{ hide: () => void }>,\n    ): ContextMenuItemType[] => {\n      return menuList.map((item) => ({\n        template: <ContextMenuItem key={item.label} contextMenuRef={ref} {...item} />,\n        items: item.items?.length ? addTemplateToItems(item.items, ref) : undefined,\n      }))\n    },\n    [],\n  )\n\n  const model = useMemo(() => getModel(menuList, ref), [menuList, ref, getModel])\n\n  const handleOpen = (e: MouseEvent, newItems?: ContextMenuItemType[]): void => {\n    if (!e || !ref.current) return console.error('No ref or event passed to openContext')\n\n    let newModel\n    if (newItems) {\n      newModel = getModel(newItems, ref)\n    }\n\n    e.preventDefault()\n    openContext(e, newModel || model)\n  }\n\n  return [handleOpen, closeContext, isContextOpen, ref]\n}\n\nexport default useCreateContextMenu\n"],"names":["ContextMenuContext","createContext","ContextMenuProvider","children","isContextOpen","setIsContextOpen","useState","ref","useRef","model","setModel","openContext","event","closeContext","jsx","useContextMenu","context","useContext","ContextMenuItem","icon","label","shortcut","command","contextMenuRef","disabled","items","isSave","danger","props","onCommand","e","_a","noItems","jsxs","Icon","ShortcutTag","addTemplateToItems","item","newItem","useCreateContextMenu","menuList","getModel","useCallback","useMemo","newItems","newModel"],"mappings":"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"}

package/dist/useLocalStorage-BQSzWJ4Q.mjs

@@ -0,0 +1,39 @@
+import { useRef as g, useState as l, useEffect as f } from "react";
+const c = (t, r = null) => {
+  if (!t) return r;
+  try {
+    return JSON.parse(t);
+  } catch {
+    return r;
+  }
+};
+function d(t, r) {
+  const n = g(r);
+  n.current = r;
+  const [a, s] = l(() => {
+    const e = localStorage.getItem(t);
+    return c(e, r);
+  });
+  return f(() => {
+    const e = localStorage.getItem(t);
+    s(c(e, n.current)), e || localStorage.setItem(t, JSON.stringify(n.current));
+    function o(i) {
+      if (i.key !== t) return;
+      const u = localStorage.getItem(t);
+      s(c(u, n.current));
+    }
+    return window.addEventListener("storage", o), () => {
+      window.removeEventListener("storage", o);
+    };
+  }, [t]), [a, (e) => {
+    try {
+      s(e), localStorage.setItem(t, JSON.stringify(e)), typeof window < "u" && window.dispatchEvent(new StorageEvent("storage", { key: t }));
+    } catch (o) {
+      console.error(o);
+    }
+  }];
+}
+export {
+  d as u
+};
+//# sourceMappingURL=useLocalStorage-BQSzWJ4Q.mjs.map

package/dist/useLocalStorage-BQSzWJ4Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage-BQSzWJ4Q.mjs","sources":["../src/hooks/useLocalStorage.ts"],"sourcesContent":["/* `useLocalStorage`\n *\n * Features:\n *  - JSON Serializing\n *  - Also value will be updated everywhere, when value updated (via `storage` event)\n */\n\nimport { useEffect, useRef, useState } from 'react'\n\nconst parseJSONString = (value: string | null, fallback: any = null) => {\n  if (!value) return fallback\n  try {\n    return JSON.parse(value)\n  } catch {\n    return fallback\n  }\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: T) => void] {\n  // Use a ref to hold the defaultValue to avoid dependency changes\n  const defaultValueRef = useRef(defaultValue)\n  defaultValueRef.current = defaultValue\n\n  const [value, setValue] = useState(() => {\n    const item = localStorage.getItem(key)\n    return parseJSONString(item, defaultValue)\n  })\n\n  useEffect(() => {\n    // Read the latest value from localStorage whenever key changes\n    const currentItem = localStorage.getItem(key)\n    setValue(parseJSONString(currentItem, defaultValueRef.current))\n\n    if (!currentItem) {\n      localStorage.setItem(key, JSON.stringify(defaultValueRef.current))\n    }\n\n    function handler(e: StorageEvent) {\n      if (e.key !== key) return\n\n      const lsi = localStorage.getItem(key)\n      setValue(parseJSONString(lsi, defaultValueRef.current))\n    }\n\n    window.addEventListener('storage', handler)\n\n    return () => {\n      window.removeEventListener('storage', handler)\n    }\n  }, [key]) // Remove defaultValue from dependencies\n\n  const setValueWrap = (value: T) => {\n    try {\n      setValue(value)\n\n      localStorage.setItem(key, JSON.stringify(value))\n      if (typeof window !== 'undefined') {\n        window.dispatchEvent(new StorageEvent('storage', { key }))\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  return [value, setValueWrap]\n}\n"],"names":["parseJSONString","value","fallback","useLocalStorage","key","defaultValue","defaultValueRef","useRef","setValue","useState","item","useEffect","currentItem","handler","e","lsi"],"mappings":";AASA,MAAMA,IAAkB,CAACC,GAAsBC,IAAgB,SAAS;AAClE,MAAA,CAACD,EAAc,QAAAC;AACf,MAAA;AACK,WAAA,KAAK,MAAMD,CAAK;AAAA,EAAA,QACjB;AACC,WAAAC;AAAA,EAAA;AAEX;AAEgB,SAAAC,EAAmBC,GAAaC,GAA0C;AAElF,QAAAC,IAAkBC,EAAOF,CAAY;AAC3C,EAAAC,EAAgB,UAAUD;AAE1B,QAAM,CAACJ,GAAOO,CAAQ,IAAIC,EAAS,MAAM;AACjC,UAAAC,IAAO,aAAa,QAAQN,CAAG;AAC9B,WAAAJ,EAAgBU,GAAML,CAAY;AAAA,EAAA,CAC1C;AAED,SAAAM,EAAU,MAAM;AAER,UAAAC,IAAc,aAAa,QAAQR,CAAG;AAC5C,IAAAI,EAASR,EAAgBY,GAAaN,EAAgB,OAAO,CAAC,GAEzDM,KACH,aAAa,QAAQR,GAAK,KAAK,UAAUE,EAAgB,OAAO,CAAC;AAGnE,aAASO,EAAQC,GAAiB;AAC5B,UAAAA,EAAE,QAAQV,EAAK;AAEb,YAAAW,IAAM,aAAa,QAAQX,CAAG;AACpC,MAAAI,EAASR,EAAgBe,GAAKT,EAAgB,OAAO,CAAC;AAAA,IAAA;AAGjD,kBAAA,iBAAiB,WAAWO,CAAO,GAEnC,MAAM;AACJ,aAAA,oBAAoB,WAAWA,CAAO;AAAA,IAC/C;AAAA,EAAA,GACC,CAACT,CAAG,CAAC,GAeD,CAACH,GAba,CAACA,MAAa;AAC7B,QAAA;AACF,MAAAO,EAASP,CAAK,GAEd,aAAa,QAAQG,GAAK,KAAK,UAAUH,CAAK,CAAC,GAC3C,OAAO,SAAW,OACpB,OAAO,cAAc,IAAI,aAAa,WAAW,EAAE,KAAAG,EAAA,CAAK,CAAC;AAAA,aAEpDU,GAAG;AACV,cAAQ,MAAMA,CAAC;AAAA,IAAA;AAAA,EAEnB,CAE2B;AAC7B;"}

package/dist/useLocalStorage-BRHTBlxR.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react"),a=(t,r=null)=>{if(!t)return r;try{return JSON.parse(t)}catch{return r}};function l(t,r){const n=c.useRef(r);n.current=r;const[i,s]=c.useState(()=>{const e=localStorage.getItem(t);return a(e,r)});return c.useEffect(()=>{const e=localStorage.getItem(t);s(a(e,n.current)),e||localStorage.setItem(t,JSON.stringify(n.current));function o(u){if(u.key!==t)return;const g=localStorage.getItem(t);s(a(g,n.current))}return window.addEventListener("storage",o),()=>{window.removeEventListener("storage",o)}},[t]),[i,e=>{try{s(e),localStorage.setItem(t,JSON.stringify(e)),typeof window<"u"&&window.dispatchEvent(new StorageEvent("storage",{key:t}))}catch(o){console.error(o)}}]}exports.useLocalStorage=l;
+//# sourceMappingURL=useLocalStorage-BRHTBlxR.js.map

package/dist/useLocalStorage-BRHTBlxR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage-BRHTBlxR.js","sources":["../src/hooks/useLocalStorage.ts"],"sourcesContent":["/* `useLocalStorage`\n *\n * Features:\n *  - JSON Serializing\n *  - Also value will be updated everywhere, when value updated (via `storage` event)\n */\n\nimport { useEffect, useRef, useState } from 'react'\n\nconst parseJSONString = (value: string | null, fallback: any = null) => {\n  if (!value) return fallback\n  try {\n    return JSON.parse(value)\n  } catch {\n    return fallback\n  }\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: T) => void] {\n  // Use a ref to hold the defaultValue to avoid dependency changes\n  const defaultValueRef = useRef(defaultValue)\n  defaultValueRef.current = defaultValue\n\n  const [value, setValue] = useState(() => {\n    const item = localStorage.getItem(key)\n    return parseJSONString(item, defaultValue)\n  })\n\n  useEffect(() => {\n    // Read the latest value from localStorage whenever key changes\n    const currentItem = localStorage.getItem(key)\n    setValue(parseJSONString(currentItem, defaultValueRef.current))\n\n    if (!currentItem) {\n      localStorage.setItem(key, JSON.stringify(defaultValueRef.current))\n    }\n\n    function handler(e: StorageEvent) {\n      if (e.key !== key) return\n\n      const lsi = localStorage.getItem(key)\n      setValue(parseJSONString(lsi, defaultValueRef.current))\n    }\n\n    window.addEventListener('storage', handler)\n\n    return () => {\n      window.removeEventListener('storage', handler)\n    }\n  }, [key]) // Remove defaultValue from dependencies\n\n  const setValueWrap = (value: T) => {\n    try {\n      setValue(value)\n\n      localStorage.setItem(key, JSON.stringify(value))\n      if (typeof window !== 'undefined') {\n        window.dispatchEvent(new StorageEvent('storage', { key }))\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  return [value, setValueWrap]\n}\n"],"names":["parseJSONString","value","fallback","useLocalStorage","key","defaultValue","defaultValueRef","useRef","setValue","useState","item","useEffect","currentItem","handler","e","lsi"],"mappings":"sCASMA,EAAkB,CAACC,EAAsBC,EAAgB,OAAS,CAClE,GAAA,CAACD,EAAc,OAAAC,EACf,GAAA,CACK,OAAA,KAAK,MAAMD,CAAK,CAAA,MACjB,CACC,OAAAC,CAAA,CAEX,EAEgB,SAAAC,EAAmBC,EAAaC,EAA0C,CAElF,MAAAC,EAAkBC,SAAOF,CAAY,EAC3CC,EAAgB,QAAUD,EAE1B,KAAM,CAACJ,EAAOO,CAAQ,EAAIC,WAAS,IAAM,CACjC,MAAAC,EAAO,aAAa,QAAQN,CAAG,EAC9B,OAAAJ,EAAgBU,EAAML,CAAY,CAAA,CAC1C,EAEDM,OAAAA,EAAAA,UAAU,IAAM,CAER,MAAAC,EAAc,aAAa,QAAQR,CAAG,EAC5CI,EAASR,EAAgBY,EAAaN,EAAgB,OAAO,CAAC,EAEzDM,GACH,aAAa,QAAQR,EAAK,KAAK,UAAUE,EAAgB,OAAO,CAAC,EAGnE,SAASO,EAAQC,EAAiB,CAC5B,GAAAA,EAAE,MAAQV,EAAK,OAEb,MAAAW,EAAM,aAAa,QAAQX,CAAG,EACpCI,EAASR,EAAgBe,EAAKT,EAAgB,OAAO,CAAC,CAAA,CAGjD,cAAA,iBAAiB,UAAWO,CAAO,EAEnC,IAAM,CACJ,OAAA,oBAAoB,UAAWA,CAAO,CAC/C,CAAA,EACC,CAACT,CAAG,CAAC,EAeD,CAACH,EAbcA,GAAa,CAC7B,GAAA,CACFO,EAASP,CAAK,EAEd,aAAa,QAAQG,EAAK,KAAK,UAAUH,CAAK,CAAC,EAC3C,OAAO,OAAW,KACpB,OAAO,cAAc,IAAI,aAAa,UAAW,CAAE,IAAAG,CAAA,CAAK,CAAC,QAEpDU,EAAG,CACV,QAAQ,MAAMA,CAAC,CAAA,CAEnB,CAE2B,CAC7B"}

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@ynput/ayon-frontend-shared",
+  "version": "0.1.0",
+  "description": "Shared React components for AYON frontend",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./components": {
+      "types": "./dist/types/components/index.d.ts",
+      "import": "./dist/components.es.js",
+      "require": "./dist/components.cjs.js"
+    },
+    "./api": {
+      "types": "./dist/types/api/index.d.ts",
+      "import": "./dist/api.es.js",
+      "require": "./dist/api.cjs.js"
+    },
+    "./hooks": {
+      "types": "./dist/types/hooks/index.d.ts",
+      "import": "./dist/hooks.es.js",
+      "require": "./dist/hooks.cjs.js"
+    },
+    "./ContextMenu": {
+      "types": "./dist/types/containers/ContextMenu/index.d.ts",
+      "import": "./dist/ContextMenu.es.js",
+      "require": "./dist/ContextMenu.cjs.js"
+    },
+    "./Feed": {
+      "types": "./dist/types/containers/Feed/index.d.ts",
+      "import": "./dist/Feed.es.js",
+      "require": "./dist/Feed.cjs.js"
+    },
+    "./ProjectTreeTable": {
+      "types": "./dist/types/containers/ProjectTreeTable/index.d.ts",
+      "import": "./dist/ProjectTreeTable.es.js",
+      "require": "./dist/ProjectTreeTable.cjs.js"
+    },
+    "./Slicer": {
+      "types": "./dist/types/containers/Slicer/index.d.ts",
+      "import": "./dist/Slicer.es.js",
+      "require": "./dist/Slicer.cjs.js"
+    },
+    "./util": {
+      "types": "./dist/types/util/index.d.ts",
+      "import": "./dist/util.es.js",
+      "require": "./dist/util.cjs.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "peerDependencies": {
+    "@tanstack/react-table": "^8.21.2",
+    "@ynput/ayon-react-components": "^1.13.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "styled-components": "^6.1.17"
+  },
+  "devDependencies": {
+    "@babel/preset-typescript": "^7.27.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.3",
+    "vite": "^6.2.6",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-linter": "^3.0.1"
+  },
+  "dependencies": {
+    "@tanstack/match-sorter-utils": "^8.19.4",
+    "@tanstack/react-virtual": "^3.13.6",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "primeicons": "^7.0.0",
+    "primereact": "9.6.2",
+    "primereact-context": "npm:primereact@9.2.3",
+    "quill-magic-url": "^4.2.0",
+    "react-quill-ayon": "^2.0.2",
+    "react-toastify": "^11.0.5",
+    "turndown": "^7.2.0"
+  }
+}