@ynput/ayon-frontend-shared 0.3.42 → 0.3.44

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

@@ -1,110 +1,162 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as b } from "react";
-import { Cell as k, Expander as w } from "./SimpleTable.styled.es.js";
-import { Icon as S } from "@ynput/ayon-react-components";
+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 E, InputText as J, Spacer as M } from "@ynput/ayon-react-components";
 import n from "clsx";
-const T = ({
-  isRowExpandable: r,
-  isRowExpanded: a,
-  enableNonFolderIndent: l = !0,
-  isTableExpandable: o,
-  onExpandClick: c
-}) => r ? /* @__PURE__ */ e.jsx(
-  w,
+const O = ({
+  isRowExpandable: l,
+  isRowExpanded: r,
+  enableNonFolderIndent: c = !0,
+  isTableExpandable: m,
+  onExpandClick: x
+}) => l ? /* @__PURE__ */ s.jsx(
+  I,
   {
-    onClick: (i) => {
-      i.stopPropagation(), c?.();
+    onClick: (o) => {
+      o.stopPropagation(), x?.();
     },
-    icon: a ? "expand_more" : "chevron_right",
+    icon: r ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : o && l && /* @__PURE__ */ e.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), W = b(
+) : m && c && /* @__PURE__ */ s.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), Z = A(
   ({
-    value: r,
-    icon: a,
-    parents: l,
-    iconColor: o,
-    iconFilled: c,
-    img: i,
-    imgShape: x = "square",
-    imgRatio: d = 1,
-    isRowExpandable: p,
-    isRowExpanded: j,
-    isTableExpandable: f,
-    enableNonFolderIndent: g = !0,
-    onExpandClick: h,
-    startContent: m,
-    endContent: t,
-    depth: y = 0,
-    isDisabled: N,
-    disabledMessage: u,
-    active: _,
-    style: v,
-    pt: s,
-    ...R
-  }, E) => /* @__PURE__ */ e.jsxs(
-    k,
-    {
-      ...R,
-      ref: E,
-      style: {
-        ...v,
-        paddingLeft: `calc(${y * 0.5}rem + 4px)`
-      },
-      title: N ? u : void 0,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          T,
-          {
-            isRowExpandable: p,
-            isRowExpanded: j,
-            isTableExpandable: f,
-            onExpandClick: h,
-            enableNonFolderIndent: g,
-            ...s?.expander
-          }
-        ),
-        m && m,
-        i && /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            src: i,
-            ...s?.img,
-            alt: "",
-            className: n("image", x, s?.img?.className),
-            style: {
-              aspectRatio: d.toString(),
-              ...s?.img?.style
+    value: l,
+    icon: r,
+    parents: c,
+    iconColor: m,
+    iconFilled: x,
+    img: o,
+    imgShape: S = "square",
+    imgRatio: k = 1,
+    isRowExpandable: F,
+    isRowExpanded: T,
+    isTableExpandable: P,
+    enableNonFolderIndent: _ = !0,
+    onExpandClick: q,
+    startContent: j,
+    endContent: f,
+    badge: t,
+    actions: d,
+    isRenaming: i,
+    renameInitialValue: p,
+    onSubmitRename: B,
+    onCancelRename: u,
+    renamePlaceholder: C,
+    depth: K = 0,
+    isDisabled: y,
+    disabledMessage: L,
+    active: R,
+    inactive: W,
+    style: $,
+    pt: e,
+    ...N
+  }, b) => {
+    const [g, v] = D(p ?? l);
+    return G(() => {
+      i && v(p ?? l);
+    }, [l, i, p]), /* @__PURE__ */ s.jsxs(
+      H,
+      {
+        ...N,
+        ref: b,
+        className: n(N.className, {
+          disabled: y,
+          inactive: W || R === !1,
+          "has-actions": !!d?.length
+        }),
+        style: {
+          ...$,
+          paddingLeft: `calc(${K * 1.5}rem + 4px)`
+        },
+        title: y ? L : void 0,
+        children: [
+          /* @__PURE__ */ s.jsx(
+            O,
+            {
+              isRowExpandable: F,
+              isRowExpanded: T,
+              isTableExpandable: P,
+              onExpandClick: q,
+              enableNonFolderIndent: _,
+              ...e?.expander
             }
-          }
-        ),
-        a && /* @__PURE__ */ e.jsx(
-          S,
-          {
-            icon: a,
-            className: n({ filled: c }, s?.icon?.className),
-            style: {
-              color: o,
-              ...s?.icon?.style
-            },
-            ...s?.icon
-          }
-        ),
-        /* @__PURE__ */ e.jsxs("div", { className: "text", ...s?.text, children: [
-          l && /* @__PURE__ */ e.jsxs("span", { className: "path", children: [
-            l.join(" / "),
-            " / "
+          ),
+          j && j,
+          o && /* @__PURE__ */ s.jsx(
+            "img",
+            {
+              src: o,
+              ...e?.img,
+              alt: "",
+              className: n("image", S, e?.img?.className),
+              style: {
+                aspectRatio: k.toString(),
+                ...e?.img?.style
+              }
+            }
+          ),
+          r && /* @__PURE__ */ s.jsx(
+            E,
+            {
+              icon: r,
+              className: n({ filled: x }, e?.icon?.className),
+              style: {
+                color: m,
+                ...e?.icon?.style
+              },
+              ...e?.icon
+            }
+          ),
+          i ? /* @__PURE__ */ s.jsx(
+            J,
+            {
+              autoFocus: !0,
+              style: { flex: 1 },
+              onChange: (a) => v(a.target.value),
+              value: g,
+              placeholder: C,
+              onKeyDown: (a) => {
+                a.key === "Enter" && B?.(g), a.key === "Escape" && u?.();
+              },
+              onBlur: () => {
+                u?.();
+              },
+              onFocus: (a) => {
+                a.target.select();
+              },
+              ...e?.input
+            }
+          ) : /* @__PURE__ */ s.jsxs("div", { className: "text", ...e?.text, children: [
+            c && /* @__PURE__ */ s.jsxs("span", { className: "path", children: [
+              c.join(" / "),
+              " / "
+            ] }),
+            /* @__PURE__ */ s.jsx("span", { className: "value", children: l })
           ] }),
-          /* @__PURE__ */ e.jsx("span", { className: "value", children: r })
-        ] }),
-        t && t
-      ]
-    }
-  )
+          !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: w = "hover", ...h } = a;
+              return w === "hidden" ? null : /* @__PURE__ */ s.jsx(
+                E,
+                {
+                  ...h,
+                  className: n(h.className, { "show-always": w === "always" })
+                },
+                h.icon + z.toString()
+              );
+            }) })
+          ] }),
+          f && f
+        ]
+      }
+    );
+  }
 );
 export {
-  T as RowExpander,
-  W as SimpleTableCellTemplate
+  O as RowExpander,
+  Z 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, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport type RowExpanderProps = {\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  enableNonFolderIndent?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: () => 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?.()\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  depth?: number\n  isDisabled?: boolean\n  disabledMessage?: string\n  active?: 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  }\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      depth = 0,\n      isDisabled,\n      disabledMessage,\n      active,\n      style,\n      pt,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.Cell\n        {...props}\n        ref={ref}\n        style={{\n          ...style,\n          paddingLeft: `calc(${depth * 0.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        <div className=\"text\" {...pt?.text}>\n          {parents && <span className=\"path\">{parents.join(' / ')} / </span>}\n          <span className=\"value\">{value}</span>\n        </div>\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","depth","isDisabled","disabledMessage","active","style","pt","props","ref","jsxs","Styled.Cell","clsx","Icon"],"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?: () => 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?.()\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 && <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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"}

package/dist/shared/src/containers/SimpleTable/hooks/useRowKeydown.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react");function w({handleRowSelect:r,handleArrowNavigation:e}){return{handleRowKeyDown:n.useCallback((o,s)=>{if(["Enter"," "].includes(o.key))o.preventDefault(),r(o,s);else if(o.key==="ArrowDown"||o.key==="ArrowUp"){o.preventDefault();const u=o.key==="ArrowDown"?"down":"up";e?.(u,s,o)}},[r,e])}}module.exports=w;
+"use strict";const w=require("react");function i({handleRowSelect:s,handleArrowNavigation:u,handleRename:y}){return{handleRowKeyDown:w.useCallback((o,r)=>{if(["Enter"," "].includes(o.key))o.preventDefault(),s(o,r);else if(o.key==="ArrowDown"||o.key==="ArrowUp"){o.preventDefault();const c=o.key==="ArrowDown"?"down":"up";u?.(c,r,o)}else o.key.toLowerCase()==="r"&&!o.ctrlKey&&!o.metaKey&&(o.preventDefault(),o.stopPropagation(),y?.(o,r))},[s,u,y])}}module.exports=i;
 //# sourceMappingURL=useRowKeydown.cjs.js.map

package/dist/shared/src/containers/SimpleTable/hooks/useRowKeydown.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowKeydown.cjs.js","sources":["../../../../../../src/containers/SimpleTable/hooks/useRowKeydown.ts"],"sourcesContent":["import { KeyboardEvent, useCallback } from 'react'\nimport { Row } from '@tanstack/react-table'\n\n// More specific type for keyboard events on a row element\nexport type RowKeyboardEvent = KeyboardEvent<HTMLDivElement>\n\ninterface UseRowKeydownProps<T> {\n  // Updated to use the more specific RowKeyboardEvent for clarity\n  handleRowSelect: (event: RowKeyboardEvent, row: Row<T>) => void\n  handleArrowNavigation?: (\n    direction: 'up' | 'down',\n    currentRow: Row<T>,\n    event: RowKeyboardEvent,\n  ) => void\n}\n\nfunction useRowKeydown<T>({ handleRowSelect, handleArrowNavigation }: UseRowKeydownProps<T>) {\n  const handleRowKeyDown = useCallback(\n    (event: RowKeyboardEvent, row: Row<T>) => {\n      if (['Enter', ' '].includes(event.key)) {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // select row\n        handleRowSelect(event, row)\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // navigate and select\n        const direction = event.key === 'ArrowDown' ? 'down' : 'up'\n        handleArrowNavigation?.(direction, row, event)\n      }\n    },\n    [handleRowSelect, handleArrowNavigation],\n  )\n\n  return { handleRowKeyDown }\n}\n\nexport default useRowKeydown\n"],"names":["useRowKeydown","handleRowSelect","handleArrowNavigation","useCallback","event","row","direction"],"mappings":"sCAgBA,SAASA,EAAiB,CAAE,gBAAAC,EAAiB,sBAAAC,GAAgD,CAmB3F,MAAO,CAAE,iBAlBgBC,EAAAA,YACvB,CAACC,EAAyBC,IAAgB,CACxC,GAAI,CAAC,QAAS,GAAG,EAAE,SAASD,EAAM,GAAG,EAEnCA,EAAM,eAAA,EAENH,EAAgBG,EAAOC,CAAG,UACjBD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,UAAW,CAE/DA,EAAM,eAAA,EAEN,MAAME,EAAYF,EAAM,MAAQ,YAAc,OAAS,KACvDF,IAAwBI,EAAWD,EAAKD,CAAK,CAC/C,CACF,EACA,CAACH,EAAiBC,CAAqB,CAAA,CAGhC,CACX"}
+{"version":3,"file":"useRowKeydown.cjs.js","sources":["../../../../../../src/containers/SimpleTable/hooks/useRowKeydown.ts"],"sourcesContent":["import { KeyboardEvent, useCallback } from 'react'\nimport { Row } from '@tanstack/react-table'\n\n// More specific type for keyboard events on a row element\nexport type RowKeyboardEvent = KeyboardEvent<HTMLDivElement>\n\ninterface UseRowKeydownProps<T> {\n  // Updated to use the more specific RowKeyboardEvent for clarity\n  handleRowSelect: (event: RowKeyboardEvent, row: Row<T>) => void\n  handleArrowNavigation?: (\n    direction: 'up' | 'down',\n    currentRow: Row<T>,\n    event: RowKeyboardEvent,\n  ) => void\n  handleRename?: (event: RowKeyboardEvent, row: Row<T>) => void\n}\n\nfunction useRowKeydown<T>({\n  handleRowSelect,\n  handleArrowNavigation,\n  handleRename,\n}: UseRowKeydownProps<T>) {\n  const handleRowKeyDown = useCallback(\n    (event: RowKeyboardEvent, row: Row<T>) => {\n      if (['Enter', ' '].includes(event.key)) {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // select row\n        handleRowSelect(event, row)\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // navigate and select\n        const direction = event.key === 'ArrowDown' ? 'down' : 'up'\n        handleArrowNavigation?.(direction, row, event)\n      } else if (event.key.toLowerCase() === 'r' && !event.ctrlKey && !event.metaKey) {\n        // prevent default and stop propagation to ensure the shortcut is handled correctly\n        event.preventDefault()\n        event.stopPropagation()\n        handleRename?.(event, row)\n      }\n    },\n    [handleRowSelect, handleArrowNavigation, handleRename],\n  )\n\n  return { handleRowKeyDown }\n}\n\nexport default useRowKeydown\n"],"names":["useRowKeydown","handleRowSelect","handleArrowNavigation","handleRename","useCallback","event","row","direction"],"mappings":"sCAiBA,SAASA,EAAiB,CACxB,gBAAAC,EACA,sBAAAC,EACA,aAAAC,CACF,EAA0B,CAwBxB,MAAO,CAAE,iBAvBgBC,EAAAA,YACvB,CAACC,EAAyBC,IAAgB,CACxC,GAAI,CAAC,QAAS,GAAG,EAAE,SAASD,EAAM,GAAG,EAEnCA,EAAM,eAAA,EAENJ,EAAgBI,EAAOC,CAAG,UACjBD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,UAAW,CAE/DA,EAAM,eAAA,EAEN,MAAME,EAAYF,EAAM,MAAQ,YAAc,OAAS,KACvDH,IAAwBK,EAAWD,EAAKD,CAAK,CAC/C,MAAWA,EAAM,IAAI,YAAA,IAAkB,KAAO,CAACA,EAAM,SAAW,CAACA,EAAM,UAErEA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNF,IAAeE,EAAOC,CAAG,EAE7B,EACA,CAACL,EAAiBC,EAAuBC,CAAY,CAAA,CAG9C,CACX"}

package/dist/shared/src/containers/SimpleTable/hooks/useRowKeydown.es.js

@@ -1,19 +1,23 @@
-import { useCallback as e } from "react";
-function y({ handleRowSelect: r, handleArrowNavigation: u }) {
-  return { handleRowKeyDown: e(
-    (o, w) => {
+import { useCallback as p } from "react";
+function a({
+  handleRowSelect: s,
+  handleArrowNavigation: u,
+  handleRename: y
+}) {
+  return { handleRowKeyDown: p(
+    (o, r) => {
       if (["Enter", " "].includes(o.key))
-        o.preventDefault(), r(o, w);
+        o.preventDefault(), s(o, r);
       else if (o.key === "ArrowDown" || o.key === "ArrowUp") {
         o.preventDefault();
-        const n = o.key === "ArrowDown" ? "down" : "up";
-        u?.(n, w, o);
-      }
+        const f = o.key === "ArrowDown" ? "down" : "up";
+        u?.(f, r, o);
+      } else o.key.toLowerCase() === "r" && !o.ctrlKey && !o.metaKey && (o.preventDefault(), o.stopPropagation(), y?.(o, r));
     },
-    [r, u]
+    [s, u, y]
   ) };
 }
 export {
-  y as default
+  a as default
 };
 //# sourceMappingURL=useRowKeydown.es.js.map

package/dist/shared/src/containers/SimpleTable/hooks/useRowKeydown.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowKeydown.es.js","sources":["../../../../../../src/containers/SimpleTable/hooks/useRowKeydown.ts"],"sourcesContent":["import { KeyboardEvent, useCallback } from 'react'\nimport { Row } from '@tanstack/react-table'\n\n// More specific type for keyboard events on a row element\nexport type RowKeyboardEvent = KeyboardEvent<HTMLDivElement>\n\ninterface UseRowKeydownProps<T> {\n  // Updated to use the more specific RowKeyboardEvent for clarity\n  handleRowSelect: (event: RowKeyboardEvent, row: Row<T>) => void\n  handleArrowNavigation?: (\n    direction: 'up' | 'down',\n    currentRow: Row<T>,\n    event: RowKeyboardEvent,\n  ) => void\n}\n\nfunction useRowKeydown<T>({ handleRowSelect, handleArrowNavigation }: UseRowKeydownProps<T>) {\n  const handleRowKeyDown = useCallback(\n    (event: RowKeyboardEvent, row: Row<T>) => {\n      if (['Enter', ' '].includes(event.key)) {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // select row\n        handleRowSelect(event, row)\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // navigate and select\n        const direction = event.key === 'ArrowDown' ? 'down' : 'up'\n        handleArrowNavigation?.(direction, row, event)\n      }\n    },\n    [handleRowSelect, handleArrowNavigation],\n  )\n\n  return { handleRowKeyDown }\n}\n\nexport default useRowKeydown\n"],"names":["useRowKeydown","handleRowSelect","handleArrowNavigation","useCallback","event","row","direction"],"mappings":";AAgBA,SAASA,EAAiB,EAAE,iBAAAC,GAAiB,uBAAAC,KAAgD;AAmB3F,SAAO,EAAE,kBAlBgBC;AAAA,IACvB,CAACC,GAAyBC,MAAgB;AACxC,UAAI,CAAC,SAAS,GAAG,EAAE,SAASD,EAAM,GAAG;AAEnC,QAAAA,EAAM,eAAA,GAENH,EAAgBG,GAAOC,CAAG;AAAA,eACjBD,EAAM,QAAQ,eAAeA,EAAM,QAAQ,WAAW;AAE/D,QAAAA,EAAM,eAAA;AAEN,cAAME,IAAYF,EAAM,QAAQ,cAAc,SAAS;AACvD,QAAAF,IAAwBI,GAAWD,GAAKD,CAAK;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,CAACH,GAAiBC,CAAqB;AAAA,EAAA,EAGhC;AACX;"}
+{"version":3,"file":"useRowKeydown.es.js","sources":["../../../../../../src/containers/SimpleTable/hooks/useRowKeydown.ts"],"sourcesContent":["import { KeyboardEvent, useCallback } from 'react'\nimport { Row } from '@tanstack/react-table'\n\n// More specific type for keyboard events on a row element\nexport type RowKeyboardEvent = KeyboardEvent<HTMLDivElement>\n\ninterface UseRowKeydownProps<T> {\n  // Updated to use the more specific RowKeyboardEvent for clarity\n  handleRowSelect: (event: RowKeyboardEvent, row: Row<T>) => void\n  handleArrowNavigation?: (\n    direction: 'up' | 'down',\n    currentRow: Row<T>,\n    event: RowKeyboardEvent,\n  ) => void\n  handleRename?: (event: RowKeyboardEvent, row: Row<T>) => void\n}\n\nfunction useRowKeydown<T>({\n  handleRowSelect,\n  handleArrowNavigation,\n  handleRename,\n}: UseRowKeydownProps<T>) {\n  const handleRowKeyDown = useCallback(\n    (event: RowKeyboardEvent, row: Row<T>) => {\n      if (['Enter', ' '].includes(event.key)) {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // select row\n        handleRowSelect(event, row)\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        // prevent default to prevent scrolling\n        event.preventDefault()\n        // navigate and select\n        const direction = event.key === 'ArrowDown' ? 'down' : 'up'\n        handleArrowNavigation?.(direction, row, event)\n      } else if (event.key.toLowerCase() === 'r' && !event.ctrlKey && !event.metaKey) {\n        // prevent default and stop propagation to ensure the shortcut is handled correctly\n        event.preventDefault()\n        event.stopPropagation()\n        handleRename?.(event, row)\n      }\n    },\n    [handleRowSelect, handleArrowNavigation, handleRename],\n  )\n\n  return { handleRowKeyDown }\n}\n\nexport default useRowKeydown\n"],"names":["useRowKeydown","handleRowSelect","handleArrowNavigation","handleRename","useCallback","event","row","direction"],"mappings":";AAiBA,SAASA,EAAiB;AAAA,EACxB,iBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,GAA0B;AAwBxB,SAAO,EAAE,kBAvBgBC;AAAA,IACvB,CAACC,GAAyBC,MAAgB;AACxC,UAAI,CAAC,SAAS,GAAG,EAAE,SAASD,EAAM,GAAG;AAEnC,QAAAA,EAAM,eAAA,GAENJ,EAAgBI,GAAOC,CAAG;AAAA,eACjBD,EAAM,QAAQ,eAAeA,EAAM,QAAQ,WAAW;AAE/D,QAAAA,EAAM,eAAA;AAEN,cAAME,IAAYF,EAAM,QAAQ,cAAc,SAAS;AACvD,QAAAH,IAAwBK,GAAWD,GAAKD,CAAK;AAAA,MAC/C,MAAA,CAAWA,EAAM,IAAI,YAAA,MAAkB,OAAO,CAACA,EAAM,WAAW,CAACA,EAAM,YAErEA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNF,IAAeE,GAAOC,CAAG;AAAA,IAE7B;AAAA,IACA,CAACL,GAAiBC,GAAuBC,CAAY;AAAA,EAAA,EAG9C;AACX;"}

package/dist/shared/src/containers/Slicer/components/Slicer.cjs.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),C=require("react"),R=require("../../SimpleTable/SimpleTable.cjs.js"),y=require("../../SimpleTable/context/SimpleTableContext.cjs.js"),l=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");const E=require("../hooks/useTableDataBySlice.cjs.js"),w=require("./SlicerSearch.cjs.js"),v=require("clsx"),D=require("../context/SlicerContext.cjs.js"),f=require("styled-components"),k=f.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),C=require("react"),R=require("../../SimpleTable/SimpleTable.cjs.js"),y=require("../../SimpleTable/context/SimpleTableContext.cjs.js"),a=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");const E=require("../hooks/useTableDataBySlice.cjs.js"),w=require("./SlicerSearch.cjs.js"),v=require("clsx"),D=require("../context/SlicerContext.cjs.js"),f=require("styled-components"),k=f.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`,L=({sliceFields:i=[],entityTypes:c=["task"],pinnedSliceType:d})=>{const[o,u]=C.useState(""),{SlicerDropdown:x,rowSelection:p,onRowSelectionChange:S,expanded:g,onExpandedChange:h,isViewSyncPending:r}=D.useSlicerContext(),{sliceOptions:t,sliceType:s,handleSliceTypeChange:b,table:{data:j,isExpandable:m},sliceMap:a,isLoading:T}=E.default({sliceFields:i,entityTypes:c}),q=n=>{S?.(n,a)};return e.jsxRuntimeExports.jsxs(l.Container,{children:[e.jsxRuntimeExports.jsxs(l.Header,{children:[r?e.jsxRuntimeExports.jsx(k,{}):e.jsxRuntimeExports.jsx(x,{options:t||[],value:[s],sliceTypes:i.map(n=>n.value),onChange:n=>b(n[0],d===s),className:v("slicer-dropdown",{"single-option":t.length===1}),disableOpen:t.length===1}),e.jsxRuntimeExports.jsx(w,{value:o,onChange:u})]}),e.jsxRuntimeExports.jsx(y.SimpleTableProvider,{rowSelection:p,onRowSelectionChange:q,expanded:g,setExpanded:h,data:a,children:e.jsxRuntimeExports.jsx(R,{data:j,isExpandable:m,isLoading:T||r,forceUpdateTable:s,globalFilter:o})})]})};exports.Slicer=L;
+`,L=({sliceFields:i=[],entityTypes:l=["task"],pinnedSliceType:c})=>{const[o,d]=C.useState(""),{SlicerDropdown:u,rowSelection:x,onRowSelectionChange:p,expanded:S,onExpandedChange:g,isViewSyncPending:r}=D.useSlicerContext(),{sliceOptions:t,sliceType:s,handleSliceTypeChange:h,table:{data:b,isExpandable:j},sliceMap:m,isLoading:T}=E.default({sliceFields:i,entityTypes:l}),q=n=>{p?.(n)};return e.jsxRuntimeExports.jsxs(a.Container,{children:[e.jsxRuntimeExports.jsxs(a.Header,{children:[r?e.jsxRuntimeExports.jsx(k,{}):e.jsxRuntimeExports.jsx(u,{options:t||[],value:[s],sliceTypes:i.map(n=>n.value),onChange:n=>h(n[0],c===s),className:v("slicer-dropdown",{"single-option":t.length===1}),disableOpen:t.length===1}),e.jsxRuntimeExports.jsx(w,{value:o,onChange:d})]}),e.jsxRuntimeExports.jsx(y.SimpleTableProvider,{rowSelection:x,onRowSelectionChange:q,expanded:S,setExpanded:g,data:m,children:e.jsxRuntimeExports.jsx(R,{data:b,isExpandable:j,isLoading:T||r,forceUpdateTable:s,globalFilter:o})})]})};exports.Slicer=L;
 //# sourceMappingURL=Slicer.cjs.js.map

package/dist/shared/src/containers/Slicer/components/Slicer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slicer.cjs.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\nimport { ExpandedState } from '@tanstack/react-table'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  pinnedSliceType?: SliceType // when changing slice type, pinned the current slice\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  pinnedSliceType,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    onRowSelectionChange,\n    expanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields, entityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    onRowSelectionChange?.(s, sliceMap)\n  }\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(value[0] as SliceType, pinnedSliceType === sliceType)\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded: onExpandedChange as React.Dispatch<React.SetStateAction<ExpandedState>>,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","pinnedSliceType","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","onRowSelectionChange","expanded","onExpandedChange","isViewSyncPending","useSlicerContext","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","Container","jsxs","Header","jsx","field","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":"gkBAcMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAanBC,EAA0B,CAAC,CACtC,YAAAC,EAAc,CAAA,EACd,YAAAC,EAAc,CAAC,MAAM,EACrB,gBAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAE,EAC7C,CACJ,eAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,EACEC,mBAAA,EAEE,CACJ,aAAAC,EACA,UAAAC,EACA,sBAAAC,EACA,MAAO,CAAE,KAAMC,EAAgB,aAAAC,CAAA,EAC/B,SAAAC,EACA,UAAWC,CAAA,EACTC,UAAoB,CAAE,YAAApB,EAAa,YAAAC,EAAa,EAE9CoB,EAAyBC,GAAyB,CACtDd,IAAuBc,EAAGJ,CAAQ,CACpC,EAEA,gCACGK,YAAA,CACC,SAAA,CAAAC,yBAACC,EAAAA,OAAA,CACE,SAAA,CAAAd,EACCe,EAAAA,kBAAAA,IAAC7B,IAAiB,EAElB6B,EAAAA,kBAAAA,IAACpB,EAAA,CACC,QAASO,GAAgB,CAAA,EACzB,MAAO,CAACC,CAAS,EACjB,WAAYd,EAAY,IAAK2B,GAAUA,EAAM,KAAK,EAClD,SAAWC,GACTb,EAAsBa,EAAM,CAAC,EAAgB1B,IAAoBY,CAAS,EAE5E,UAAWe,EAAK,kBAAmB,CAAE,gBAAiBhB,EAAa,SAAW,EAAG,EACjF,YAAaA,EAAa,SAAW,CAAA,CAAA,EAGzCa,EAAAA,kBAAAA,IAACI,EAAA,CAAa,MAAO3B,EAAc,SAAUC,CAAA,CAAiB,CAAA,EAChE,EACAsB,EAAAA,kBAAAA,IAACK,EAAAA,oBAAA,CAEG,aAAAxB,EACA,qBAAsBc,EACtB,SAAAZ,EACA,YAAaC,EACb,KAAMQ,EAGR,SAAAQ,EAAAA,kBAAAA,IAACM,EAAA,CACC,KAAMhB,EACN,aAAAC,EACA,UAAWE,GAA2BR,EACtC,iBAAkBG,EAClB,aAAAX,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"Slicer.cjs.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\nimport { ExpandedState } from '@tanstack/react-table'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  pinnedSliceType?: SliceType // when changing slice type, pinned the current slice\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  pinnedSliceType,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    onRowSelectionChange,\n    expanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields, entityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    onRowSelectionChange?.(s)\n  }\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(value[0] as SliceType, pinnedSliceType === sliceType)\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded: onExpandedChange as React.Dispatch<React.SetStateAction<ExpandedState>>,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","pinnedSliceType","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","onRowSelectionChange","expanded","onExpandedChange","isViewSyncPending","useSlicerContext","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","Container","jsxs","Header","jsx","field","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":"gkBAcMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAanBC,EAA0B,CAAC,CACtC,YAAAC,EAAc,CAAA,EACd,YAAAC,EAAc,CAAC,MAAM,EACrB,gBAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAE,EAC7C,CACJ,eAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,EACEC,mBAAA,EAEE,CACJ,aAAAC,EACA,UAAAC,EACA,sBAAAC,EACA,MAAO,CAAE,KAAMC,EAAgB,aAAAC,CAAA,EAC/B,SAAAC,EACA,UAAWC,CAAA,EACTC,UAAoB,CAAE,YAAApB,EAAa,YAAAC,EAAa,EAE9CoB,EAAyBC,GAAyB,CACtDd,IAAuBc,CAAC,CAC1B,EAEA,gCACGC,YAAA,CACC,SAAA,CAAAC,yBAACC,EAAAA,OAAA,CACE,SAAA,CAAAd,EACCe,EAAAA,kBAAAA,IAAC7B,IAAiB,EAElB6B,EAAAA,kBAAAA,IAACpB,EAAA,CACC,QAASO,GAAgB,CAAA,EACzB,MAAO,CAACC,CAAS,EACjB,WAAYd,EAAY,IAAK2B,GAAUA,EAAM,KAAK,EAClD,SAAWC,GACTb,EAAsBa,EAAM,CAAC,EAAgB1B,IAAoBY,CAAS,EAE5E,UAAWe,EAAK,kBAAmB,CAAE,gBAAiBhB,EAAa,SAAW,EAAG,EACjF,YAAaA,EAAa,SAAW,CAAA,CAAA,EAGzCa,EAAAA,kBAAAA,IAACI,EAAA,CAAa,MAAO3B,EAAc,SAAUC,CAAA,CAAiB,CAAA,EAChE,EACAsB,EAAAA,kBAAAA,IAACK,EAAAA,oBAAA,CAEG,aAAAxB,EACA,qBAAsBc,EACtB,SAAAZ,EACA,YAAaC,EACb,KAAMQ,EAGR,SAAAQ,EAAAA,kBAAAA,IAACM,EAAA,CACC,KAAMhB,EACN,aAAAC,EACA,UAAWE,GAA2BR,EACtC,iBAAkBG,EAClB,aAAAX,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAEJ"}

package/dist/shared/src/containers/Slicer/components/Slicer.es.js

@@ -16,54 +16,54 @@ const O = R.div`
   width: 100px;
 `, A = ({
   sliceFields: n = [],
-  entityTypes: s = ["task"],
-  pinnedSliceType: p
+  entityTypes: l = ["task"],
+  pinnedSliceType: s
 }) => {
-  const [r, c] = C(""), {
-    SlicerDropdown: d,
-    rowSelection: m,
-    onRowSelectionChange: x,
-    expanded: h,
-    onExpandedChange: g,
+  const [r, p] = C(""), {
+    SlicerDropdown: c,
+    rowSelection: d,
+    onRowSelectionChange: m,
+    expanded: x,
+    onExpandedChange: h,
     isViewSyncPending: t
   } = L(), {
     sliceOptions: a,
     sliceType: i,
-    handleSliceTypeChange: S,
-    table: { data: b, isExpandable: f },
-    sliceMap: l,
+    handleSliceTypeChange: g,
+    table: { data: S, isExpandable: b },
+    sliceMap: f,
     isLoading: u
-  } = D({ sliceFields: n, entityTypes: s }), j = (o) => {
-    x?.(o, l);
+  } = D({ sliceFields: n, entityTypes: l }), j = (o) => {
+    m?.(o);
   };
   return /* @__PURE__ */ e.jsxs(y, { children: [
     /* @__PURE__ */ e.jsxs(v, { children: [
       t ? /* @__PURE__ */ e.jsx(O, {}) : /* @__PURE__ */ e.jsx(
-        d,
+        c,
         {
           options: a || [],
           value: [i],
           sliceTypes: n.map((o) => o.value),
-          onChange: (o) => S(o[0], p === i),
+          onChange: (o) => g(o[0], s === i),
           className: k("slicer-dropdown", { "single-option": a.length === 1 }),
           disableOpen: a.length === 1
         }
       ),
-      /* @__PURE__ */ e.jsx(E, { value: r, onChange: c })
+      /* @__PURE__ */ e.jsx(E, { value: r, onChange: p })
     ] }),
     /* @__PURE__ */ e.jsx(
       w,
       {
-        rowSelection: m,
+        rowSelection: d,
         onRowSelectionChange: j,
-        expanded: h,
-        setExpanded: g,
-        data: l,
+        expanded: x,
+        setExpanded: h,
+        data: f,
         children: /* @__PURE__ */ e.jsx(
           T,
           {
-            data: b,
-            isExpandable: f,
+            data: S,
+            isExpandable: b,
             isLoading: u || t,
             forceUpdateTable: i,
             globalFilter: r

package/dist/shared/src/containers/Slicer/components/Slicer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slicer.es.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\nimport { ExpandedState } from '@tanstack/react-table'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  pinnedSliceType?: SliceType // when changing slice type, pinned the current slice\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  pinnedSliceType,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    onRowSelectionChange,\n    expanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields, entityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    onRowSelectionChange?.(s, sliceMap)\n  }\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(value[0] as SliceType, pinnedSliceType === sliceType)\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded: onExpandedChange as React.Dispatch<React.SetStateAction<ExpandedState>>,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","pinnedSliceType","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","onRowSelectionChange","expanded","onExpandedChange","isViewSyncPending","useSlicerContext","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","Container","jsxs","Header","jsx","field","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAanBC,IAA0B,CAAC;AAAA,EACtC,aAAAC,IAAc,CAAA;AAAA,EACd,aAAAC,IAAc,CAAC,MAAM;AAAA,EACrB,iBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE,GAC7C;AAAA,IACJ,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GAEE;AAAA,IACJ,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAO,EAAE,MAAMC,GAAgB,cAAAC,EAAA;AAAA,IAC/B,UAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,IACTC,EAAoB,EAAE,aAAApB,GAAa,aAAAC,GAAa,GAE9CoB,IAAwB,CAACC,MAAyB;AACtD,IAAAd,IAAuBc,GAAGJ,CAAQ;AAAA,EACpC;AAEA,gCACGK,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,OAACC,GAAA,EACE,UAAA;AAAA,MAAAd,IACCe,gBAAAA,EAAAA,IAAC7B,KAAiB,IAElB6B,gBAAAA,EAAAA;AAAAA,QAACpB;AAAA,QAAA;AAAA,UACC,SAASO,KAAgB,CAAA;AAAA,UACzB,OAAO,CAACC,CAAS;AAAA,UACjB,YAAYd,EAAY,IAAI,CAAC2B,MAAUA,EAAM,KAAK;AAAA,UAClD,UAAU,CAACC,MACTb,EAAsBa,EAAM,CAAC,GAAgB1B,MAAoBY,CAAS;AAAA,UAE5E,WAAWe,EAAK,mBAAmB,EAAE,iBAAiBhB,EAAa,WAAW,GAAG;AAAA,UACjF,aAAaA,EAAa,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGzCa,gBAAAA,EAAAA,IAACI,GAAA,EAAa,OAAO3B,GAAc,UAAUC,EAAA,CAAiB;AAAA,IAAA,GAChE;AAAA,IACAsB,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QAEG,cAAAxB;AAAA,QACA,sBAAsBc;AAAA,QACtB,UAAAZ;AAAA,QACA,aAAaC;AAAA,QACb,MAAMQ;AAAA,QAGR,UAAAQ,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAMhB;AAAA,YACN,cAAAC;AAAA,YACA,WAAWE,KAA2BR;AAAA,YACtC,kBAAkBG;AAAA,YAClB,cAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"Slicer.es.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\nimport { ExpandedState } from '@tanstack/react-table'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  pinnedSliceType?: SliceType // when changing slice type, pinned the current slice\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  pinnedSliceType,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    onRowSelectionChange,\n    expanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields, entityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    onRowSelectionChange?.(s)\n  }\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(value[0] as SliceType, pinnedSliceType === sliceType)\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded: onExpandedChange as React.Dispatch<React.SetStateAction<ExpandedState>>,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","pinnedSliceType","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","onRowSelectionChange","expanded","onExpandedChange","isViewSyncPending","useSlicerContext","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","Container","jsxs","Header","jsx","field","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAanBC,IAA0B,CAAC;AAAA,EACtC,aAAAC,IAAc,CAAA;AAAA,EACd,aAAAC,IAAc,CAAC,MAAM;AAAA,EACrB,iBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE,GAC7C;AAAA,IACJ,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GAEE;AAAA,IACJ,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAO,EAAE,MAAMC,GAAgB,cAAAC,EAAA;AAAA,IAC/B,UAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,IACTC,EAAoB,EAAE,aAAApB,GAAa,aAAAC,GAAa,GAE9CoB,IAAwB,CAACC,MAAyB;AACtD,IAAAd,IAAuBc,CAAC;AAAA,EAC1B;AAEA,gCACGC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,OAACC,GAAA,EACE,UAAA;AAAA,MAAAd,IACCe,gBAAAA,EAAAA,IAAC7B,KAAiB,IAElB6B,gBAAAA,EAAAA;AAAAA,QAACpB;AAAA,QAAA;AAAA,UACC,SAASO,KAAgB,CAAA;AAAA,UACzB,OAAO,CAACC,CAAS;AAAA,UACjB,YAAYd,EAAY,IAAI,CAAC2B,MAAUA,EAAM,KAAK;AAAA,UAClD,UAAU,CAACC,MACTb,EAAsBa,EAAM,CAAC,GAAgB1B,MAAoBY,CAAS;AAAA,UAE5E,WAAWe,EAAK,mBAAmB,EAAE,iBAAiBhB,EAAa,WAAW,GAAG;AAAA,UACjF,aAAaA,EAAa,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGzCa,gBAAAA,EAAAA,IAACI,GAAA,EAAa,OAAO3B,GAAc,UAAUC,EAAA,CAAiB;AAAA,IAAA,GAChE;AAAA,IACAsB,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QAEG,cAAAxB;AAAA,QACA,sBAAsBc;AAAA,QACtB,UAAAZ;AAAA,QACA,aAAaC;AAAA,QACb,MAAMQ;AAAA,QAGR,UAAAQ,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAMhB;AAAA,YACN,cAAAC;AAAA,YACA,WAAWE,KAA2BR;AAAA,YACtC,kBAAkBG;AAAA,YAClB,cAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/shared/src/containers/Slicer/components/SlicerDropdownFallback.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const n=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const a=require("react"),c=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");const s=require("@ynput/ayon-react-components"),l=require("styled-components"),d=l(s.Dropdown)`
+"use strict";const n=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const a=require("react"),c=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");const s=require("@ynput/ayon-react-components"),l=require("styled-components"),d=l(s.Dropdown)`
   height: 28px;
 
   .template-value {

package/dist/shared/src/containers/Slicer/components/SlicerDropdownFallback.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlicerDropdownFallback.cjs.js","sources":["../../../../../../src/containers/Slicer/components/SlicerDropdownFallback.tsx"],"sourcesContent":["import { usePowerpack } from '@shared/context'\nimport { SliceType } from '@shared/containers'\nimport { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropdown = styled(Dropdown)`\n  height: 28px;\n\n  .template-value {\n    border: 0;\n\n    .icon:not(.control) {\n      display: none;\n    }\n  }\n\n  &.single-option {\n    .control {\n      display: none;\n    }\n\n    .button {\n      .template-value {\n        cursor: default;\n      }\n      &:hover {\n        background-color: unset;\n      }\n    }\n  }\n`\n\nexport interface SlicerDropdownFallbackProps extends DropdownProps {\n  sliceTypes: SliceType[]\n}\n\nconst SlicerDropdownFallback = forwardRef<DropdownRef, SlicerDropdownFallbackProps>(\n  ({ sliceTypes, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const options = [...props.options].map((option) => {\n      if (option.value === 'hierarchy') return option\n      else\n        return {\n          ...option,\n          icon: 'bolt',\n        }\n    })\n\n    const handleOnChange: DropdownProps['onChange'] = (value, r) => {\n      if (value[0] !== 'hierarchy') {\n        setPowerpackDialog('slicer')\n      }\n      props?.onChange?.(['hierarchy'], r)\n    }\n\n    return (\n      <StyledDropdown\n        {...props}\n        data-tooltip=\"Power feature - Slicer\"\n        data-tooltip-delay={0}\n        onChange={handleOnChange}\n        options={options}\n        ref={ref}\n      />\n    )\n  },\n)\n\nexport default SlicerDropdownFallback\n"],"names":["StyledDropdown","styled","Dropdown","SlicerDropdownFallback","forwardRef","sliceTypes","props","ref","setPowerpackDialog","usePowerpack","options","option","handleOnChange","value","r","jsx"],"mappings":"woNAMMA,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BhCC,EAAyBC,EAAAA,WAC7B,CAAC,CAAE,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CACjC,KAAM,CAAE,mBAAAC,CAAA,EAAuBC,eAAA,EAEzBC,EAAU,CAAC,GAAGJ,EAAM,OAAO,EAAE,IAAKK,GAClCA,EAAO,QAAU,YAAoBA,EAEhC,CACL,GAAGA,EACH,KAAM,MAAA,CAEX,EAEKC,EAA4C,CAACC,EAAOC,IAAM,CAC1DD,EAAM,CAAC,IAAM,aACfL,EAAmB,QAAQ,EAE7BF,GAAO,WAAW,CAAC,WAAW,EAAGQ,CAAC,CACpC,EAEA,OACEC,EAAAA,kBAAAA,IAACf,EAAA,CACE,GAAGM,EACJ,eAAa,yBACb,qBAAoB,EACpB,SAAUM,EACV,QAAAF,EACA,IAAAH,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"SlicerDropdownFallback.cjs.js","sources":["../../../../../../src/containers/Slicer/components/SlicerDropdownFallback.tsx"],"sourcesContent":["import { usePowerpack } from '@shared/context'\nimport { SliceType } from '@shared/containers'\nimport { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropdown = styled(Dropdown)`\n  height: 28px;\n\n  .template-value {\n    border: 0;\n\n    .icon:not(.control) {\n      display: none;\n    }\n  }\n\n  &.single-option {\n    .control {\n      display: none;\n    }\n\n    .button {\n      .template-value {\n        cursor: default;\n      }\n      &:hover {\n        background-color: unset;\n      }\n    }\n  }\n`\n\nexport interface SlicerDropdownFallbackProps extends DropdownProps {\n  sliceTypes: SliceType[]\n}\n\nconst SlicerDropdownFallback = forwardRef<DropdownRef, SlicerDropdownFallbackProps>(\n  ({ sliceTypes, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const options = [...props.options].map((option) => {\n      if (option.value === 'hierarchy') return option\n      else\n        return {\n          ...option,\n          icon: 'bolt',\n        }\n    })\n\n    const handleOnChange: DropdownProps['onChange'] = (value, r) => {\n      if (value[0] !== 'hierarchy') {\n        setPowerpackDialog('slicer')\n      }\n      props?.onChange?.(['hierarchy'], r)\n    }\n\n    return (\n      <StyledDropdown\n        {...props}\n        data-tooltip=\"Power feature - Slicer\"\n        data-tooltip-delay={0}\n        onChange={handleOnChange}\n        options={options}\n        ref={ref}\n      />\n    )\n  },\n)\n\nexport default SlicerDropdownFallback\n"],"names":["StyledDropdown","styled","Dropdown","SlicerDropdownFallback","forwardRef","sliceTypes","props","ref","setPowerpackDialog","usePowerpack","options","option","handleOnChange","value","r","jsx"],"mappings":"mwNAMMA,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BhCC,EAAyBC,EAAAA,WAC7B,CAAC,CAAE,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CACjC,KAAM,CAAE,mBAAAC,CAAA,EAAuBC,eAAA,EAEzBC,EAAU,CAAC,GAAGJ,EAAM,OAAO,EAAE,IAAKK,GAClCA,EAAO,QAAU,YAAoBA,EAEhC,CACL,GAAGA,EACH,KAAM,MAAA,CAEX,EAEKC,EAA4C,CAACC,EAAOC,IAAM,CAC1DD,EAAM,CAAC,IAAM,aACfL,EAAmB,QAAQ,EAE7BF,GAAO,WAAW,CAAC,WAAW,EAAGQ,CAAC,CACpC,EAEA,OACEC,EAAAA,kBAAAA,IAACf,EAAA,CACE,GAAGM,EACJ,eAAa,yBACb,qBAAoB,EACpB,SAAUM,EACV,QAAAF,EACA,IAAAH,CAAA,CAAA,CAGN,CACF"}