@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

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  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}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n  (\n    {\n      value,\n      icon,\n      parents,\n      iconColor,\n      iconFilled,\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      ...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        />\n        {startContent && startContent}\n        {icon && (\n          <Icon\n            icon={icon}\n            className={clsx({ filled: iconFilled })}\n            style={{\n              color: iconColor,\n            }}\n          />\n        )}\n        {parents && (\n          <span className=\"path\">\n            {parents.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n          </span>\n        )}\n        <span className=\"value\">{value}</span>\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","startContent","endContent","depth","isDisabled","disabledMessage","active","style","props","ref","jsxs","Styled.Cell","Icon","clsx","part","index","Fragment"],"mappings":";;;;;AAaO,MAAMA,IAAc,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,mBAAAC;AAAA,EACA,eAAAC;AACF,MACEJ,IACEK,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,CAACC,MAAM;AACd,MAAAA,EAAE,gBAAgB,GACFH,KAAA,QAAAA;AAAA,IAClB;AAAA,IACA,MAAMH,IAAgB,gBAAgB;AAAA,IACtC,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,UAAU;AAAA,EAAA;AAC7B,IAEAE,KACAD,KAAyBG,gBAAAA,EAAA,IAAC,OAAI,EAAA,OAAO,EAAE,SAAS,gBAAgB,UAAU,GAAA,EAAM,CAAA,GAuBvEG,IAA0BC;AAAA,EACrC,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAd;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAE;AAAA,IACA,uBAAAD,IAAwB;AAAA,IACxB,eAAAE;AAAA,IACA,cAAAW;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,OAAO;AAAA,QACL,GAAGF;AAAA,QACH,aAAa,QAAQJ,IAAQ,GAAG;AAAA,MAClC;AAAA,MACA,OAAOC,IAAaC,IAAkB;AAAA,MAEtC,UAAA;AAAA,QAAAd,gBAAAA,EAAA;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,iBAAAC;AAAA,YACA,eAAAC;AAAA,YACA,mBAAAE;AAAA,YACA,eAAAC;AAAA,YACA,uBAAAF;AAAA,UAAA;AAAA,QACF;AAAA,QACCa,KAAgBA;AAAA,QAChBJ,KACCN,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,MAAAf;AAAA,YACA,WAAWgB,EAAK,EAAE,QAAQb,GAAY;AAAA,YACtC,OAAO;AAAA,cACL,OAAOD;AAAA,YAAA;AAAA,UACT;AAAA,QACF;AAAA,QAEDD,KACEP,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,QACb,UAAQO,EAAA,IAAI,CAACgB,GAAMC,MAClBL,gBAAAA,EAAA,KAACM,GACC,EAAA,UAAA;AAAA,UAACzB,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBuB,EAAA,GAAAC,IAAQ,OAAe;AAAA,UACjCxB,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAwB,IAAQ,YAAe;AAAA,QAAA,KAFrBA,CAGf,CACD,GACH;AAAA,QAEDxB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAMK,GAAA;AAAA,QAC9BM,KAAcA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB;AAGN;"}
+{"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","_a","_b","Icon","_c","_d"],"mappings":";;;;;AAaO,MAAMA,IAAc,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,mBAAAC;AAAA,EACA,eAAAC;AACF,MACEJ,IACEK,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,CAACC,MAAM;AACd,MAAAA,EAAE,gBAAgB,GACFH,KAAA,QAAAA;AAAA,IAClB;AAAA,IACA,MAAMH,IAAgB,gBAAgB;AAAA,IACtC,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,UAAU;AAAA,EAAA;AAC7B,IAEAE,KACAD,KAAyBG,gBAAAA,EAAA,IAAC,OAAI,EAAA,OAAO,EAAE,SAAS,gBAAgB,UAAU,GAAA,EAAM,CAAA,GAgCvEG,IAA0BC;AAAA,EACrC,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,iBAAAjB;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAE;AAAA,IACA,uBAAAD,IAAwB;AAAA,IACxB,eAAAE;AAAA,IACA,cAAAc;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;;AAED,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGH;AAAA,QACJ,KAAAC;AAAA,QACA,OAAO;AAAA,UACL,GAAGH;AAAA,UACH,aAAa,QAAQJ,IAAQ,GAAG;AAAA,QAClC;AAAA,QACA,OAAOC,IAAaC,IAAkB;AAAA,QAEtC,UAAA;AAAA,UAAAjB,gBAAAA,EAAA;AAAA,YAACN;AAAA,YAAA;AAAA,cACC,iBAAAC;AAAA,cACA,eAAAC;AAAA,cACA,mBAAAE;AAAA,cACA,eAAAC;AAAA,cACA,uBAAAF;AAAA,cACC,GAAGuB,KAAA,gBAAAA,EAAI;AAAA,YAAA;AAAA,UACV;AAAA,UACCP,KAAgBA;AAAA,UAChBH,KACCV,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKU;AAAA,cACJ,GAAGU,KAAA,gBAAAA,EAAI;AAAA,cACR,KAAI;AAAA,cACJ,WAAWK,EAAK,SAASd,IAAUe,IAAAN,KAAA,gBAAAA,EAAI,QAAJ,gBAAAM,EAAS,SAAS;AAAA,cACrD,OAAO;AAAA,gBACL,aAAad,EAAS,SAAS;AAAA,gBAC/B,IAAGe,IAAAP,KAAA,gBAAAA,EAAI,QAAJ,gBAAAO,EAAS;AAAA,cAAA;AAAA,YACd;AAAA,UACF;AAAA,UAEDrB,KACCN,gBAAAA,EAAA;AAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,MAAAtB;AAAA,cACA,WAAWmB,EAAK,EAAE,QAAQhB,MAAcoB,IAAAT,KAAA,gBAAAA,EAAI,SAAJ,gBAAAS,EAAU,SAAS;AAAA,cAC3D,OAAO;AAAA,gBACL,OAAOrB;AAAA,gBACP,IAAGsB,IAAAV,KAAA,gBAAAA,EAAI,SAAJ,gBAAAU,EAAU;AAAA,cACf;AAAA,cACC,GAAGV,KAAA,gBAAAA,EAAI;AAAA,YAAA;AAAA,UACV;AAAA,iCAED,OAAI,EAAA,WAAU,QAAQ,GAAGA,KAAA,gBAAAA,EAAI,MAC3B,UAAA;AAAA,YAAWb,KAAAgB,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,QAAQ,UAAA;AAAA,cAAAhB,EAAQ,KAAK,KAAK;AAAA,cAAE;AAAA,YAAA,GAAG;AAAA,YAC1DP,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAMK,EAAA,CAAA;AAAA,UAAA,GACjC;AAAA,UACCS,KAAcA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react");function s({handleRowSelect:n}){return{handleRowKeyDown:r.useCallback((e,o)=>{["Enter"," "].includes(e.key)&&(e.preventDefault(),n(e,o))},[n])}}module.exports=s;
+"use strict";const o=require("react");function D({handleRowSelect:c,handleArrowNavigation:u}){return{handleRowKeyDown:o.useCallback((s,y)=>{if(["Enter"," "].includes(s.key))s.preventDefault(),c(s,y);else if(s.key==="ArrowDown"||s.key==="ArrowUp"){s.preventDefault();const e=s.key==="ArrowDown"?"down":"up";u==null||u(e,y,s)}},[c,u])}}module.exports=D;
 //# 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}\n\nfunction useRowKeydown<T>({ handleRowSelect }: 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      }\n    },\n    [handleRowSelect],\n  )\n\n  return { handleRowKeyDown }\n}\n\nexport default useRowKeydown\n"],"names":["useRowKeydown","handleRowSelect","useCallback","event","row"],"mappings":"sCAWA,SAASA,EAAiB,CAAE,gBAAAC,GAA0C,CAapE,MAAO,CAAE,iBAZgBC,EAAA,YACvB,CAACC,EAAyBC,IAAgB,CACpC,CAAC,QAAS,GAAG,EAAE,SAASD,EAAM,GAAG,IAEnCA,EAAM,eAAe,EAErBF,EAAgBE,EAAOC,CAAG,EAE9B,EACA,CAACH,CAAe,CAClB,CAE0B,CAC5B"}
+{"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,EAAA,YACvB,CAACC,EAAyBC,IAAgB,CACxC,GAAI,CAAC,QAAS,GAAG,EAAE,SAASD,EAAM,GAAG,EAEnCA,EAAM,eAAe,EAErBH,EAAgBG,EAAOC,CAAG,UACjBD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,UAAW,CAE/DA,EAAM,eAAe,EAErB,MAAME,EAAYF,EAAM,MAAQ,YAAc,OAAS,KAC/BF,GAAA,MAAAA,EAAAI,EAAWD,EAAKD,EAAK,CAEjD,EACA,CAACH,EAAiBC,CAAqB,CACzC,CAE0B,CAC5B"}

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

@@ -1,13 +1,19 @@
-import { useCallback as r } from "react";
-function t({ handleRowSelect: e }) {
-  return { handleRowKeyDown: r(
-    (o, n) => {
-      ["Enter", " "].includes(o.key) && (o.preventDefault(), e(o, n));
+import { useCallback as p } from "react";
+function k({ handleRowSelect: o, handleArrowNavigation: f }) {
+  return { handleRowKeyDown: p(
+    (u, s) => {
+      if (["Enter", " "].includes(u.key))
+        u.preventDefault(), o(u, s);
+      else if (u.key === "ArrowDown" || u.key === "ArrowUp") {
+        u.preventDefault();
+        const y = u.key === "ArrowDown" ? "down" : "up";
+        f == null || f(y, s, u);
+      }
     },
-    [e]
+    [o, f]
   ) };
 }
 export {
-  t as default
+  k 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}\n\nfunction useRowKeydown<T>({ handleRowSelect }: 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      }\n    },\n    [handleRowSelect],\n  )\n\n  return { handleRowKeyDown }\n}\n\nexport default useRowKeydown\n"],"names":["useRowKeydown","handleRowSelect","useCallback","event","row"],"mappings":";AAWA,SAASA,EAAiB,EAAE,iBAAAC,KAA0C;AAapE,SAAO,EAAE,kBAZgBC;AAAA,IACvB,CAACC,GAAyBC,MAAgB;AACxC,MAAI,CAAC,SAAS,GAAG,EAAE,SAASD,EAAM,GAAG,MAEnCA,EAAM,eAAe,GAErBF,EAAgBE,GAAOC,CAAG;AAAA,IAE9B;AAAA,IACA,CAACH,CAAe;AAAA,EAClB,EAE0B;AAC5B;"}
+{"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,eAAe,GAErBH,EAAgBG,GAAOC,CAAG;AAAA,eACjBD,EAAM,QAAQ,eAAeA,EAAM,QAAQ,WAAW;AAE/D,QAAAA,EAAM,eAAe;AAErB,cAAME,IAAYF,EAAM,QAAQ,cAAc,SAAS;AAC/B,QAAAF,KAAA,QAAAA,EAAAI,GAAWD,GAAKD;AAAA,MAAK;AAAA,IAEjD;AAAA,IACA,CAACH,GAAiBC,CAAqB;AAAA,EACzC,EAE0B;AAC5B;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=({selection:l,type:t,attribFields:i})=>{const a={assignees:"list_of_strings",status:"string",taskType:"string",hierarchy:void 0,...i.reduce((e,r)=>(e["attrib."+r.name]=r.data.type,e),{})};return(()=>{const e=a[t];if(!e)return null;const n=Object.values(l).map(s=>({id:s.id,label:s.label||s.name||""}));return{id:t,label:t,type:e,inverted:!1,operator:"OR",values:n}})()};exports.createFilterFromSlicer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=({selection:l,type:t,attribFields:i})=>{const n={assignees:"list_of_strings",status:"string",taskType:"string",productType:"string",author:"string",hierarchy:void 0,...i.reduce((e,r)=>(e["attrib."+r.name]=r.data.type,e),{})};return(()=>{const e=n[t];if(!e)return null;const a=Object.values(l).map(s=>({id:s.id,label:s.label||s.name||""}));return{id:t,label:t,type:e,inverted:!1,operator:"OR",values:a}})()};exports.createFilterFromSlicer=c;
 //# sourceMappingURL=createFilterFromSlicer.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createFilterFromSlicer.cjs.js","sources":["../../../../../src/containers/Slicer/createFilterFromSlicer.ts"],"sourcesContent":["import { AttributeModel } from '../ProjectTreeTable'\nimport { ProjectTableAttribute } from '../ProjectTreeTable/hooks/useAttributesList'\nimport { SelectionData, SliceDataItem, SliceFilter, SliceType } from './types'\n\ninterface FilterMapping {\n  id: string\n  type: AttributeModel['data']['type']\n  mapValue: (items: SliceDataItem[]) => { id: string; label: string }[]\n}\n\nexport type CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}: {\n  selection: SelectionData\n  type: SliceType\n  attribFields: ProjectTableAttribute[]\n}) => SliceFilter | null\n\nexport const createFilterFromSlicer: CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}) => {\n  const sliceTypeToFilterMap: Record<string, FilterMapping | undefined> = {\n    assignees: {\n      id: 'assignees',\n      type: 'list_of_strings',\n      mapValue: (items) =>\n        items.map((item) => ({ id: item.name || item.id, label: item.name || '' })),\n    },\n    status: {\n      id: 'status',\n      type: 'string',\n\n      mapValue: (items) =>\n        items.map((item) => ({ id: item.name || item.id, label: item.name || '' })),\n    },\n    taskType: {\n      id: 'taskType',\n      type: 'string',\n      mapValue: (items) =>\n        items.map((item) => ({ id: item.name || item.id, label: item.name || '' })),\n    },\n    hierarchy: undefined,\n  }\n\n  const sliceFilterTypes = {\n    assignees: 'list_of_strings',\n    status: 'string',\n    taskType: 'string',\n    hierarchy: undefined,\n    ...attribFields.reduce((acc, field) => {\n      acc['attrib.' + field.name] = field.data.type\n      return acc\n    }, {} as Record<string, AttributeModel['data']['type']>),\n  }\n\n  const filter: SliceFilter | null = (() => {\n    const sliceType = sliceFilterTypes[type as keyof typeof sliceFilterTypes]\n    if (!sliceType) return null\n\n    const selectedItems = Object.values(selection)\n    const values = selectedItems.map((item) => ({\n      id: item.id,\n      label: item.label || item.name || '',\n    }))\n\n    return {\n      id: type,\n      label: type,\n      type: sliceType,\n      inverted: false,\n      operator: 'OR',\n      values,\n    }\n  })()\n\n  return filter\n}\n"],"names":["createFilterFromSlicer","selection","type","attribFields","sliceFilterTypes","acc","field","sliceType","values","item"],"mappings":"gFAoBO,MAAMA,EAAiD,CAAC,CAC7D,UAAAC,EACA,KAAAC,EACA,aAAAC,CACF,IAAM,CAwBJ,MAAMC,EAAmB,CACvB,UAAW,kBACX,OAAQ,SACR,SAAU,SACV,UAAW,OACX,GAAGD,EAAa,OAAO,CAACE,EAAKC,KAC3BD,EAAI,UAAYC,EAAM,IAAI,EAAIA,EAAM,KAAK,KAClCD,GACN,CAAoD,CAAA,CACzD,EAsBO,OApB6B,IAAM,CAClC,MAAAE,EAAYH,EAAiBF,CAAqC,EACpE,GAAA,CAACK,EAAkB,OAAA,KAGvB,MAAMC,EADgB,OAAO,OAAOP,CAAS,EAChB,IAAKQ,IAAU,CAC1C,GAAIA,EAAK,GACT,MAAOA,EAAK,OAASA,EAAK,MAAQ,EAAA,EAClC,EAEK,MAAA,CACL,GAAIP,EACJ,MAAOA,EACP,KAAMK,EACN,SAAU,GACV,SAAU,KACV,OAAAC,CACF,CAAA,GACC,CAGL"}
+{"version":3,"file":"createFilterFromSlicer.cjs.js","sources":["../../../../../src/containers/Slicer/createFilterFromSlicer.ts"],"sourcesContent":["import { AttributeModel } from '../ProjectTreeTable'\nimport { ProjectTableAttribute } from '../ProjectTreeTable/hooks/useAttributesList'\nimport { SelectionData, SliceDataItem, SliceFilter, SliceType } from './types'\n\ninterface FilterMapping {\n  id: string\n  type: AttributeModel['data']['type']\n  mapValue: (items: SliceDataItem[]) => { id: string; label: string }[]\n}\n\nexport type CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}: {\n  selection: SelectionData\n  type: SliceType\n  attribFields: ProjectTableAttribute[]\n}) => SliceFilter | null\n\nexport const createFilterFromSlicer: CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}) => {\n  const sliceFilterTypes = {\n    assignees: 'list_of_strings',\n    status: 'string',\n    taskType: 'string',\n    productType: 'string',\n    author: 'string',\n    hierarchy: undefined,\n    ...attribFields.reduce((acc, field) => {\n      // @ts-ignore\n      acc['attrib.' + field.name] = field.data.type\n      return acc\n    }, {} as Record<string, AttributeModel['data']['type']>),\n  }\n\n  const filter: SliceFilter | null = (() => {\n    const sliceType = sliceFilterTypes[type as keyof typeof sliceFilterTypes]\n    if (!sliceType) return null\n\n    const selectedItems = Object.values(selection)\n    const values = selectedItems.map((item) => ({\n      id: item.id,\n      label: item.label || item.name || '',\n    }))\n\n    return {\n      id: type,\n      label: type,\n      type: sliceType,\n      inverted: false,\n      operator: 'OR',\n      values,\n    }\n  })()\n\n  return filter\n}\n"],"names":["createFilterFromSlicer","selection","type","attribFields","sliceFilterTypes","acc","field","sliceType","values","item"],"mappings":"gFAoBO,MAAMA,EAAiD,CAAC,CAC7D,UAAAC,EACA,KAAAC,EACA,aAAAC,CACF,IAAM,CACJ,MAAMC,EAAmB,CACvB,UAAW,kBACX,OAAQ,SACR,SAAU,SACV,YAAa,SACb,OAAQ,SACR,UAAW,OACX,GAAGD,EAAa,OAAO,CAACE,EAAKC,KAE3BD,EAAI,UAAYC,EAAM,IAAI,EAAIA,EAAM,KAAK,KAClCD,GACN,CAAoD,CAAA,CACzD,EAsBO,OApB6B,IAAM,CAClC,MAAAE,EAAYH,EAAiBF,CAAqC,EACpE,GAAA,CAACK,EAAkB,OAAA,KAGvB,MAAMC,EADgB,OAAO,OAAOP,CAAS,EAChB,IAAKQ,IAAU,CAC1C,GAAIA,EAAK,GACT,MAAOA,EAAK,OAASA,EAAK,MAAQ,EAAA,EAClC,EAEK,MAAA,CACL,GAAIP,EACJ,MAAOA,EACP,KAAMK,EACN,SAAU,GACV,SAAU,KACV,OAAAC,CACF,CAAA,GACC,CAGL"}

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

@@ -3,19 +3,21 @@ const o = ({
   type: t,
   attribFields: n
 }) => {
-  const a = {
+  const i = {
     assignees: "list_of_strings",
     status: "string",
     taskType: "string",
+    productType: "string",
+    author: "string",
     hierarchy: void 0,
-    ...n.reduce((e, s) => (e["attrib." + s.name] = s.data.type, e), {})
+    ...n.reduce((e, r) => (e["attrib." + r.name] = r.data.type, e), {})
   };
   return (() => {
-    const e = a[t];
+    const e = i[t];
     if (!e) return null;
-    const i = Object.values(l).map((r) => ({
-      id: r.id,
-      label: r.label || r.name || ""
+    const a = Object.values(l).map((s) => ({
+      id: s.id,
+      label: s.label || s.name || ""
     }));
     return {
       id: t,
@@ -23,7 +25,7 @@ const o = ({
       type: e,
       inverted: !1,
       operator: "OR",
-      values: i
+      values: a
     };
   })();
 };

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

@@ -1 +1 @@
-{"version":3,"file":"createFilterFromSlicer.es.js","sources":["../../../../../src/containers/Slicer/createFilterFromSlicer.ts"],"sourcesContent":["import { AttributeModel } from '../ProjectTreeTable'\nimport { ProjectTableAttribute } from '../ProjectTreeTable/hooks/useAttributesList'\nimport { SelectionData, SliceDataItem, SliceFilter, SliceType } from './types'\n\ninterface FilterMapping {\n  id: string\n  type: AttributeModel['data']['type']\n  mapValue: (items: SliceDataItem[]) => { id: string; label: string }[]\n}\n\nexport type CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}: {\n  selection: SelectionData\n  type: SliceType\n  attribFields: ProjectTableAttribute[]\n}) => SliceFilter | null\n\nexport const createFilterFromSlicer: CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}) => {\n  const sliceTypeToFilterMap: Record<string, FilterMapping | undefined> = {\n    assignees: {\n      id: 'assignees',\n      type: 'list_of_strings',\n      mapValue: (items) =>\n        items.map((item) => ({ id: item.name || item.id, label: item.name || '' })),\n    },\n    status: {\n      id: 'status',\n      type: 'string',\n\n      mapValue: (items) =>\n        items.map((item) => ({ id: item.name || item.id, label: item.name || '' })),\n    },\n    taskType: {\n      id: 'taskType',\n      type: 'string',\n      mapValue: (items) =>\n        items.map((item) => ({ id: item.name || item.id, label: item.name || '' })),\n    },\n    hierarchy: undefined,\n  }\n\n  const sliceFilterTypes = {\n    assignees: 'list_of_strings',\n    status: 'string',\n    taskType: 'string',\n    hierarchy: undefined,\n    ...attribFields.reduce((acc, field) => {\n      acc['attrib.' + field.name] = field.data.type\n      return acc\n    }, {} as Record<string, AttributeModel['data']['type']>),\n  }\n\n  const filter: SliceFilter | null = (() => {\n    const sliceType = sliceFilterTypes[type as keyof typeof sliceFilterTypes]\n    if (!sliceType) return null\n\n    const selectedItems = Object.values(selection)\n    const values = selectedItems.map((item) => ({\n      id: item.id,\n      label: item.label || item.name || '',\n    }))\n\n    return {\n      id: type,\n      label: type,\n      type: sliceType,\n      inverted: false,\n      operator: 'OR',\n      values,\n    }\n  })()\n\n  return filter\n}\n"],"names":["createFilterFromSlicer","selection","type","attribFields","sliceFilterTypes","acc","field","sliceType","values","item"],"mappings":"AAoBO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AAwBJ,QAAMC,IAAmB;AAAA,IACvB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,GAAGD,EAAa,OAAO,CAACE,GAAKC,OAC3BD,EAAI,YAAYC,EAAM,IAAI,IAAIA,EAAM,KAAK,MAClCD,IACN,CAAoD,CAAA;AAAA,EACzD;AAsBO,UApB6B,MAAM;AAClC,UAAAE,IAAYH,EAAiBF,CAAqC;AACpE,QAAA,CAACK,EAAkB,QAAA;AAGvB,UAAMC,IADgB,OAAO,OAAOP,CAAS,EAChB,IAAI,CAACQ,OAAU;AAAA,MAC1C,IAAIA,EAAK;AAAA,MACT,OAAOA,EAAK,SAASA,EAAK,QAAQ;AAAA,IAAA,EAClC;AAEK,WAAA;AAAA,MACL,IAAIP;AAAA,MACJ,OAAOA;AAAA,MACP,MAAMK;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAAC;AAAA,IACF;AAAA,EAAA,GACC;AAGL;"}
+{"version":3,"file":"createFilterFromSlicer.es.js","sources":["../../../../../src/containers/Slicer/createFilterFromSlicer.ts"],"sourcesContent":["import { AttributeModel } from '../ProjectTreeTable'\nimport { ProjectTableAttribute } from '../ProjectTreeTable/hooks/useAttributesList'\nimport { SelectionData, SliceDataItem, SliceFilter, SliceType } from './types'\n\ninterface FilterMapping {\n  id: string\n  type: AttributeModel['data']['type']\n  mapValue: (items: SliceDataItem[]) => { id: string; label: string }[]\n}\n\nexport type CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}: {\n  selection: SelectionData\n  type: SliceType\n  attribFields: ProjectTableAttribute[]\n}) => SliceFilter | null\n\nexport const createFilterFromSlicer: CreateFilterFromSlicer = ({\n  selection,\n  type,\n  attribFields,\n}) => {\n  const sliceFilterTypes = {\n    assignees: 'list_of_strings',\n    status: 'string',\n    taskType: 'string',\n    productType: 'string',\n    author: 'string',\n    hierarchy: undefined,\n    ...attribFields.reduce((acc, field) => {\n      // @ts-ignore\n      acc['attrib.' + field.name] = field.data.type\n      return acc\n    }, {} as Record<string, AttributeModel['data']['type']>),\n  }\n\n  const filter: SliceFilter | null = (() => {\n    const sliceType = sliceFilterTypes[type as keyof typeof sliceFilterTypes]\n    if (!sliceType) return null\n\n    const selectedItems = Object.values(selection)\n    const values = selectedItems.map((item) => ({\n      id: item.id,\n      label: item.label || item.name || '',\n    }))\n\n    return {\n      id: type,\n      label: type,\n      type: sliceType,\n      inverted: false,\n      operator: 'OR',\n      values,\n    }\n  })()\n\n  return filter\n}\n"],"names":["createFilterFromSlicer","selection","type","attribFields","sliceFilterTypes","acc","field","sliceType","values","item"],"mappings":"AAoBO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAmB;AAAA,IACvB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,GAAGD,EAAa,OAAO,CAACE,GAAKC,OAE3BD,EAAI,YAAYC,EAAM,IAAI,IAAIA,EAAM,KAAK,MAClCD,IACN,CAAoD,CAAA;AAAA,EACzD;AAsBO,UApB6B,MAAM;AAClC,UAAAE,IAAYH,EAAiBF,CAAqC;AACpE,QAAA,CAACK,EAAkB,QAAA;AAGvB,UAAMC,IADgB,OAAO,OAAOP,CAAS,EAChB,IAAI,CAACQ,OAAU;AAAA,MAC1C,IAAIA,EAAK;AAAA,MACT,OAAOA,EAAK,SAASA,EAAK,QAAQ;AAAA,IAAA,EAClC;AAEK,WAAA;AAAA,MACL,IAAIP;AAAA,MACJ,OAAOA;AAAA,MACP,MAAMK;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAAC;AAAA,IACF;AAAA,EAAA,GACC;AAGL;"}

package/dist/shared/src/containers/Views/ViewItem/ViewItem.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),s=require("./ViewItem.styled.cjs.js"),a=require("clsx"),o=require("../../../util/platform.cjs.js");require("lodash");const y=require("../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");const g=R.forwardRef(({label:v,startContent:c,endContent:n,isSelected:u,isEditable:l,isSaveable:d,highlighted:i,onEdit:m,onSave:r,onResetView:x,className:p,...f},j)=>{const w=(e,q)=>{e.stopPropagation(),q?y.confirmDialog({message:"Save current view settings and overwrite this view?",header:"Confirm save",accept:()=>r&&r(e)}):r&&r(e)};return t.jsxRuntimeExports.jsxs(s.ViewItem,{...f,className:a(p,{selected:u}),ref:j,children:[c&&c,t.jsxRuntimeExports.jsx("span",{className:"label",children:v}),x&&t.jsxRuntimeExports.jsx(s.ActionButton,{icon:"restart_alt",variant:"text",className:"reset",onClick:x,"data-tooltip":"Reset this view to default","data-shortcut":o.getPlatformShortcutKey("0",[o.KeyMode.Shift,o.KeyMode.Ctrl])}),l&&d&&!u&&t.jsxRuntimeExports.jsx(s.ActionButton,{icon:"save",variant:"text",className:a("save",{active:i==="save"}),onClick:e=>w(e,i!=="save"),"data-tooltip":"Save view settings from current view"}),l&&m&&t.jsxRuntimeExports.jsx(s.ActionButton,{variant:"text",icon:"more_horiz",className:a("more",{active:i==="edit"}),onClick:m,"data-tooltip":"Edit view"}),n&&n]})});exports.ViewItem=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),y=require("react"),i=require("./ViewItem.styled.cjs.js"),o=require("clsx"),c=require("../../../util/platform.cjs.js");require("lodash");const g=require("../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");const N=y.forwardRef(({id:r,label:p,startContent:n,endContent:u,isSelected:l,isEditable:m,isSaveable:f,highlighted:a,onEdit:x,onSave:s,onResetView:v,className:j,...d},w)=>{const q=(e,R)=>{e.stopPropagation(),R?g.confirmDialog({message:"Save current view settings and overwrite this view?",header:"Confirm save",accept:()=>s&&s(e,r)}):s&&s(e,r)};return t.jsxRuntimeExports.jsxs(i.ViewItem,{...d,id:r,className:o(j,{selected:l}),ref:w,children:[n&&n,t.jsxRuntimeExports.jsx("span",{className:"label",children:p}),v&&t.jsxRuntimeExports.jsx(i.ActionButton,{icon:"restart_alt",variant:"text",className:"reset",onClick:v,"data-tooltip":"Reset this view to default","data-shortcut":c.getPlatformShortcutKey("0",[c.KeyMode.Shift,c.KeyMode.Ctrl])}),m&&f&&!l&&t.jsxRuntimeExports.jsx(i.ActionButton,{icon:"save",variant:"text",className:o("save",{active:a==="save"}),onClick:e=>q(e,a!=="save"),"data-tooltip":"Save view settings from current view"}),m&&x&&t.jsxRuntimeExports.jsx(i.ActionButton,{variant:"text",icon:"more_horiz",className:o("more",{active:a==="edit"}),onClick:e=>x(e,r),"data-tooltip":"Edit view"}),u&&u]})});exports.ViewItem=N;
 //# sourceMappingURL=ViewItem.cjs.js.map

package/dist/shared/src/containers/Views/ViewItem/ViewItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewItem.cjs.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\nimport { confirmDialog } from 'primereact/confirmdialog'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleSave = (e: React.MouseEvent<HTMLButtonElement>, requireConfirm: boolean) => {\n      // prevent selecting the view when clicking save\n      e.stopPropagation()\n      if (requireConfirm) {\n        // first validate we actually want to save by asking user to confirm\n        confirmDialog({\n          message: 'Save current view settings and overwrite this view?',\n          header: 'Confirm save',\n          accept: () => onSave && onSave(e),\n        })\n      } else {\n        onSave && onSave(e)\n      }\n    }\n\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={(e) => handleSave(e, highlighted !== 'save')}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={onEdit}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["ViewItem","forwardRef","label","startContent","endContent","isSelected","isEditable","isSaveable","highlighted","onEdit","onSave","onResetView","className","props","ref","handleSave","requireConfirm","confirmDialog","jsxs","Styled.ViewItem","clsx","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":"qcAyBO,MAAMA,EAAWC,EAAA,WACtB,CACE,CACE,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,YAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IACG,CACG,MAAAC,EAAa,CAAC,EAAwCC,IAA4B,CAEtF,EAAE,gBAAgB,EACdA,EAEYC,gBAAA,CACZ,QAAS,sDACT,OAAQ,eACR,OAAQ,IAAMP,GAAUA,EAAO,CAAC,CAAA,CACjC,EAEDA,GAAUA,EAAO,CAAC,CAEtB,EAEA,OACGQ,EAAA,kBAAA,KAAAC,EAAA,SAAA,CAAiB,GAAGN,EAAO,UAAWO,EAAKR,EAAW,CAAE,SAAUP,CAAY,CAAA,EAAG,IAAAS,EAC/E,SAAA,CAAgBX,GAAAA,EAChBkB,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,SAAMnB,EAAA,EAE9BS,GACCU,EAAA,kBAAA,IAACC,EAAO,aAAP,CACC,KAAK,cACL,QAAQ,OACR,UAAU,QACV,QAASX,EACT,eAAa,6BACb,gBAAeY,yBAAuB,IAAK,CAACC,UAAQ,MAAOA,EAAA,QAAQ,IAAI,CAAC,CAAA,CAC1E,EAEDlB,GAAcC,GAAc,CAACF,GAC5BgB,EAAA,kBAAA,IAACC,EAAO,aAAP,CACC,KAAK,OACL,QAAQ,OACR,UAAWF,EAAK,OAAQ,CAAE,OAAQZ,IAAgB,OAAQ,EAC1D,QAAU,GAAMO,EAAW,EAAGP,IAAgB,MAAM,EACpD,eAAa,sCAAA,CACf,EAEDF,GAAcG,GACbY,EAAA,kBAAA,IAACC,EAAO,aAAP,CACC,QAAQ,OACR,KAAK,aACL,UAAWF,EAAK,OAAQ,CAAE,OAAQZ,IAAgB,OAAQ,EAC1D,QAASC,EACT,eAAa,WAAA,CACf,EAEDL,GAAcA,CAAA,EACjB,CAAA,CAGN"}
+{"version":3,"file":"ViewItem.cjs.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\nimport { confirmDialog } from 'primereact/confirmdialog'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>, viewId: string) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>, viewId: string) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      id,\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleSave = (e: React.MouseEvent<HTMLButtonElement>, requireConfirm: boolean) => {\n      // prevent selecting the view when clicking save\n      e.stopPropagation()\n      if (requireConfirm) {\n        // first validate we actually want to save by asking user to confirm\n        confirmDialog({\n          message: 'Save current view settings and overwrite this view?',\n          header: 'Confirm save',\n          accept: () => onSave && onSave(e, id),\n        })\n      } else {\n        onSave && onSave(e, id)\n      }\n    }\n\n    return (\n      <Styled.ViewItem\n        {...props}\n        id={id}\n        className={clsx(className, { selected: isSelected })}\n        ref={ref}\n      >\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={(e) => handleSave(e, highlighted !== 'save')}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={(e) => onEdit(e, id)}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["ViewItem","forwardRef","id","label","startContent","endContent","isSelected","isEditable","isSaveable","highlighted","onEdit","onSave","onResetView","className","props","ref","handleSave","requireConfirm","confirmDialog","jsxs","Styled.ViewItem","clsx","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":"qcAyBO,MAAMA,EAAWC,EAAA,WACtB,CACE,CACE,GAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,YAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IACG,CACG,MAAAC,EAAa,CAAC,EAAwCC,IAA4B,CAEtF,EAAE,gBAAgB,EACdA,EAEYC,gBAAA,CACZ,QAAS,sDACT,OAAQ,eACR,OAAQ,IAAMP,GAAUA,EAAO,EAAGT,CAAE,CAAA,CACrC,EAESS,GAAAA,EAAO,EAAGT,CAAE,CAE1B,EAGE,OAAAiB,EAAA,kBAAA,KAACC,EAAO,SAAP,CACE,GAAGN,EACJ,GAAAZ,EACA,UAAWmB,EAAKR,EAAW,CAAE,SAAUP,EAAY,EACnD,IAAAS,EAEC,SAAA,CAAgBX,GAAAA,EAChBkB,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,SAAMnB,EAAA,EAE9BS,GACCU,EAAA,kBAAA,IAACC,EAAO,aAAP,CACC,KAAK,cACL,QAAQ,OACR,UAAU,QACV,QAASX,EACT,eAAa,6BACb,gBAAeY,yBAAuB,IAAK,CAACC,UAAQ,MAAOA,EAAA,QAAQ,IAAI,CAAC,CAAA,CAC1E,EAEDlB,GAAcC,GAAc,CAACF,GAC5BgB,EAAA,kBAAA,IAACC,EAAO,aAAP,CACC,KAAK,OACL,QAAQ,OACR,UAAWF,EAAK,OAAQ,CAAE,OAAQZ,IAAgB,OAAQ,EAC1D,QAAU,GAAMO,EAAW,EAAGP,IAAgB,MAAM,EACpD,eAAa,sCAAA,CACf,EAEDF,GAAcG,GACbY,EAAA,kBAAA,IAACC,EAAO,aAAP,CACC,QAAQ,OACR,KAAK,aACL,UAAWF,EAAK,OAAQ,CAAE,OAAQZ,IAAgB,OAAQ,EAC1D,QAAU,GAAMC,EAAO,EAAGR,CAAE,EAC5B,eAAa,WAAA,CACf,EAEDG,GAAcA,CAAA,CAAA,CACjB,CAAA,CAGN"}

package/dist/shared/src/containers/Views/ViewItem/ViewItem.es.js

@@ -1,74 +1,84 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as h } from "react";
-import { ViewItem as k, ActionButton as o } from "./ViewItem.styled.es.js";
+import { forwardRef as k } from "react";
+import { ViewItem as C, ActionButton as s } from "./ViewItem.styled.es.js";
 import i from "clsx";
-import { getPlatformShortcutKey as C, KeyMode as v } from "../../../util/platform.es.js";
+import { getPlatformShortcutKey as I, KeyMode as f } from "../../../util/platform.es.js";
 import "lodash";
-import { confirmDialog as I } from "../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
+import { confirmDialog as g } from "../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 import "react-toastify";
 import "uuid";
 import "../../../util/pubsub.es.js";
-const D = h(
+const M = k(
   ({
-    label: f,
-    startContent: s,
-    endContent: m,
-    isSelected: c,
-    isEditable: l,
-    isSaveable: x,
-    highlighted: a,
-    onEdit: p,
-    onSave: r,
-    onResetView: n,
-    className: w,
-    ...d
-  }, u) => {
-    const j = (t, N) => {
-      t.stopPropagation(), N ? I({
+    id: r,
+    label: x,
+    startContent: m,
+    endContent: c,
+    isSelected: l,
+    isEditable: p,
+    isSaveable: w,
+    highlighted: o,
+    onEdit: n,
+    onSave: a,
+    onResetView: v,
+    className: u,
+    ...j
+  }, d) => {
+    const N = (t, h) => {
+      t.stopPropagation(), h ? g({
         message: "Save current view settings and overwrite this view?",
         header: "Confirm save",
-        accept: () => r && r(t)
-      }) : r && r(t);
+        accept: () => a && a(t, r)
+      }) : a && a(t, r);
     };
-    return /* @__PURE__ */ e.jsxs(k, { ...d, className: i(w, { selected: c }), ref: u, children: [
-      s && s,
-      /* @__PURE__ */ e.jsx("span", { className: "label", children: f }),
-      n && /* @__PURE__ */ e.jsx(
-        o,
-        {
-          icon: "restart_alt",
-          variant: "text",
-          className: "reset",
-          onClick: n,
-          "data-tooltip": "Reset this view to default",
-          "data-shortcut": C("0", [v.Shift, v.Ctrl])
-        }
-      ),
-      l && x && !c && /* @__PURE__ */ e.jsx(
-        o,
-        {
-          icon: "save",
-          variant: "text",
-          className: i("save", { active: a === "save" }),
-          onClick: (t) => j(t, a !== "save"),
-          "data-tooltip": "Save view settings from current view"
-        }
-      ),
-      l && p && /* @__PURE__ */ e.jsx(
-        o,
-        {
-          variant: "text",
-          icon: "more_horiz",
-          className: i("more", { active: a === "edit" }),
-          onClick: p,
-          "data-tooltip": "Edit view"
-        }
-      ),
-      m && m
-    ] });
+    return /* @__PURE__ */ e.jsxs(
+      C,
+      {
+        ...j,
+        id: r,
+        className: i(u, { selected: l }),
+        ref: d,
+        children: [
+          m && m,
+          /* @__PURE__ */ e.jsx("span", { className: "label", children: x }),
+          v && /* @__PURE__ */ e.jsx(
+            s,
+            {
+              icon: "restart_alt",
+              variant: "text",
+              className: "reset",
+              onClick: v,
+              "data-tooltip": "Reset this view to default",
+              "data-shortcut": I("0", [f.Shift, f.Ctrl])
+            }
+          ),
+          p && w && !l && /* @__PURE__ */ e.jsx(
+            s,
+            {
+              icon: "save",
+              variant: "text",
+              className: i("save", { active: o === "save" }),
+              onClick: (t) => N(t, o !== "save"),
+              "data-tooltip": "Save view settings from current view"
+            }
+          ),
+          p && n && /* @__PURE__ */ e.jsx(
+            s,
+            {
+              variant: "text",
+              icon: "more_horiz",
+              className: i("more", { active: o === "edit" }),
+              onClick: (t) => n(t, r),
+              "data-tooltip": "Edit view"
+            }
+          ),
+          c && c
+        ]
+      }
+    );
   }
 );
 export {
-  D as ViewItem
+  M as ViewItem
 };
 //# sourceMappingURL=ViewItem.es.js.map

package/dist/shared/src/containers/Views/ViewItem/ViewItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewItem.es.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\nimport { confirmDialog } from 'primereact/confirmdialog'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleSave = (e: React.MouseEvent<HTMLButtonElement>, requireConfirm: boolean) => {\n      // prevent selecting the view when clicking save\n      e.stopPropagation()\n      if (requireConfirm) {\n        // first validate we actually want to save by asking user to confirm\n        confirmDialog({\n          message: 'Save current view settings and overwrite this view?',\n          header: 'Confirm save',\n          accept: () => onSave && onSave(e),\n        })\n      } else {\n        onSave && onSave(e)\n      }\n    }\n\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={(e) => handleSave(e, highlighted !== 'save')}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={onEdit}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["ViewItem","forwardRef","label","startContent","endContent","isSelected","isEditable","isSaveable","highlighted","onEdit","onSave","onResetView","className","props","ref","handleSave","e","requireConfirm","confirmDialog","jsxs","Styled.ViewItem","clsx","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":";;;;;;;;;;AAyBO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAa,CAACC,GAAwCC,MAA4B;AAEtF,MAAAD,EAAE,gBAAgB,GACdC,IAEYC,EAAA;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ,MAAMR,KAAUA,EAAOM,CAAC;AAAA,MAAA,CACjC,IAEDN,KAAUA,EAAOM,CAAC;AAAA,IAEtB;AAEA,WACGG,gBAAAA,EAAA,KAAAC,GAAA,EAAiB,GAAGP,GAAO,WAAWQ,EAAKT,GAAW,EAAE,UAAUP,EAAY,CAAA,GAAG,KAAAS,GAC/E,UAAA;AAAA,MAAgBX,KAAAA;AAAA,MAChBmB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAMpB,GAAA;AAAA,MAE9BS,KACCW,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAASZ;AAAA,UACT,gBAAa;AAAA,UACb,iBAAea,EAAuB,KAAK,CAACC,EAAQ,OAAOA,EAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAEDnB,KAAcC,KAAc,CAACF,KAC5BiB,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWF,EAAK,QAAQ,EAAE,QAAQb,MAAgB,QAAQ;AAAA,UAC1D,SAAS,CAACQ,MAAMD,EAAWC,GAAGR,MAAgB,MAAM;AAAA,UACpD,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAEDF,KAAcG,KACba,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAWF,EAAK,QAAQ,EAAE,QAAQb,MAAgB,QAAQ;AAAA,UAC1D,SAASC;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAEDL,KAAcA;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ViewItem.es.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\nimport { confirmDialog } from 'primereact/confirmdialog'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>, viewId: string) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>, viewId: string) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      id,\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleSave = (e: React.MouseEvent<HTMLButtonElement>, requireConfirm: boolean) => {\n      // prevent selecting the view when clicking save\n      e.stopPropagation()\n      if (requireConfirm) {\n        // first validate we actually want to save by asking user to confirm\n        confirmDialog({\n          message: 'Save current view settings and overwrite this view?',\n          header: 'Confirm save',\n          accept: () => onSave && onSave(e, id),\n        })\n      } else {\n        onSave && onSave(e, id)\n      }\n    }\n\n    return (\n      <Styled.ViewItem\n        {...props}\n        id={id}\n        className={clsx(className, { selected: isSelected })}\n        ref={ref}\n      >\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={(e) => handleSave(e, highlighted !== 'save')}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={(e) => onEdit(e, id)}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["ViewItem","forwardRef","id","label","startContent","endContent","isSelected","isEditable","isSaveable","highlighted","onEdit","onSave","onResetView","className","props","ref","handleSave","e","requireConfirm","confirmDialog","jsxs","Styled.ViewItem","clsx","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":";;;;;;;;;;AAyBO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAa,CAACC,GAAwCC,MAA4B;AAEtF,MAAAD,EAAE,gBAAgB,GACdC,IAEYC,EAAA;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ,MAAMR,KAAUA,EAAOM,GAAGf,CAAE;AAAA,MAAA,CACrC,IAESS,KAAAA,EAAOM,GAAGf,CAAE;AAAA,IAE1B;AAGE,WAAAkB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGP;AAAA,QACJ,IAAAZ;AAAA,QACA,WAAWoB,EAAKT,GAAW,EAAE,UAAUP,GAAY;AAAA,QACnD,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAgBX,KAAAA;AAAA,UAChBmB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAMpB,GAAA;AAAA,UAE9BS,KACCW,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAASZ;AAAA,cACT,gBAAa;AAAA,cACb,iBAAea,EAAuB,KAAK,CAACC,EAAQ,OAAOA,EAAQ,IAAI,CAAC;AAAA,YAAA;AAAA,UAC1E;AAAA,UAEDnB,KAAcC,KAAc,CAACF,KAC5BiB,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAWF,EAAK,QAAQ,EAAE,QAAQb,MAAgB,QAAQ;AAAA,cAC1D,SAAS,CAACQ,MAAMD,EAAWC,GAAGR,MAAgB,MAAM;AAAA,cACpD,gBAAa;AAAA,YAAA;AAAA,UACf;AAAA,UAEDF,KAAcG,KACba,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAWF,EAAK,QAAQ,EAAE,QAAQb,MAAgB,QAAQ;AAAA,cAC1D,SAAS,CAACQ,MAAMP,EAAOO,GAAGf,CAAE;AAAA,cAC5B,gBAAa;AAAA,YAAA;AAAA,UACf;AAAA,UAEDG,KAAcA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;"}

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),S=require("../context/ViewsContext.cjs.js");require("react");const D=require("../../../hooks/useLoadModule.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/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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("lodash");require("react-toastify");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.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");const j=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("react-redux");require("custom-protocol-check");const C=require("./ViewFormDialogFallback.cjs.js"),k=require("@ynput/ayon-react-components"),t="views-dialog",v=({})=>{const{editingView:e,editingViewData:o,isLoadingEditingViewData:s,setEditingView:u,viewType:r,projectName:n,currentUser:a,viewSettings:d,shareOptions:l,setSelectedView:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m}=S.useViewsContext(),{powerLicense:x}=j.usePowerpack(),[L,{isLoading:E,outdated:q}]=D.useLoadModule({addon:"powerpack",remote:"views",module:"ViewFormDialog",fallback:C,minVersion:"1.1.1",skip:!r||!x});return!r||!e?null:e&&q?i.jsxRuntimeExports.jsx(k.Dialog,{isOpen:!0,header:"Powerpack Update Required",onClose:()=>u(null),size:"sm",children:i.jsxRuntimeExports.jsxs("p",{children:["Please update the Powerpack addon to at least ",q.required]})}):i.jsxRuntimeExports.jsx(L,{editingView:{viewId:e===!0?void 0:e,...o||{}},isLoading:s,viewSettings:d,setEditingView:u,viewType:r,projectName:n,shareOptions:l,setSelected:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m,currentUser:a,pt:{dialog:{className:t}}})};exports.VIEWS_DIALOG_CLASS=t;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),S=require("../context/ViewsContext.cjs.js");require("react");const D=require("../../../hooks/useLoadModule.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/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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("lodash");require("react-toastify");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.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");const j=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const C=require("./ViewFormDialogFallback.cjs.js"),k=require("@ynput/ayon-react-components"),t="views-dialog",v=({})=>{const{editingView:e,editingViewData:o,isLoadingEditingViewData:s,setEditingView:u,viewType:r,projectName:n,currentUser:a,viewSettings:d,shareOptions:l,setSelectedView:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m}=S.useViewsContext(),{powerLicense:x}=j.usePowerpack(),[L,{isLoading:E,outdated:q}]=D.useLoadModule({addon:"powerpack",remote:"views",module:"ViewFormDialog",fallback:C,minVersion:"1.1.1",skip:!r||!x});return!r||!e?null:e&&q?i.jsxRuntimeExports.jsx(k.Dialog,{isOpen:!0,header:"Powerpack Update Required",onClose:()=>u(null),size:"sm",children:i.jsxRuntimeExports.jsxs("p",{children:["Please update the Powerpack addon to at least ",q.required]})}):i.jsxRuntimeExports.jsx(L,{editingView:{viewId:e===!0?void 0:e,...o||{}},isLoading:s,viewSettings:d,setEditingView:u,viewType:r,projectName:n,shareOptions:l,setSelected:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m,currentUser:a,pt:{dialog:{className:t}}})};exports.VIEWS_DIALOG_CLASS=t;exports.default=v;
 //# sourceMappingURL=ViewsDialogContainer.cjs.js.map

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDialogContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    isLoadingEditingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog\n        isOpen\n        header=\"Powerpack Update Required\"\n        onClose={() => setEditingView(null)}\n        size=\"sm\"\n      >\n        <p>Please update the Powerpack addon to at least {outdated.required}</p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      isLoading={isLoadingEditingViewData}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":"knLAOaA,EAAqB,eAI5BC,EAAsD,CAAC,CAAA,IAAO,CAC5D,KAAA,CACJ,YAAAC,EACA,gBAAAC,EACA,yBAAAC,EACA,eAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,GACEC,kBAAgB,EAEd,CAAE,aAAAC,CAAa,EAAIC,eAAa,EAEhC,CAACC,EAAgB,CAAE,UAAWC,EAAkB,SAAAC,CAAS,CAAC,EAAIC,gBAAc,CAChF,MAAO,YACP,OAAQ,QACR,OAAQ,iBACR,SAAUC,EACV,WAAY,QACZ,KAAM,CAAClB,GAAY,CAACY,CAAA,CACrB,EAED,MAAI,CAACZ,GAAY,CAACJ,EAAoB,KAElCA,GAAeoB,EAEfG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAM,GACN,OAAO,4BACP,QAAS,IAAMrB,EAAe,IAAI,EAClC,KAAK,KAEL,kCAAC,IAAE,CAAA,SAAA,CAAA,iDAA+CiB,EAAS,QAAA,CAAS,CAAA,CAAA,CACtE,EAKFG,EAAA,kBAAA,IAACL,EAAA,CACC,YAAa,CACX,OAAQlB,IAAgB,GAAO,OAAYA,EAC3C,GAAIC,GAAmB,CAAA,CACzB,EACA,UAAWC,EACX,aAAAK,EACA,eAAAJ,EACA,SAAAC,EACA,YAAAC,EACA,aAAAG,EACA,YAAaC,EACb,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,EACA,YAAAR,EACA,GAAI,CACF,OAAQ,CACN,UAAWR,CAAA,CACb,CACF,CACF,CAEJ"}
+{"version":3,"file":"ViewsDialogContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    isLoadingEditingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog\n        isOpen\n        header=\"Powerpack Update Required\"\n        onClose={() => setEditingView(null)}\n        size=\"sm\"\n      >\n        <p>Please update the Powerpack addon to at least {outdated.required}</p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      isLoading={isLoadingEditingViewData}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":"izLAOaA,EAAqB,eAI5BC,EAAsD,CAAC,CAAA,IAAO,CAC5D,KAAA,CACJ,YAAAC,EACA,gBAAAC,EACA,yBAAAC,EACA,eAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,GACEC,kBAAgB,EAEd,CAAE,aAAAC,CAAa,EAAIC,eAAa,EAEhC,CAACC,EAAgB,CAAE,UAAWC,EAAkB,SAAAC,CAAS,CAAC,EAAIC,gBAAc,CAChF,MAAO,YACP,OAAQ,QACR,OAAQ,iBACR,SAAUC,EACV,WAAY,QACZ,KAAM,CAAClB,GAAY,CAACY,CAAA,CACrB,EAED,MAAI,CAACZ,GAAY,CAACJ,EAAoB,KAElCA,GAAeoB,EAEfG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAM,GACN,OAAO,4BACP,QAAS,IAAMrB,EAAe,IAAI,EAClC,KAAK,KAEL,kCAAC,IAAE,CAAA,SAAA,CAAA,iDAA+CiB,EAAS,QAAA,CAAS,CAAA,CAAA,CACtE,EAKFG,EAAA,kBAAA,IAACL,EAAA,CACC,YAAa,CACX,OAAQlB,IAAgB,GAAO,OAAYA,EAC3C,GAAIC,GAAmB,CAAA,CACzB,EACA,UAAWC,EACX,aAAAK,EACA,eAAAJ,EACA,SAAAC,EACA,YAAAC,EACA,aAAAG,EACA,YAAaC,EACb,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,EACA,YAAAR,EACA,GAAI,CACF,OAAQ,CACN,UAAWR,CAAA,CACb,CACF,CACF,CAEJ"}

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.es.js

@@ -69,6 +69,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -100,11 +101,13 @@ import { usePowerpack as x } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
+import "../../../context/GlobalContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import h from "./ViewFormDialogFallback.es.js";
 import { Dialog as j } from "@ynput/ayon-react-components";
-const v = "views-dialog", So = ({}) => {
+const v = "views-dialog", Fo = ({}) => {
   const {
     editingView: i,
     editingViewData: m,
@@ -171,6 +174,6 @@ const v = "views-dialog", So = ({}) => {
 };
 export {
   v as VIEWS_DIALOG_CLASS,
-  So as default
+  Fo as default
 };
 //# sourceMappingURL=ViewsDialogContainer.es.js.map

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDialogContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    isLoadingEditingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog\n        isOpen\n        header=\"Powerpack Update Required\"\n        onClose={() => setEditingView(null)}\n        size=\"sm\"\n      >\n        <p>Please update the Powerpack addon to at least {outdated.required}</p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      isLoading={isLoadingEditingViewData}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAqB,gBAI5BC,KAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,MACEC,EAAgB,GAEd,EAAE,cAAAC,EAAa,IAAIC,EAAa,GAEhC,CAACC,GAAgB,EAAE,WAAWC,GAAkB,UAAAC,EAAS,CAAC,IAAIC,EAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAClB,KAAY,CAACY;AAAA,EAAA,CACrB;AAED,SAAI,CAACZ,KAAY,CAACJ,IAAoB,OAElCA,KAAeoB,IAEfG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAS,MAAMrB,EAAe,IAAI;AAAA,MAClC,MAAK;AAAA,MAEL,iCAAC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAA+CiB,EAAS;AAAA,MAAA,EAAS,CAAA;AAAA,IAAA;AAAA,EACtE,IAKFG,gBAAAA,EAAA;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQlB,MAAgB,KAAO,SAAYA;AAAA,QAC3C,GAAIC,KAAmB,CAAA;AAAA,MACzB;AAAA,MACA,WAAWC;AAAA,MACX,cAAAK;AAAA,MACA,gBAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAG;AAAA,MACA,aAAaC;AAAA,MACb,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,KAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAR;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAWR;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"ViewsDialogContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    isLoadingEditingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog\n        isOpen\n        header=\"Powerpack Update Required\"\n        onClose={() => setEditingView(null)}\n        size=\"sm\"\n      >\n        <p>Please update the Powerpack addon to at least {outdated.required}</p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      isLoading={isLoadingEditingViewData}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAqB,gBAI5BC,KAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,MACEC,EAAgB,GAEd,EAAE,cAAAC,EAAa,IAAIC,EAAa,GAEhC,CAACC,GAAgB,EAAE,WAAWC,GAAkB,UAAAC,EAAS,CAAC,IAAIC,EAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAClB,KAAY,CAACY;AAAA,EAAA,CACrB;AAED,SAAI,CAACZ,KAAY,CAACJ,IAAoB,OAElCA,KAAeoB,IAEfG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAS,MAAMrB,EAAe,IAAI;AAAA,MAClC,MAAK;AAAA,MAEL,iCAAC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAA+CiB,EAAS;AAAA,MAAA,EAAS,CAAA;AAAA,IAAA;AAAA,EACtE,IAKFG,gBAAAA,EAAA;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQlB,MAAgB,KAAO,SAAYA;AAAA,QAC3C,GAAIC,KAAmB,CAAA;AAAA,MACzB;AAAA,MACA,WAAWC;AAAA,MACX,cAAAK;AAAA,MACA,gBAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAG;AAAA,MACA,aAAaC;AAAA,MACb,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,KAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAR;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAWR;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),M=require("react-dom"),b=require("../context/ViewsContext.cjs.js"),L=require("../utils/portalUtils.cjs.js"),W=require("../ViewsMenu/ViewsMenu.cjs.js"),O=require("../ViewItem/ViewItem.cjs.js"),V=require("@ynput/ayon-react-components"),P=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");const h=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const S=require("../Views.styled.cjs.js"),G=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),N=P(V.Icon)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),M=require("react-dom"),b=require("../context/ViewsContext.cjs.js"),L=require("../utils/portalUtils.cjs.js"),W=require("../ViewsMenu/ViewsMenu.cjs.js"),O=require("../ViewItem/ViewItem.cjs.js"),V=require("@ynput/ayon-react-components"),P=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");const h=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");const S=require("../Views.styled.cjs.js"),G=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),N=P(V.Icon)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`,f="_working_",R="_new_view_",A=()=>{const{viewType:g,isMenuOpen:n,setIsMenuOpen:s,setEditingView:w,selectedView:u,workingView:d,viewMenuItems:y}=b.useViewsContext(),{powerLicense:a,setPowerpackDialog:m}=h.usePowerpack(),o=c.useRef(null),e=L.getViewsPortalContainer(g),i=e==null?void 0:e.getBoundingClientRect(),_={top:i?i.bottom+8:0,left:i?i.left:0};c.useEffect(()=>{const x=l=>{var q,E,p;const r=l.target,v=((q=o.current)==null?void 0:q.contains(r))||(e==null?void 0:e.contains(r)),k=(E=document.querySelector("."+G.VIEWS_DIALOG_CLASS))==null?void 0:E.contains(r),D=(p=document.querySelector(".options"))==null?void 0:p.contains(r);!v&&!k&&!D&&n&&s(!1)},I=l=>{l.key==="Escape"&&n&&s(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",I)}},[n,e,s]),c.useEffect(()=>{n&&o.current&&o.current.focus()},[n]);const j=c.useCallback(()=>{a?w(!0):m("sharedViews")},[a,m,w,s]),C=!u||(d==null?void 0:d.id)===u.id?f:u.id;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n&&M.createPortal(t.jsxRuntimeExports.jsxs(S.ViewsModal,{style:_,ref:o,tabIndex:0,children:[t.jsxRuntimeExports.jsx(W.ViewsMenu,{items:y,selected:C}),t.jsxRuntimeExports.jsx(O.ViewItem,{label:"Create new view",id:R,startContent:t.jsxRuntimeExports.jsx(V.Icon,{icon:"add"}),endContent:!a&&t.jsxRuntimeExports.jsx(N,{icon:"bolt"}),onClick:j,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=R;exports.ViewsMenuContainer=A;exports.WORKING_VIEW_ID=f;
+`,f="_working_",R="_new_view_",A=()=>{const{viewType:g,isMenuOpen:n,setIsMenuOpen:s,setEditingView:w,selectedView:u,workingView:d,viewMenuItems:y}=b.useViewsContext(),{powerLicense:a,setPowerpackDialog:m}=h.usePowerpack(),o=c.useRef(null),e=L.getViewsPortalContainer(g),i=e==null?void 0:e.getBoundingClientRect(),_={top:i?i.bottom+8:0,left:i?i.left:0};c.useEffect(()=>{const q=l=>{var I,E,p;const r=l.target,v=((I=o.current)==null?void 0:I.contains(r))||(e==null?void 0:e.contains(r)),k=(E=document.querySelector("."+G.VIEWS_DIALOG_CLASS))==null?void 0:E.contains(r),D=(p=document.querySelector(".options"))==null?void 0:p.contains(r);!v&&!k&&!D&&n&&s(!1)},x=l=>{l.key==="Escape"&&n&&s(!1)};return document.addEventListener("mousedown",q),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",q),document.removeEventListener("keydown",x)}},[n,e,s]),c.useEffect(()=>{n&&o.current&&o.current.focus()},[n]);const j=c.useCallback(()=>{a?w(!0):m("sharedViews")},[a,m,w,s]),C=!u||(d==null?void 0:d.id)===u.id?f:u.id;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n&&M.createPortal(t.jsxRuntimeExports.jsxs(S.ViewsModal,{style:_,ref:o,tabIndex:0,children:[t.jsxRuntimeExports.jsx(W.ViewsMenu,{items:y,selected:C}),t.jsxRuntimeExports.jsx(O.ViewItem,{label:"Create new view",id:R,startContent:t.jsxRuntimeExports.jsx(V.Icon,{icon:"add"}),endContent:!a&&t.jsxRuntimeExports.jsx(N,{icon:"bolt"}),onClick:j,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=R;exports.ViewsMenuContainer=A;exports.WORKING_VIEW_ID=f;
 //# sourceMappingURL=ViewsMenuContainer.cjs.js.map