@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.es.js

@@ -1,126 +1,141 @@
 import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as A, useState as D, useEffect as G } from "react";
-import { Cell as H, Expander as I } from "./SimpleTable.styled.es.js";
-import { Icon as S, InputText as J, Spacer as M } from "@ynput/ayon-react-components";
-import n from "clsx";
-const O = ({
+import { forwardRef as I, useState as J, useEffect as M } from "react";
+import { Cell as O, Expander as Q } from "./SimpleTable.styled.es.js";
+import { Icon as T, InputText as R, Spacer as U } from "@ynput/ayon-react-components";
+import t from "clsx";
+const V = ({
   isRowExpandable: l,
   isRowExpanded: c,
   enableNonFolderIndent: o = !0,
-  isTableExpandable: m,
-  onExpandClick: x
+  isTableExpandable: x,
+  onExpandClick: d
 }) => l ? /* @__PURE__ */ s.jsx(
-  I,
+  Q,
   {
     onClick: (r) => {
-      r.stopPropagation(), x?.(r);
+      r.stopPropagation(), d?.(r);
     },
     icon: c ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : m && o && /* @__PURE__ */ s.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), Z = A(
+) : x && o && /* @__PURE__ */ s.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), es = I(
   ({
     value: l,
     icon: c,
     parents: o,
-    iconColor: m,
-    iconFilled: x,
+    iconColor: x,
+    iconFilled: d,
     img: r,
-    imgShape: k = "square",
-    imgRatio: F = 1,
-    isRowExpandable: T,
-    isRowExpanded: P,
+    imgShape: f = "square",
+    imgRatio: j,
+    imgPosition: n = "start",
+    isRowExpandable: $,
+    isRowExpanded: C,
     isTableExpandable: _,
-    enableNonFolderIndent: q = !0,
-    onExpandClick: B,
-    startContent: j,
-    endContent: f,
-    badge: t,
-    actions: d,
-    isRenaming: i,
-    renameInitialValue: p,
-    onSubmitRename: C,
-    onCancelRename: u,
-    renamePlaceholder: K,
-    depth: y = 0,
-    isDisabled: N,
-    disabledMessage: L,
-    active: R,
-    inactive: W,
-    style: $,
+    enableNonFolderIndent: b = !0,
+    onExpandClick: q,
+    startContent: B,
+    endContent: y,
+    badge: i,
+    actions: p,
+    isRenaming: m,
+    renameInitialValue: h,
+    onSubmitRename: K,
+    onCancelRename: N,
+    renamePlaceholder: L,
+    depth: g = 0,
+    isDisabled: v,
+    disabledMessage: W,
+    active: z,
+    inactive: A,
+    style: D,
     pt: e,
-    ...g
-  }, b) => {
-    const [v, w] = D(p ?? l);
-    return G(() => {
-      i && w(p ?? l);
-    }, [l, i, p]), /* @__PURE__ */ s.jsxs(
-      H,
+    ...w
+  }, G) => {
+    const [E, S] = J(h ?? l);
+    M(() => {
+      m && S(h ?? l);
+    }, [l, m, h]);
+    const k = r ? /* @__PURE__ */ s.jsx(
+      "img",
       {
-        ...g,
-        ref: b,
-        className: n(g.className, {
-          disabled: N,
-          inactive: W || R === !1,
-          "has-actions": !!d?.length
+        src: r,
+        ...e?.img,
+        alt: "",
+        className: t("image", f, `img-${n}`, e?.img?.className),
+        style: {
+          aspectRatio: (j ?? 1).toString(),
+          ...e?.img?.style
+        }
+      }
+    ) : (
+      // keep the slot so rows don't shift when a thumbnail is missing
+      j !== void 0 && /* @__PURE__ */ s.jsx(
+        "div",
+        {
+          className: t("image", f, `img-${n}`, e?.img?.className),
+          style: {
+            aspectRatio: j.toString(),
+            ...e?.img?.style
+          }
+        }
+      )
+    );
+    return /* @__PURE__ */ s.jsxs(
+      O,
+      {
+        ...w,
+        ref: G,
+        className: t(w.className, {
+          disabled: v,
+          inactive: A || z === !1,
+          "has-actions": !!p?.length
         }),
         style: {
-          ...$,
-          paddingLeft: `calc(${y * 1.5}rem + 4px)`
+          ...D,
+          paddingLeft: `calc(${g * 1.5}rem + 4px)`
         },
-        title: N ? L : void 0,
+        title: v ? W : void 0,
         children: [
           /* @__PURE__ */ s.jsx(
-            O,
+            V,
             {
-              isRowExpandable: T,
-              isRowExpanded: P,
+              isRowExpandable: $,
+              isRowExpanded: C,
               isTableExpandable: _,
-              onExpandClick: B,
-              enableNonFolderIndent: q,
+              onExpandClick: q,
+              enableNonFolderIndent: b,
               ...e?.expander
             }
           ),
-          j && j,
-          r && /* @__PURE__ */ s.jsx(
-            "img",
-            {
-              src: r,
-              ...e?.img,
-              alt: "",
-              className: n("image", k, e?.img?.className),
-              style: {
-                aspectRatio: F.toString(),
-                ...e?.img?.style
-              }
-            }
-          ),
+          n === "start" && k,
+          B,
           c && /* @__PURE__ */ s.jsx(
-            S,
+            T,
             {
               icon: c,
-              className: n({ filled: x }, e?.icon?.className),
+              className: t({ filled: d }, e?.icon?.className),
               style: {
-                color: m,
+                color: x,
                 ...e?.icon?.style
               },
               ...e?.icon
             }
           ),
-          i ? /* @__PURE__ */ s.jsx(
-            J,
+          m ? /* @__PURE__ */ s.jsx(
+            R,
             {
               autoFocus: !0,
               style: { flex: 1 },
-              onChange: (a) => w(a.target.value),
-              value: v,
-              placeholder: K,
+              onChange: (a) => S(a.target.value),
+              value: E,
+              placeholder: L,
               onKeyDown: (a) => {
-                a.key === "Enter" && C?.(v), a.key === "Escape" && u?.();
+                a.key === "Enter" && K?.(E), a.key === "Escape" && N?.();
               },
               onBlur: () => {
-                u?.();
+                N?.();
               },
               onFocus: (a) => {
                 a.target.select();
@@ -128,35 +143,36 @@ const O = ({
               ...e?.input
             }
           ) : /* @__PURE__ */ s.jsxs("div", { className: "text", ...e?.text, children: [
-            o && y === 0 && /* @__PURE__ */ s.jsxs("span", { className: "path", children: [
+            o && g === 0 && /* @__PURE__ */ s.jsxs("span", { className: "path", children: [
               o.join(" / "),
               " / "
             ] }),
             /* @__PURE__ */ s.jsx("span", { className: "value", children: l })
           ] }),
-          !i && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-            /* @__PURE__ */ s.jsx(M, { className: "spacer" }),
-            t?.toString() && /* @__PURE__ */ s.jsx("div", { className: "badges", children: typeof t == "string" ? /* @__PURE__ */ s.jsx("span", { children: t }) : t }),
-            d && /* @__PURE__ */ s.jsx("div", { className: "actions", children: d.map((a, z) => {
-              const { show: E = "hover", ...h } = a;
-              return E === "hidden" ? null : /* @__PURE__ */ s.jsx(
-                S,
+          !m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+            /* @__PURE__ */ s.jsx(U, { className: "spacer" }),
+            i?.toString() && /* @__PURE__ */ s.jsx("div", { className: "badges", children: typeof i == "string" ? /* @__PURE__ */ s.jsx("span", { children: i }) : i }),
+            p && /* @__PURE__ */ s.jsx("div", { className: "actions", children: p.map((a, H) => {
+              const { show: F = "hover", ...u } = a;
+              return F === "hidden" ? null : /* @__PURE__ */ s.jsx(
+                T,
                 {
-                  ...h,
-                  className: n(h.className, { "show-always": E === "always" })
+                  ...u,
+                  className: t(u.className, { "show-always": F === "always" })
                 },
-                h.icon + z.toString()
+                u.icon + H.toString()
               );
             }) })
           ] }),
-          f && f
+          n === "end" && k,
+          y && y
         ]
       }
     );
   }
 );
 export {
-  O as RowExpander,
-  Z as SimpleTableCellTemplate
+  V as RowExpander,
+  es as SimpleTableCellTemplate
 };
 //# sourceMappingURL=SimpleTableRowTemplate.es.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon, IconProps, InputText, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface TableRowAction extends IconProps {\n  show?: 'always' | 'hover' | 'hidden'\n}\n\nexport type RowExpanderProps = {\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  enableNonFolderIndent?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: (event: React.MouseEvent) => void\n}\n\nexport const RowExpander = ({\n  isRowExpandable,\n  isRowExpanded,\n  enableNonFolderIndent = true,\n  isTableExpandable,\n  onExpandClick,\n}: RowExpanderProps) =>\n  isRowExpandable ? (\n    <Styled.Expander\n      onClick={(e) => {\n        e.stopPropagation()\n        onExpandClick?.(e)\n      }}\n      icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n      className=\"expander\"\n      style={{ cursor: 'pointer' }}\n    />\n  ) : (\n    isTableExpandable &&\n    enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n  )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  icon?: string\n  parents?: string[]\n  iconColor?: string\n  iconFilled?: boolean\n  img?: string | null\n  imgShape?: 'square' | 'circle'\n  imgRatio?: number\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  isTableExpandable?: boolean\n  enableNonFolderIndent?: boolean\n  onExpandClick?: () => void\n  //  when used as a template\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  badge?: string | React.ReactNode\n  actions?: TableRowAction[]\n  isRenaming?: boolean\n  renameInitialValue?: string\n  onSubmitRename?: (value: string) => void\n  onCancelRename?: () => void\n  renamePlaceholder?: string\n  depth?: number\n  isDisabled?: boolean\n  disabledMessage?: string\n  active?: boolean\n  inactive?: boolean\n  pt?: {\n    img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n    expander?: Partial<React.ComponentProps<typeof RowExpander>>\n    icon?: Partial<React.ComponentProps<typeof Icon>>\n    text?: React.HTMLAttributes<HTMLDivElement>\n    input?: Partial<React.ComponentProps<typeof InputText>>\n  }\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n  (\n    {\n      value,\n      icon,\n      parents,\n      iconColor,\n      iconFilled,\n      img,\n      imgShape = 'square',\n      imgRatio = 1,\n      isRowExpandable,\n      isRowExpanded,\n      isTableExpandable,\n      enableNonFolderIndent = true,\n      onExpandClick,\n      startContent,\n      endContent,\n      badge,\n      actions,\n      isRenaming,\n      renameInitialValue,\n      onSubmitRename,\n      onCancelRename,\n      renamePlaceholder,\n      depth = 0,\n      isDisabled,\n      disabledMessage,\n      active,\n      inactive,\n      style,\n      pt,\n      ...props\n    },\n    ref,\n  ) => {\n    const [renameValue, setRenameValue] = useState(renameInitialValue ?? value)\n\n    useEffect(() => {\n      if (isRenaming) {\n        setRenameValue(renameInitialValue ?? value)\n      }\n    }, [value, isRenaming, renameInitialValue])\n\n    return (\n      <Styled.Cell\n        {...props}\n        ref={ref}\n        className={clsx(props.className, {\n          disabled: isDisabled,\n          inactive: inactive || active === false,\n          'has-actions': !!actions?.length,\n        })}\n        style={{\n          ...style,\n          paddingLeft: `calc(${depth * 1.5}rem + 4px)`,\n        }}\n        title={isDisabled ? disabledMessage : undefined}\n      >\n        <RowExpander\n          isRowExpandable={isRowExpandable}\n          isRowExpanded={isRowExpanded}\n          isTableExpandable={isTableExpandable}\n          onExpandClick={onExpandClick}\n          enableNonFolderIndent={enableNonFolderIndent}\n          {...pt?.expander}\n        />\n        {startContent && startContent}\n        {img && (\n          <img\n            src={img}\n            {...pt?.img}\n            alt=\"\"\n            className={clsx('image', imgShape, pt?.img?.className)}\n            style={{\n              aspectRatio: imgRatio.toString(),\n              ...pt?.img?.style,\n            }}\n          />\n        )}\n        {icon && (\n          <Icon\n            icon={icon}\n            className={clsx({ filled: iconFilled }, pt?.icon?.className)}\n            style={{\n              color: iconColor,\n              ...pt?.icon?.style,\n            }}\n            {...pt?.icon}\n          />\n        )}\n        {isRenaming ? (\n          <InputText\n            autoFocus\n            style={{ flex: 1 }}\n            onChange={(e) => setRenameValue(e.target.value)}\n            value={renameValue}\n            placeholder={renamePlaceholder}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSubmitRename?.(renameValue)\n              }\n              if (e.key === 'Escape') {\n                onCancelRename?.()\n              }\n            }}\n            onBlur={() => {\n              onCancelRename?.()\n            }}\n            onFocus={(e) => {\n              e.target.select()\n            }}\n            {...pt?.input}\n          />\n        ) : (\n          <div className=\"text\" {...pt?.text}>\n            {parents && depth === 0 && <span className=\"path\">{parents.join(' / ')} / </span>}\n            <span className=\"value\">{value}</span>\n          </div>\n        )}\n\n        {!isRenaming && (\n          <>\n            <Spacer className=\"spacer\" />\n            {badge?.toString() && (\n              <div className=\"badges\">\n                {typeof badge === 'string' ? <span>{badge}</span> : badge}\n              </div>\n            )}\n            {actions && (\n              <div className=\"actions\">\n                {actions.map((action, i) => {\n                  const { show = 'hover', ...iconProps } = action\n\n                  if (show === 'hidden') return null\n\n                  return (\n                    <Icon\n                      key={iconProps.icon + i.toString()}\n                      {...iconProps}\n                      className={clsx(iconProps.className, { 'show-always': show === 'always' })}\n                    />\n                  )\n                })}\n              </div>\n            )}\n          </>\n        )}\n        {endContent && endContent}\n      </Styled.Cell>\n    )\n  },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","img","imgShape","imgRatio","startContent","endContent","badge","actions","isRenaming","renameInitialValue","onSubmitRename","onCancelRename","renamePlaceholder","depth","isDisabled","disabledMessage","active","inactive","style","pt","props","ref","renameValue","setRenameValue","useState","useEffect","jsxs","Styled.Cell","clsx","Icon","InputText","Fragment","Spacer","action","i","show","iconProps"],"mappings":"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"}
+{"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon, IconProps, InputText, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface TableRowAction extends IconProps {\n  show?: 'always' | 'hover' | 'hidden'\n}\n\nexport type RowExpanderProps = {\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  enableNonFolderIndent?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: (event: React.MouseEvent) => void\n}\n\nexport const RowExpander = ({\n  isRowExpandable,\n  isRowExpanded,\n  enableNonFolderIndent = true,\n  isTableExpandable,\n  onExpandClick,\n}: RowExpanderProps) =>\n  isRowExpandable ? (\n    <Styled.Expander\n      onClick={(e) => {\n        e.stopPropagation()\n        onExpandClick?.(e)\n      }}\n      icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n      className=\"expander\"\n      style={{ cursor: 'pointer' }}\n    />\n  ) : (\n    isTableExpandable &&\n    enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n  )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  icon?: string\n  parents?: string[]\n  iconColor?: string\n  iconFilled?: boolean\n  img?: string | null\n  imgShape?: 'square' | 'circle'\n  imgRatio?: number\n  imgPosition?: 'start' | 'end'\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  isTableExpandable?: boolean\n  enableNonFolderIndent?: boolean\n  onExpandClick?: () => void\n  //  when used as a template\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  badge?: string | React.ReactNode\n  actions?: TableRowAction[]\n  isRenaming?: boolean\n  renameInitialValue?: string\n  onSubmitRename?: (value: string) => void\n  onCancelRename?: () => void\n  renamePlaceholder?: string\n  depth?: number\n  isDisabled?: boolean\n  disabledMessage?: string\n  active?: boolean\n  inactive?: boolean\n  pt?: {\n    img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n    expander?: Partial<React.ComponentProps<typeof RowExpander>>\n    icon?: Partial<React.ComponentProps<typeof Icon>>\n    text?: React.HTMLAttributes<HTMLDivElement>\n    input?: Partial<React.ComponentProps<typeof InputText>>\n  }\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n  (\n    {\n      value,\n      icon,\n      parents,\n      iconColor,\n      iconFilled,\n      img,\n      imgShape = 'square',\n      imgRatio,\n      imgPosition = 'start',\n      isRowExpandable,\n      isRowExpanded,\n      isTableExpandable,\n      enableNonFolderIndent = true,\n      onExpandClick,\n      startContent,\n      endContent,\n      badge,\n      actions,\n      isRenaming,\n      renameInitialValue,\n      onSubmitRename,\n      onCancelRename,\n      renamePlaceholder,\n      depth = 0,\n      isDisabled,\n      disabledMessage,\n      active,\n      inactive,\n      style,\n      pt,\n      ...props\n    },\n    ref,\n  ) => {\n    const [renameValue, setRenameValue] = useState(renameInitialValue ?? value)\n\n    useEffect(() => {\n      if (isRenaming) {\n        setRenameValue(renameInitialValue ?? value)\n      }\n    }, [value, isRenaming, renameInitialValue])\n\n    const thumbnail = img ? (\n      <img\n        src={img}\n        {...pt?.img}\n        alt=\"\"\n        className={clsx('image', imgShape, `img-${imgPosition}`, pt?.img?.className)}\n        style={{\n          aspectRatio: (imgRatio ?? 1).toString(),\n          ...pt?.img?.style,\n        }}\n      />\n    ) : (\n      // keep the slot so rows don't shift when a thumbnail is missing\n      imgRatio !== undefined && (\n        <div\n          className={clsx('image', imgShape, `img-${imgPosition}`, pt?.img?.className)}\n          style={{\n            aspectRatio: imgRatio.toString(),\n            ...pt?.img?.style,\n          }}\n        />\n      )\n    )\n\n    return (\n      <Styled.Cell\n        {...props}\n        ref={ref}\n        className={clsx(props.className, {\n          disabled: isDisabled,\n          inactive: inactive || active === false,\n          'has-actions': !!actions?.length,\n        })}\n        style={{\n          ...style,\n          paddingLeft: `calc(${depth * 1.5}rem + 4px)`,\n        }}\n        title={isDisabled ? disabledMessage : undefined}\n      >\n        <RowExpander\n          isRowExpandable={isRowExpandable}\n          isRowExpanded={isRowExpanded}\n          isTableExpandable={isTableExpandable}\n          onExpandClick={onExpandClick}\n          enableNonFolderIndent={enableNonFolderIndent}\n          {...pt?.expander}\n        />\n        {imgPosition === 'start' && thumbnail}\n        {startContent}\n        {icon && (\n          <Icon\n            icon={icon}\n            className={clsx({ filled: iconFilled }, pt?.icon?.className)}\n            style={{\n              color: iconColor,\n              ...pt?.icon?.style,\n            }}\n            {...pt?.icon}\n          />\n        )}\n        {isRenaming ? (\n          <InputText\n            autoFocus\n            style={{ flex: 1 }}\n            onChange={(e) => setRenameValue(e.target.value)}\n            value={renameValue}\n            placeholder={renamePlaceholder}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onSubmitRename?.(renameValue)\n              }\n              if (e.key === 'Escape') {\n                onCancelRename?.()\n              }\n            }}\n            onBlur={() => {\n              onCancelRename?.()\n            }}\n            onFocus={(e) => {\n              e.target.select()\n            }}\n            {...pt?.input}\n          />\n        ) : (\n          <div className=\"text\" {...pt?.text}>\n            {parents && depth === 0 && <span className=\"path\">{parents.join(' / ')} / </span>}\n            <span className=\"value\">{value}</span>\n          </div>\n        )}\n\n        {!isRenaming && (\n          <>\n            <Spacer className=\"spacer\" />\n            {badge?.toString() && (\n              <div className=\"badges\">\n                {typeof badge === 'string' ? <span>{badge}</span> : badge}\n              </div>\n            )}\n            {actions && (\n              <div className=\"actions\">\n                {actions.map((action, i) => {\n                  const { show = 'hover', ...iconProps } = action\n\n                  if (show === 'hidden') return null\n\n                  return (\n                    <Icon\n                      key={iconProps.icon + i.toString()}\n                      {...iconProps}\n                      className={clsx(iconProps.className, { 'show-always': show === 'always' })}\n                    />\n                  )\n                })}\n              </div>\n            )}\n          </>\n        )}\n        {imgPosition === 'end' && thumbnail}\n        {endContent && endContent}\n      </Styled.Cell>\n    )\n  },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","img","imgShape","imgRatio","imgPosition","startContent","endContent","badge","actions","isRenaming","renameInitialValue","onSubmitRename","onCancelRename","renamePlaceholder","depth","isDisabled","disabledMessage","active","inactive","style","pt","props","ref","renameValue","setRenameValue","useState","useEffect","thumbnail","clsx","jsxs","Styled.Cell","Icon","InputText","Fragment","Spacer","action","i","show","iconProps"],"mappings":"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"}

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),o=t.createContext(void 0),n=({children:e,...r})=>i.jsxRuntimeExports.jsx(o.Provider,{value:{...r},children:e}),l=()=>{const e=t.useContext(o);if(e===void 0)throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");return e};exports.SimpleTableProvider=n;exports.useSimpleTableContext=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),t=o.createContext(void 0),l=({children:e,...r})=>i.jsxRuntimeExports.jsx(t.Provider,{value:{...r},children:e}),n=()=>{const e=o.useContext(t);if(e===void 0)throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");return e};exports.SimpleTableProvider=l;exports.default=t;exports.useSimpleTableContext=n;
 //# sourceMappingURL=SimpleTableContext.cjs.js.map

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTableContext.cjs.js","sources":["../../../../../../src/containers/SimpleTable/context/SimpleTableContext.tsx"],"sourcesContent":["import { ExpandedState, RowPinningState, RowSelectionState, Table } from '@tanstack/react-table'\nimport { createContext, useContext, ReactNode } from 'react'\n\ninterface SimpleTableContextValue {\n  // forwarded from props\n  expanded?: ExpandedState\n  setExpanded?: React.Dispatch<React.SetStateAction<ExpandedState>>\n  onExpandedChange?: (expanded: ExpandedState) => void\n  rowSelection: RowSelectionState\n  onRowSelectionChange: (selection: RowSelectionState) => void // should be used most of the time\n  setRowSelection?: (rowSelection: RowSelectionState) => void // used to directly update the row selection\n  rowPinning?: RowPinningState\n  onRowPinningChange?: (rowPinning: RowPinningState) => void\n  data?: any\n}\n\nconst SimpleTableContext = createContext<SimpleTableContextValue | undefined>(undefined)\n\ninterface SimpleTableProviderProps {\n  children: ReactNode\n  expanded?: SimpleTableContextValue['expanded']\n  setExpanded?: SimpleTableContextValue['setExpanded']\n  onExpandedChange?: SimpleTableContextValue['onExpandedChange']\n  rowSelection: SimpleTableContextValue['rowSelection']\n  onRowSelectionChange: SimpleTableContextValue['onRowSelectionChange']\n  setRowSelection?: SimpleTableContextValue['setRowSelection']\n  rowPinning?: SimpleTableContextValue['rowPinning']\n  onRowPinningChange?: SimpleTableContextValue['onRowPinningChange']\n  data?: SimpleTableContextValue['data']\n}\n\nexport const SimpleTableProvider = ({ children, ...props }: SimpleTableProviderProps) => {\n  return <SimpleTableContext.Provider value={{ ...props }}>{children}</SimpleTableContext.Provider>\n}\n\nexport const useSimpleTableContext = () => {\n  const context = useContext(SimpleTableContext)\n  if (context === undefined) {\n    throw new Error('useSimpleTableContext must be used within a SimpleTableProvider')\n  }\n  return context\n}\n\nexport default SimpleTableContext\n"],"names":["SimpleTableContext","createContext","SimpleTableProvider","children","props","jsx","useSimpleTableContext","context","useContext"],"mappings":"iKAgBMA,EAAqBC,EAAAA,cAAmD,MAAS,EAe1EC,EAAsB,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAC1CC,EAAAA,kBAAAA,IAACL,EAAmB,SAAnB,CAA4B,MAAO,CAAE,GAAGI,GAAU,SAAAD,EAAS,EAGxDG,EAAwB,IAAM,CACzC,MAAMC,EAAUC,EAAAA,WAAWR,CAAkB,EAC7C,GAAIO,IAAY,OACd,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT"}
+{"version":3,"file":"SimpleTableContext.cjs.js","sources":["../../../../../../src/containers/SimpleTable/context/SimpleTableContext.tsx"],"sourcesContent":["import { ExpandedState, RowPinningState, RowSelectionState, Table } from '@tanstack/react-table'\nimport { createContext, useContext, ReactNode } from 'react'\n\ninterface SimpleTableContextValue {\n  // forwarded from props\n  expanded?: ExpandedState\n  setExpanded?: React.Dispatch<React.SetStateAction<ExpandedState>>\n  onExpandedChange?: (expanded: ExpandedState) => void\n  rowSelection: RowSelectionState\n  onRowSelectionChange: (selection: RowSelectionState) => void // should be used most of the time\n  setRowSelection?: (rowSelection: RowSelectionState) => void // used to directly update the row selection\n  rowPinning?: RowPinningState\n  onRowPinningChange?: (rowPinning: RowPinningState) => void\n  data?: any\n}\n\nconst SimpleTableContext = createContext<SimpleTableContextValue | undefined>(undefined)\n\ninterface SimpleTableProviderProps {\n  children: ReactNode\n  expanded?: SimpleTableContextValue['expanded']\n  setExpanded?: SimpleTableContextValue['setExpanded']\n  onExpandedChange?: SimpleTableContextValue['onExpandedChange']\n  rowSelection: SimpleTableContextValue['rowSelection']\n  onRowSelectionChange: SimpleTableContextValue['onRowSelectionChange']\n  setRowSelection?: SimpleTableContextValue['setRowSelection']\n  rowPinning?: SimpleTableContextValue['rowPinning']\n  onRowPinningChange?: SimpleTableContextValue['onRowPinningChange']\n  data?: SimpleTableContextValue['data']\n}\n\nexport const SimpleTableProvider = ({ children, ...props }: SimpleTableProviderProps) => {\n  return <SimpleTableContext.Provider value={{ ...props }}>{children}</SimpleTableContext.Provider>\n}\n\nexport const useSimpleTableContext = () => {\n  const context = useContext(SimpleTableContext)\n  if (context === undefined) {\n    throw new Error('useSimpleTableContext must be used within a SimpleTableProvider')\n  }\n  return context\n}\n\nexport default SimpleTableContext\n"],"names":["SimpleTableContext","createContext","SimpleTableProvider","children","props","jsx","useSimpleTableContext","context","useContext"],"mappings":"6LAgBMA,EAAqBC,EAAAA,cAAmD,MAAS,EAe1EC,EAAsB,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAC1CC,EAAAA,kBAAAA,IAACL,EAAmB,SAAnB,CAA4B,MAAO,CAAE,GAAGI,GAAU,SAAAD,EAAS,EAGxDG,EAAwB,IAAM,CACzC,MAAMC,EAAUC,EAAAA,WAAWR,CAAkB,EAC7C,GAAIO,IAAY,OACd,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT"}

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.es.js

@@ -1,13 +1,14 @@
 import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
 import { createContext as i, useContext as n } from "react";
-const t = i(void 0), m = ({ children: e, ...o }) => /* @__PURE__ */ r.jsx(t.Provider, { value: { ...o }, children: e }), x = () => {
+const t = i(void 0), a = ({ children: e, ...o }) => /* @__PURE__ */ r.jsx(t.Provider, { value: { ...o }, children: e }), m = () => {
   const e = n(t);
   if (e === void 0)
     throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
   return e;
 };
 export {
-  m as SimpleTableProvider,
-  x as useSimpleTableContext
+  a as SimpleTableProvider,
+  t as default,
+  m as useSimpleTableContext
 };
 //# sourceMappingURL=SimpleTableContext.es.js.map

package/dist/shared/src/containers/Slicer/context/SlicerContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),I=require("../../../hooks/useSessionStorage.cjs.js"),k=require("./SlicerContextInstance.cjs.js"),w=require("../hooks/useSlicerRemotes.cjs.js"),G=require("../hooks/useSlicerRowSelection.cjs.js"),_={progress:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"taskType"}]},overview:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"type"},{value:"taskType"},{value:"attributes"},{value:"entityList"}]},versions:{fields:[{value:"hierarchy"},{value:"assignees",label:"Task assignee"},{value:"status",label:"Version status"},{value:"author",label:"Version author"},{value:"productType"},{value:"taskType"},{value:"entityList"}]}},j=({children:r,page:S,projectName:v,viewSettings:T,isLoadingViews:d,updateViewSettings:C,onOpenViewer:g,onAddToList:h,...c})=>{const a=c.sliceType??T?.sliceType??"hierarchy",{rowSelection:t,setRowSelection:i,expanded:u,setExpanded:n}=G.useSlicerRowSelection({sliceType:a,page:S,projectName:v,...c}),[s,l]=I.useSessionStorage(`slicer-pinned-slice-${S}`,null),x=o.useCallback(e=>{i(e)},[i]),y=o.useCallback((e,E)=>{if(c.onSliceTypeChange)c.onSliceTypeChange(e,E);else{const P=()=>{};C({sliceType:e},P,P,{})}s&&e===s.sliceType?(i(s.rowSelection,e),n(s.expanded,e),l(null)):(console.log("Clearing current pinned slice as switching to a different slice type"),i({},e),n({},e)),E&&(console.log("Pinning current slice type and selection data",t),l({sliceType:a,rowSelection:t,expanded:u}))},[C,t,i,s,l,u,n]),p=o.useCallback(e=>{n(e)},[n]),{useExtraSlices:R,isLoadingExtraSlices:b,SlicerDropdown:f}=w.useSlicerRemotes(),m=o.useMemo(()=>({projectName:v,useExtraSlices:R,isLoadingExtraSlices:b,SlicerDropdown:f,sliceType:a,onSliceTypeChange:y,rowSelection:t,onRowSelectionChange:x,pinnedSlice:s,setPinnedSlice:l,expanded:u,onExpandedChange:p,isViewSyncPending:d,onOpenViewer:g,onAddToList:h}),[R,b,f,a,y,t,x,s,l,u,p,d,g,h]);return q.jsxRuntimeExports.jsx(k.SlicerContext.Provider,{value:m,children:r})},L=()=>{const r=o.useContext(k.SlicerContext);if(r===void 0)throw new Error("useSlicerContext must be used within a SlicerProvider");return r};exports.SLICER_PAGES_CONFIG=_;exports.SlicerProvider=j;exports.useSlicerContext=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("../../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),_=require("../../../hooks/useSessionStorage.cjs.js"),S=require("./SlicerContextInstance.cjs.js"),I=require("../hooks/useSlicerRemotes.cjs.js"),O=require("../hooks/useSlicerRowSelection.cjs.js"),w={progress:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"taskType"}]},overview:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"type"},{value:"taskType"},{value:"attributes"},{value:"entityList"}]},versions:{fields:[{value:"hierarchy"},{value:"assignees",label:"Task assignee"},{value:"status",label:"Version status"},{value:"author",label:"Version author"},{value:"productType"},{value:"taskType"},{value:"entityList"}]}},G=({children:r,page:v,projectName:d,viewSettings:T,isLoadingViews:C,updateViewSettings:x,onOpenViewer:g,onAddToList:h,...c})=>{const a=c.sliceType??T?.sliceType??"hierarchy",{rowSelection:n,setRowSelection:i,expanded:u,setExpanded:l}=O.useSlicerRowSelection({sliceType:a,page:v,projectName:d,...c}),[t,o]=_.useSessionStorage(`slicer-pinned-slice-${v}`,null),y=s.useCallback(e=>{i(e)},[i]),p=s.useCallback((e,P)=>{if(c.onSliceTypeChange)c.onSliceTypeChange(e,P);else{const k=()=>{};x({sliceType:e},k,k,{})}t&&e===t.sliceType?(i(t.rowSelection,e),l(t.expanded,e),o(null)):(console.log("Clearing current pinned slice as switching to a different slice type"),i({},e),l({},e)),P&&(console.log("Pinning current slice type and selection data",n),o({sliceType:a,rowSelection:n,expanded:u}))},[x,n,i,t,o,u,l]),f=s.useCallback(e=>{l(e)},[l]),{useExtraSlices:R,isLoadingExtraSlices:b,SlicerDropdown:E}=I.useSlicerRemotes(),m=s.useMemo(()=>({projectName:d,useExtraSlices:R,isLoadingExtraSlices:b,SlicerDropdown:E,sliceType:a,onSliceTypeChange:p,rowSelection:n,onRowSelectionChange:y,pinnedSlice:t,setPinnedSlice:o,expanded:u,onExpandedChange:f,isViewSyncPending:C,onOpenViewer:g,onAddToList:h}),[R,b,E,a,p,n,y,t,o,u,f,C,g,h]);return q.jsxRuntimeExports.jsx(S.SlicerContext.Provider,{value:m,children:r})},j=()=>{const r=s.useContext(S.SlicerContext);if(r===void 0)throw new Error("useSlicerContext must be used within a SlicerProvider");return r},L=()=>s.useContext(S.SlicerContext);exports.default=S.SlicerContext;exports.SLICER_PAGES_CONFIG=w;exports.SlicerProvider=G;exports.useOptionalSlicerContext=L;exports.useSlicerContext=j;
 //# sourceMappingURL=SlicerContext.cjs.js.map

package/dist/shared/src/containers/Slicer/context/SlicerContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlicerContext.cjs.js","sources":["../../../../../../src/containers/Slicer/context/SlicerContext.tsx"],"sourcesContent":["import {\n  useContext,\n  ReactNode,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  useCallback,\n  useMemo,\n} from 'react'\nimport { ExpandedState, RowSelectionState } from '@tanstack/react-table'\nimport type { SliceType } from '../types'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { useSessionStorage } from '@shared/hooks/useSessionStorage'\nimport type { ProjectModel, Assignees, AttributeModel, ProductType } from '@shared/api'\nimport { SlicerDropdownFallbackProps } from '../components/SlicerDropdownFallback'\nimport { DropdownRef } from '@ynput/ayon-react-components'\nimport { PinnedSlice, SliceTypeField } from '../types'\nimport type { ViewSettings } from '@shared/containers/Views/context/ViewsContext'\nimport type { UpdateViewSettingsFn } from '@shared/containers/Views/utils/viewUpdateHelper'\nimport { SlicerContext } from './SlicerContextInstance'\nimport { useSlicerRemotes } from '../hooks/useSlicerRemotes'\nimport { useSlicerRowSelection } from '../hooks/useSlicerRowSelection'\nimport type { OnAddToList, OnOpenViewer } from '../hooks/useHierarchyContextMenuItems'\n\nexport const SLICER_PAGES_CONFIG: SlicerConfig = {\n  progress: {\n    fields: [\n      { value: 'hierarchy' },\n      { value: 'assignees' },\n      { value: 'status' },\n      { value: 'taskType' },\n    ],\n  },\n  overview: {\n    fields: [\n      { value: 'hierarchy' },\n      { value: 'assignees' },\n      { value: 'status' },\n      { value: 'type' },\n      { value: 'taskType' },\n      { value: 'attributes' },\n      { value: 'entityList' },\n    ],\n  },\n  versions: {\n    fields: [\n      { value: 'hierarchy' },\n      { value: 'assignees', label: 'Task assignee' },\n      { value: 'status', label: 'Version status' },\n      { value: 'author', label: 'Version author' },\n      { value: 'productType' },\n      { value: 'taskType' },\n      { value: 'entityList' },\n    ],\n  },\n}\n\nexport type OnSliceTypeChange = (sliceType: SliceType, pinCurrent?: boolean) => void\n\nexport type SlicerConfig = {\n  [page: string]: {\n    fields: SliceTypeField[]\n  }\n}\n\ntype ExtraSlices = {\n  formatStatuses: (project?: ProjectModel, scopes?: string[]) => SimpleTableRow[]\n  formatTaskTypes: (project?: ProjectModel) => SimpleTableRow[]\n  formatProductTypes: (productTypes: ProductType[]) => SimpleTableRow[]\n  formatTypes: (project?: ProjectModel) => SimpleTableRow[]\n  formatAssignees: (assignees: Assignees) => SimpleTableRow[]\n  formatAttribute: (attribute: AttributeModel) => SimpleTableRow[]\n  formatAuthors: (project?: ProjectModel) => SimpleTableRow[]\n}\n\nexport type UseExtraSlices = () => ExtraSlices\n\ntype OnRowSelectionChange = (selection: RowSelectionState) => void\n\nexport interface SlicerContextValue {\n  projectName: string\n  rowSelection: RowSelectionState\n  onRowSelectionChange: OnRowSelectionChange\n  expanded: ExpandedState\n  onExpandedChange: (expanded: ExpandedState) => void\n  sliceType: SliceType\n  onSliceTypeChange: OnSliceTypeChange\n  isViewSyncPending: boolean\n  pinnedSlice: PinnedSlice | null\n  setPinnedSlice: React.Dispatch<React.SetStateAction<PinnedSlice | null>>\n  useExtraSlices: UseExtraSlices\n  isLoadingExtraSlices: boolean\n  SlicerDropdown: ForwardRefExoticComponent<\n    SlicerDropdownFallbackProps & RefAttributes<DropdownRef>\n  >\n  onOpenViewer?: OnOpenViewer\n  onAddToList?: OnAddToList\n}\n\ninterface SlicerProviderProps {\n  children: ReactNode\n  rowSelection?: RowSelectionState\n  setRowSelection?: React.Dispatch<React.SetStateAction<RowSelectionState>>\n  expanded?: ExpandedState\n  setExpanded?: React.Dispatch<React.SetStateAction<ExpandedState>>\n  sliceType?: SliceType\n  onSliceTypeChange?: OnSliceTypeChange\n  page: string\n  projectName: string\n  viewSettings: ViewSettings | undefined\n  isLoadingViews: boolean\n  updateViewSettings: UpdateViewSettingsFn\n  onOpenViewer?: OnOpenViewer\n  onAddToList?: OnAddToList\n}\n\nexport const SlicerProvider = ({\n  children,\n  page,\n  projectName,\n  viewSettings,\n  isLoadingViews,\n  updateViewSettings,\n  onOpenViewer,\n  onAddToList,\n  ...props\n}: SlicerProviderProps) => {\n  // @ts-expect-error - sliceType can be on a view\n  const sliceType = props.sliceType ?? viewSettings?.sliceType ?? 'hierarchy'\n\n  const { rowSelection, setRowSelection, expanded, setExpanded } = useSlicerRowSelection({\n    sliceType,\n    page,\n    projectName,\n    ...props,\n  })\n\n  // this is used to store another slice type whilst the user is viewing a different slice type\n  // mostly used for preserving the hierarchy selection when switching to another slice type\n  const [pinnedSlice, setPinnedSlice] = useSessionStorage<PinnedSlice | null>(\n    `slicer-pinned-slice-${page}`,\n    null,\n  )\n\n  const onRowSelectionChange = useCallback<OnRowSelectionChange>(\n    (selection) => {\n      setRowSelection(selection) // updates either hierarchy or other selection based on slice type\n    },\n    [setRowSelection],\n  )\n\n  const onSliceTypeChange = useCallback<OnSliceTypeChange>(\n    (newSliceType, pinCurrent) => {\n      if (props.onSliceTypeChange) {\n        props.onSliceTypeChange(newSliceType, pinCurrent)\n      } else {\n        const noOp = () => {}\n        // update the view settings with the new slice type\n        updateViewSettings({ sliceType: newSliceType }, noOp, noOp, {})\n      }\n\n      // remove current row selection as it is no longer relevant to the new slice type\n\n      // if going to pinned slice type, restore the pinned slice selection and expanded state\n      // and remove the pinned slice\n      if (pinnedSlice && newSliceType === pinnedSlice.sliceType) {\n        setRowSelection(pinnedSlice.rowSelection, newSliceType)\n        setExpanded(pinnedSlice.expanded, newSliceType)\n        setPinnedSlice(null)\n      } else {\n        // clear pinned slice if switching to a different slice type\n        console.log('Clearing current pinned slice as switching to a different slice type')\n        setRowSelection({}, newSliceType)\n        setExpanded({}, newSliceType)\n      }\n\n      // if pinCurrent is true, store the current slice type and selection data in local storage\n      if (pinCurrent) {\n        console.log('Pinning current slice type and selection data', rowSelection)\n        setPinnedSlice({\n          sliceType,\n          rowSelection,\n          expanded,\n        })\n      }\n    },\n    [\n      updateViewSettings,\n      rowSelection,\n      setRowSelection,\n      pinnedSlice,\n      setPinnedSlice,\n      expanded,\n      setExpanded,\n    ],\n  )\n\n  const onExpandedChange = useCallback(\n    (newExpanded: ExpandedState) => {\n      setExpanded(newExpanded)\n    },\n    [setExpanded],\n  )\n\n  // extra slices are loaded from the powerpack remote module, with a fallback to default empty functions\n  const { useExtraSlices, isLoadingExtraSlices, SlicerDropdown } = useSlicerRemotes()\n\n  const value = useMemo(\n    () => ({\n      projectName,\n      useExtraSlices,\n      isLoadingExtraSlices,\n      SlicerDropdown,\n      // SLICE TYPE\n      sliceType,\n      onSliceTypeChange,\n      // ROW SELECTION\n      rowSelection,\n      onRowSelectionChange,\n      // PINNED SLICE\n      pinnedSlice,\n      setPinnedSlice,\n      expanded,\n      onExpandedChange,\n      // loading state\n      isViewSyncPending: isLoadingViews,\n      onOpenViewer,\n      onAddToList,\n    }),\n    [\n      useExtraSlices,\n      isLoadingExtraSlices,\n      SlicerDropdown,\n      sliceType,\n      onSliceTypeChange,\n      rowSelection,\n      onRowSelectionChange,\n      pinnedSlice,\n      setPinnedSlice,\n      expanded,\n      onExpandedChange,\n      isLoadingViews,\n      onOpenViewer,\n      onAddToList,\n    ],\n  )\n\n  return <SlicerContext.Provider value={value}>{children}</SlicerContext.Provider>\n}\n\nexport const useSlicerContext = () => {\n  const context = useContext(SlicerContext)\n  if (context === undefined) {\n    throw new Error('useSlicerContext must be used within a SlicerProvider')\n  }\n  return context\n}\n\nexport default SlicerContext\n"],"names":["SLICER_PAGES_CONFIG","SlicerProvider","children","page","projectName","viewSettings","isLoadingViews","updateViewSettings","onOpenViewer","onAddToList","props","sliceType","rowSelection","setRowSelection","expanded","setExpanded","useSlicerRowSelection","pinnedSlice","setPinnedSlice","useSessionStorage","onRowSelectionChange","useCallback","selection","onSliceTypeChange","newSliceType","pinCurrent","noOp","onExpandedChange","newExpanded","useExtraSlices","isLoadingExtraSlices","SlicerDropdown","useSlicerRemotes","value","useMemo","jsx","SlicerContext","useSlicerContext","context","useContext"],"mappings":"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"}
+{"version":3,"file":"SlicerContext.cjs.js","sources":["../../../../../../src/containers/Slicer/context/SlicerContext.tsx"],"sourcesContent":["import {\n  useContext,\n  ReactNode,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  useCallback,\n  useMemo,\n} from 'react'\nimport { ExpandedState, RowSelectionState } from '@tanstack/react-table'\nimport type { SliceType } from '../types'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { useSessionStorage } from '@shared/hooks/useSessionStorage'\nimport type { ProjectModel, Assignees, AttributeModel, ProductType } from '@shared/api'\nimport { SlicerDropdownFallbackProps } from '../components/SlicerDropdownFallback'\nimport { DropdownRef } from '@ynput/ayon-react-components'\nimport { PinnedSlice, SliceTypeField } from '../types'\nimport type { ViewSettings } from '@shared/containers/Views/context/ViewsContext'\nimport type { UpdateViewSettingsFn } from '@shared/containers/Views/utils/viewUpdateHelper'\nimport { SlicerContext } from './SlicerContextInstance'\nimport { useSlicerRemotes } from '../hooks/useSlicerRemotes'\nimport { useSlicerRowSelection } from '../hooks/useSlicerRowSelection'\nimport type { OnAddToList, OnOpenViewer } from '../hooks/useHierarchyContextMenuItems'\n\nexport const SLICER_PAGES_CONFIG: SlicerConfig = {\n  progress: {\n    fields: [\n      { value: 'hierarchy' },\n      { value: 'assignees' },\n      { value: 'status' },\n      { value: 'taskType' },\n    ],\n  },\n  overview: {\n    fields: [\n      { value: 'hierarchy' },\n      { value: 'assignees' },\n      { value: 'status' },\n      { value: 'type' },\n      { value: 'taskType' },\n      { value: 'attributes' },\n      { value: 'entityList' },\n    ],\n  },\n  versions: {\n    fields: [\n      { value: 'hierarchy' },\n      { value: 'assignees', label: 'Task assignee' },\n      { value: 'status', label: 'Version status' },\n      { value: 'author', label: 'Version author' },\n      { value: 'productType' },\n      { value: 'taskType' },\n      { value: 'entityList' },\n    ],\n  },\n}\n\nexport type OnSliceTypeChange = (sliceType: SliceType, pinCurrent?: boolean) => void\n\nexport type SlicerConfig = {\n  [page: string]: {\n    fields: SliceTypeField[]\n  }\n}\n\ntype ExtraSlices = {\n  formatStatuses: (project?: ProjectModel, scopes?: string[]) => SimpleTableRow[]\n  formatTaskTypes: (project?: ProjectModel) => SimpleTableRow[]\n  formatProductTypes: (productTypes: ProductType[]) => SimpleTableRow[]\n  formatTypes: (project?: ProjectModel) => SimpleTableRow[]\n  formatAssignees: (assignees: Assignees) => SimpleTableRow[]\n  formatAttribute: (attribute: AttributeModel) => SimpleTableRow[]\n  formatAuthors: (project?: ProjectModel) => SimpleTableRow[]\n}\n\nexport type UseExtraSlices = () => ExtraSlices\n\ntype OnRowSelectionChange = (selection: RowSelectionState) => void\n\nexport interface SlicerContextValue {\n  projectName: string\n  rowSelection: RowSelectionState\n  onRowSelectionChange: OnRowSelectionChange\n  expanded: ExpandedState\n  onExpandedChange: (expanded: ExpandedState) => void\n  sliceType: SliceType\n  onSliceTypeChange: OnSliceTypeChange\n  isViewSyncPending: boolean\n  pinnedSlice: PinnedSlice | null\n  setPinnedSlice: React.Dispatch<React.SetStateAction<PinnedSlice | null>>\n  useExtraSlices: UseExtraSlices\n  isLoadingExtraSlices: boolean\n  SlicerDropdown: ForwardRefExoticComponent<\n    SlicerDropdownFallbackProps & RefAttributes<DropdownRef>\n  >\n  onOpenViewer?: OnOpenViewer\n  onAddToList?: OnAddToList\n}\n\ninterface SlicerProviderProps {\n  children: ReactNode\n  rowSelection?: RowSelectionState\n  setRowSelection?: React.Dispatch<React.SetStateAction<RowSelectionState>>\n  expanded?: ExpandedState\n  setExpanded?: React.Dispatch<React.SetStateAction<ExpandedState>>\n  sliceType?: SliceType\n  onSliceTypeChange?: OnSliceTypeChange\n  page: string\n  projectName: string\n  viewSettings: ViewSettings | undefined\n  isLoadingViews: boolean\n  updateViewSettings: UpdateViewSettingsFn\n  onOpenViewer?: OnOpenViewer\n  onAddToList?: OnAddToList\n}\n\nexport const SlicerProvider = ({\n  children,\n  page,\n  projectName,\n  viewSettings,\n  isLoadingViews,\n  updateViewSettings,\n  onOpenViewer,\n  onAddToList,\n  ...props\n}: SlicerProviderProps) => {\n  // @ts-expect-error - sliceType can be on a view\n  const sliceType = props.sliceType ?? viewSettings?.sliceType ?? 'hierarchy'\n\n  const { rowSelection, setRowSelection, expanded, setExpanded } = useSlicerRowSelection({\n    sliceType,\n    page,\n    projectName,\n    ...props,\n  })\n\n  // this is used to store another slice type whilst the user is viewing a different slice type\n  // mostly used for preserving the hierarchy selection when switching to another slice type\n  const [pinnedSlice, setPinnedSlice] = useSessionStorage<PinnedSlice | null>(\n    `slicer-pinned-slice-${page}`,\n    null,\n  )\n\n  const onRowSelectionChange = useCallback<OnRowSelectionChange>(\n    (selection) => {\n      setRowSelection(selection) // updates either hierarchy or other selection based on slice type\n    },\n    [setRowSelection],\n  )\n\n  const onSliceTypeChange = useCallback<OnSliceTypeChange>(\n    (newSliceType, pinCurrent) => {\n      if (props.onSliceTypeChange) {\n        props.onSliceTypeChange(newSliceType, pinCurrent)\n      } else {\n        const noOp = () => {}\n        // update the view settings with the new slice type\n        updateViewSettings({ sliceType: newSliceType }, noOp, noOp, {})\n      }\n\n      // remove current row selection as it is no longer relevant to the new slice type\n\n      // if going to pinned slice type, restore the pinned slice selection and expanded state\n      // and remove the pinned slice\n      if (pinnedSlice && newSliceType === pinnedSlice.sliceType) {\n        setRowSelection(pinnedSlice.rowSelection, newSliceType)\n        setExpanded(pinnedSlice.expanded, newSliceType)\n        setPinnedSlice(null)\n      } else {\n        // clear pinned slice if switching to a different slice type\n        console.log('Clearing current pinned slice as switching to a different slice type')\n        setRowSelection({}, newSliceType)\n        setExpanded({}, newSliceType)\n      }\n\n      // if pinCurrent is true, store the current slice type and selection data in local storage\n      if (pinCurrent) {\n        console.log('Pinning current slice type and selection data', rowSelection)\n        setPinnedSlice({\n          sliceType,\n          rowSelection,\n          expanded,\n        })\n      }\n    },\n    [\n      updateViewSettings,\n      rowSelection,\n      setRowSelection,\n      pinnedSlice,\n      setPinnedSlice,\n      expanded,\n      setExpanded,\n    ],\n  )\n\n  const onExpandedChange = useCallback(\n    (newExpanded: ExpandedState) => {\n      setExpanded(newExpanded)\n    },\n    [setExpanded],\n  )\n\n  // extra slices are loaded from the powerpack remote module, with a fallback to default empty functions\n  const { useExtraSlices, isLoadingExtraSlices, SlicerDropdown } = useSlicerRemotes()\n\n  const value = useMemo(\n    () => ({\n      projectName,\n      useExtraSlices,\n      isLoadingExtraSlices,\n      SlicerDropdown,\n      // SLICE TYPE\n      sliceType,\n      onSliceTypeChange,\n      // ROW SELECTION\n      rowSelection,\n      onRowSelectionChange,\n      // PINNED SLICE\n      pinnedSlice,\n      setPinnedSlice,\n      expanded,\n      onExpandedChange,\n      // loading state\n      isViewSyncPending: isLoadingViews,\n      onOpenViewer,\n      onAddToList,\n    }),\n    [\n      useExtraSlices,\n      isLoadingExtraSlices,\n      SlicerDropdown,\n      sliceType,\n      onSliceTypeChange,\n      rowSelection,\n      onRowSelectionChange,\n      pinnedSlice,\n      setPinnedSlice,\n      expanded,\n      onExpandedChange,\n      isLoadingViews,\n      onOpenViewer,\n      onAddToList,\n    ],\n  )\n\n  return <SlicerContext.Provider value={value}>{children}</SlicerContext.Provider>\n}\n\nexport const useSlicerContext = () => {\n  const context = useContext(SlicerContext)\n  if (context === undefined) {\n    throw new Error('useSlicerContext must be used within a SlicerProvider')\n  }\n  return context\n}\n\nexport const useOptionalSlicerContext = () => useContext(SlicerContext)\n\nexport default SlicerContext\n"],"names":["SLICER_PAGES_CONFIG","SlicerProvider","children","page","projectName","viewSettings","isLoadingViews","updateViewSettings","onOpenViewer","onAddToList","props","sliceType","rowSelection","setRowSelection","expanded","setExpanded","useSlicerRowSelection","pinnedSlice","setPinnedSlice","useSessionStorage","onRowSelectionChange","useCallback","selection","onSliceTypeChange","newSliceType","pinCurrent","noOp","onExpandedChange","newExpanded","useExtraSlices","isLoadingExtraSlices","SlicerDropdown","useSlicerRemotes","value","useMemo","jsx","SlicerContext","useSlicerContext","context","useContext","useOptionalSlicerContext"],"mappings":"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"}

package/dist/shared/src/containers/Slicer/context/SlicerContext.es.js

@@ -1,9 +1,9 @@
-import { j as w } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useCallback as u, useMemo as j, useContext as G } from "react";
+import { j } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useContext as T, useCallback as u, useMemo as G } from "react";
 import { useSessionStorage as I } from "../../../hooks/useSessionStorage.es.js";
-import { SlicerContext as R } from "./SlicerContextInstance.es.js";
+import { SlicerContext as v } from "./SlicerContextInstance.es.js";
 import { useSlicerRemotes as L } from "../hooks/useSlicerRemotes.es.js";
-import { useSlicerRowSelection as _ } from "../hooks/useSlicerRowSelection.es.js";
+import { useSlicerRowSelection as O } from "../hooks/useSlicerRowSelection.es.js";
 const z = {
   progress: {
     fields: [
@@ -37,45 +37,45 @@ const z = {
   }
 }, A = ({
   children: l,
-  page: v,
-  projectName: d,
-  viewSettings: T,
+  page: d,
+  projectName: S,
+  viewSettings: k,
   isLoadingViews: h,
-  updateViewSettings: S,
-  onOpenViewer: p,
-  onAddToList: y,
+  updateViewSettings: p,
+  onOpenViewer: f,
+  onAddToList: x,
   ...a
 }) => {
-  const r = a.sliceType ?? T?.sliceType ?? "hierarchy", { rowSelection: t, setRowSelection: i, expanded: c, setExpanded: o } = _({
+  const r = a.sliceType ?? k?.sliceType ?? "hierarchy", { rowSelection: t, setRowSelection: i, expanded: c, setExpanded: o } = O({
     sliceType: r,
-    page: v,
-    projectName: d,
+    page: d,
+    projectName: S,
     ...a
   }), [s, n] = I(
-    `slicer-pinned-slice-${v}`,
+    `slicer-pinned-slice-${d}`,
     null
-  ), f = u(
+  ), y = u(
     (e) => {
       i(e);
     },
     [i]
   ), g = u(
-    (e, P) => {
+    (e, b) => {
       if (a.onSliceTypeChange)
-        a.onSliceTypeChange(e, P);
+        a.onSliceTypeChange(e, b);
       else {
-        const b = () => {
+        const R = () => {
         };
-        S({ sliceType: e }, b, b, {});
+        p({ sliceType: e }, R, R, {});
       }
-      s && e === s.sliceType ? (i(s.rowSelection, e), o(s.expanded, e), n(null)) : (console.log("Clearing current pinned slice as switching to a different slice type"), i({}, e), o({}, e)), P && (console.log("Pinning current slice type and selection data", t), n({
+      s && e === s.sliceType ? (i(s.rowSelection, e), o(s.expanded, e), n(null)) : (console.log("Clearing current pinned slice as switching to a different slice type"), i({}, e), o({}, e)), b && (console.log("Pinning current slice type and selection data", t), n({
         sliceType: r,
         rowSelection: t,
         expanded: c
       }));
     },
     [
-      S,
+      p,
       t,
       i,
       s,
@@ -88,18 +88,18 @@ const z = {
       o(e);
     },
     [o]
-  ), { useExtraSlices: x, isLoadingExtraSlices: C, SlicerDropdown: E } = L(), k = j(
+  ), { useExtraSlices: C, isLoadingExtraSlices: E, SlicerDropdown: P } = L(), w = G(
     () => ({
-      projectName: d,
-      useExtraSlices: x,
-      isLoadingExtraSlices: C,
-      SlicerDropdown: E,
+      projectName: S,
+      useExtraSlices: C,
+      isLoadingExtraSlices: E,
+      SlicerDropdown: P,
       // SLICE TYPE
       sliceType: r,
       onSliceTypeChange: g,
       // ROW SELECTION
       rowSelection: t,
-      onRowSelectionChange: f,
+      onRowSelectionChange: y,
       // PINNED SLICE
       pinnedSlice: s,
       setPinnedSlice: n,
@@ -107,36 +107,38 @@ const z = {
       onExpandedChange: m,
       // loading state
       isViewSyncPending: h,
-      onOpenViewer: p,
-      onAddToList: y
+      onOpenViewer: f,
+      onAddToList: x
     }),
     [
-      x,
       C,
       E,
+      P,
       r,
       g,
       t,
-      f,
+      y,
       s,
       n,
       c,
       m,
       h,
-      p,
-      y
+      f,
+      x
     ]
   );
-  return /* @__PURE__ */ w.jsx(R.Provider, { value: k, children: l });
+  return /* @__PURE__ */ j.jsx(v.Provider, { value: w, children: l });
 }, B = () => {
-  const l = G(R);
+  const l = T(v);
   if (l === void 0)
     throw new Error("useSlicerContext must be used within a SlicerProvider");
   return l;
-};
+}, H = () => T(v);
 export {
   z as SLICER_PAGES_CONFIG,
   A as SlicerProvider,
+  v as default,
+  H as useOptionalSlicerContext,
   B as useSlicerContext
 };
 //# sourceMappingURL=SlicerContext.es.js.map