@ynput/ayon-frontend-shared 0.2.21 → 0.2.22

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

@@ -4,6 +4,10 @@ const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const React = require("react");
 const ViewItem_styled = require("./ViewItem.styled.cjs.js");
 const clsx = require("clsx");
+const platform = require("../../../util/platform.cjs.js");
+require("lodash");
+require("react-toastify");
+require("../../../util/pubsub.cjs.js");
 const ViewItem = React.forwardRef(
   ({
     label,
@@ -15,12 +19,24 @@ const ViewItem = React.forwardRef(
     highlighted,
     onEdit,
     onSave,
+    onResetView,
     className,
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewItem_styled.ViewItem, { ...props, className: clsx(className, { selected: isSelected }), ref, children: [
       startContent && startContent,
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "label", children: label }),
+      onResetView && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ViewItem_styled.ActionButton,
+        {
+          icon: "restart_alt",
+          variant: "text",
+          className: "reset",
+          onClick: onResetView,
+          "data-tooltip": "Reset this view to default",
+          "data-shortcut": platform.getPlatformShortcutKey("0", [platform.KeyMode.Shift, platform.KeyMode.Ctrl])
+        }
+      ),
       isEditable && isSaveable && !isSelected && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
         ViewItem_styled.ActionButton,
         {
@@ -31,7 +47,7 @@ const ViewItem = React.forwardRef(
           "data-tooltip": "Save view settings from current view"
         }
       ),
-      isEditable && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      isEditable && onEdit && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
         ViewItem_styled.ActionButton,
         {
           variant: "text",

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'\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  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      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={onSave}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && (\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":["forwardRef","jsxs","Styled.ViewItem","jsx","Styled.ActionButton"],"mappings":";;;;;;AAsBO,MAAM,WAAWA,MAAA;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGC,2BAAA,kBAAA,KAAAC,gBAAA,UAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAC9B,cAAc,cAAc,CAAC,cAC5BA,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cACCD,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;;"}
+{"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'\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    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={onSave}\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":["forwardRef","jsxs","Styled.ViewItem","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":";;;;;;;;;;AAwBO,MAAM,WAAWA,MAAA;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGC,2BAAA,kBAAA,KAAAC,gBAAA,UAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAE9B,eACCA,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,gBAAa;AAAA,UACb,iBAAeC,gCAAuB,KAAK,CAACC,iBAAQ,OAAOA,SAAA,QAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAED,cAAc,cAAc,CAAC,cAC5BH,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc,UACbD,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;;"}

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

@@ -2,6 +2,10 @@ import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.j
 import { forwardRef } from "react";
 import { ViewItem as ViewItem$1, ActionButton } from "./ViewItem.styled.es.js";
 import clsx from "clsx";
+import { getPlatformShortcutKey, KeyMode } from "../../../util/platform.es.js";
+import "lodash";
+import "react-toastify";
+import "../../../util/pubsub.es.js";
 const ViewItem = forwardRef(
   ({
     label,
@@ -13,12 +17,24 @@ const ViewItem = forwardRef(
     highlighted,
     onEdit,
     onSave,
+    onResetView,
     className,
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(ViewItem$1, { ...props, className: clsx(className, { selected: isSelected }), ref, children: [
       startContent && startContent,
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "label", children: label }),
+      onResetView && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ActionButton,
+        {
+          icon: "restart_alt",
+          variant: "text",
+          className: "reset",
+          onClick: onResetView,
+          "data-tooltip": "Reset this view to default",
+          "data-shortcut": getPlatformShortcutKey("0", [KeyMode.Shift, KeyMode.Ctrl])
+        }
+      ),
       isEditable && isSaveable && !isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(
         ActionButton,
         {
@@ -29,7 +45,7 @@ const ViewItem = forwardRef(
           "data-tooltip": "Save view settings from current view"
         }
       ),
-      isEditable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      isEditable && onEdit && /* @__PURE__ */ jsxRuntimeExports.jsx(
         ActionButton,
         {
           variant: "text",

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'\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  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      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={onSave}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && (\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":["jsxs","Styled.ViewItem","jsx","Styled.ActionButton"],"mappings":";;;;AAsBO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGA,kCAAA,KAAAC,YAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAC9B,cAAc,cAAc,CAAC,cAC5BA,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cACCD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;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'\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    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={onSave}\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":["jsxs","Styled.ViewItem","jsx","Styled.ActionButton"],"mappings":";;;;;;;;AAwBO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGA,kCAAA,KAAAC,YAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAE9B,eACCA,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,gBAAa;AAAA,UACb,iBAAe,uBAAuB,KAAK,CAAC,QAAQ,OAAO,QAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAED,cAAc,cAAc,CAAC,cAC5BD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc,UACbD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;"}

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

@@ -43,11 +43,13 @@ const ViewItem = styled.li`
   }
 
   /* hide save button by default */
-  .save {
+  .save,
+  .reset {
     display: none;
   }
   &:hover {
-    .save {
+    .save,
+    .reset {
       display: flex;
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ViewItem.styled.cjs.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ViewItem = styled.li`\n  position: relative;\n  padding: 4px 6px 4px 12px;\n  user-select: none;\n\n  &:has(.start-icon) {\n    padding-left: 8px;\n  }\n\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  cursor: pointer;\n\n  .label {\n    flex: 1;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    .more {\n      &:hover {\n        background-color: var(--md-sys-color-primary-container-hover);\n      }\n    }\n  }\n\n  /* hide save button by default */\n  .save {\n    display: none;\n  }\n  &:hover {\n    .save {\n      display: flex;\n    }\n  }\n`\n\nexport const ActionButton = styled(Button)`\n  &.hasIcon {\n    padding: 2px;\n  }\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n  &.active {\n    background-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-primary);\n\n    display: flex !important;\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-hover);\n    }\n  }\n`\n"],"names":["Button"],"mappings":";;;;AAGO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDlB,MAAA,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;"}
+{"version":3,"file":"ViewItem.styled.cjs.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ViewItem = styled.li`\n  position: relative;\n  padding: 4px 6px 4px 12px;\n  user-select: none;\n\n  &:has(.start-icon) {\n    padding-left: 8px;\n  }\n\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  cursor: pointer;\n\n  .label {\n    flex: 1;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    .more {\n      &:hover {\n        background-color: var(--md-sys-color-primary-container-hover);\n      }\n    }\n  }\n\n  /* hide save button by default */\n  .save,\n  .reset {\n    display: none;\n  }\n  &:hover {\n    .save,\n    .reset {\n      display: flex;\n    }\n  }\n`\n\nexport const ActionButton = styled(Button)`\n  &.hasIcon {\n    padding: 2px;\n  }\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n  &.active {\n    background-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-primary);\n\n    display: flex !important;\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-hover);\n    }\n  }\n`\n"],"names":["Button"],"mappings":";;;;AAGO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDlB,MAAA,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;"}

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

@@ -41,11 +41,13 @@ const ViewItem = styled.li`
   }
 
   /* hide save button by default */
-  .save {
+  .save,
+  .reset {
     display: none;
   }
   &:hover {
-    .save {
+    .save,
+    .reset {
       display: flex;
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ViewItem.styled.es.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ViewItem = styled.li`\n  position: relative;\n  padding: 4px 6px 4px 12px;\n  user-select: none;\n\n  &:has(.start-icon) {\n    padding-left: 8px;\n  }\n\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  cursor: pointer;\n\n  .label {\n    flex: 1;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    .more {\n      &:hover {\n        background-color: var(--md-sys-color-primary-container-hover);\n      }\n    }\n  }\n\n  /* hide save button by default */\n  .save {\n    display: none;\n  }\n  &:hover {\n    .save {\n      display: flex;\n    }\n  }\n`\n\nexport const ActionButton = styled(Button)`\n  &.hasIcon {\n    padding: 2px;\n  }\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n  &.active {\n    background-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-primary);\n\n    display: flex !important;\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-hover);\n    }\n  }\n`\n"],"names":[],"mappings":";;AAGO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDlB,MAAA,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ViewItem.styled.es.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ViewItem = styled.li`\n  position: relative;\n  padding: 4px 6px 4px 12px;\n  user-select: none;\n\n  &:has(.start-icon) {\n    padding-left: 8px;\n  }\n\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  cursor: pointer;\n\n  .label {\n    flex: 1;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    .more {\n      &:hover {\n        background-color: var(--md-sys-color-primary-container-hover);\n      }\n    }\n  }\n\n  /* hide save button by default */\n  .save,\n  .reset {\n    display: none;\n  }\n  &:hover {\n    .save,\n    .reset {\n      display: flex;\n    }\n  }\n`\n\nexport const ActionButton = styled(Button)`\n  &.hasIcon {\n    padding: 2px;\n  }\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n  &.active {\n    background-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-primary);\n\n    display: flex !important;\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-hover);\n    }\n  }\n`\n"],"names":[],"mappings":";;AAGO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDlB,MAAA,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewFormDialogFallback.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewFormDialogFallback.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ViewFormData, ViewsContextValue, ViewSettings, ViewType } from '..'\nimport { UserModel } from '@shared/api'\n\nexport interface ViewFormDialogProps {\n  editingView: Partial<ViewFormData> & { viewId?: string }\n  setEditingView: (viewId: string | null) => void\n  viewType: ViewType\n  viewSettings?: ViewSettings\n  currentUser?: UserModel\n  projectName?: string\n  setSelected: (viewId: string) => void\n  onCreateView: ViewsContextValue['onCreateView']\n  onUpdateView: ViewsContextValue['onUpdateView']\n  onDeleteView: ViewsContextValue['onDeleteView']\n  api: ViewsContextValue['api']\n  dispatch: any\n  pt?: {\n    dialog?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nconst ViewFormDialogFallback: FC<ViewFormDialogProps> = () => null\n\nexport default ViewFormDialogFallback\n"],"names":[],"mappings":";AAsBA,MAAM,yBAAkD,MAAM;;"}
+{"version":3,"file":"ViewFormDialogFallback.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewFormDialogFallback.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ViewFormData, ViewsContextValue, ViewSettings, ViewType } from '..'\nimport { ShareOption, UserModel } from '@shared/api'\n\nexport interface ViewFormDialogProps {\n  editingView: Partial<ViewFormData> & { viewId?: string }\n  setEditingView: (viewId: string | null) => void\n  viewType: ViewType\n  viewSettings?: ViewSettings\n  currentUser?: UserModel\n  projectName?: string\n  setSelected: (viewId: string) => void\n  // data\n  shareOptions?: ShareOption[]\n  // data mutations\n  onCreateView: ViewsContextValue['onCreateView']\n  onUpdateView: ViewsContextValue['onUpdateView']\n  onDeleteView: ViewsContextValue['onDeleteView']\n  api: ViewsContextValue['api']\n  dispatch: any\n  pt?: {\n    dialog?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nconst ViewFormDialogFallback: FC<ViewFormDialogProps> = () => null\n\nexport default ViewFormDialogFallback\n"],"names":[],"mappings":";AAyBA,MAAM,yBAAkD,MAAM;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewFormDialogFallback.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewFormDialogFallback.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ViewFormData, ViewsContextValue, ViewSettings, ViewType } from '..'\nimport { UserModel } from '@shared/api'\n\nexport interface ViewFormDialogProps {\n  editingView: Partial<ViewFormData> & { viewId?: string }\n  setEditingView: (viewId: string | null) => void\n  viewType: ViewType\n  viewSettings?: ViewSettings\n  currentUser?: UserModel\n  projectName?: string\n  setSelected: (viewId: string) => void\n  onCreateView: ViewsContextValue['onCreateView']\n  onUpdateView: ViewsContextValue['onUpdateView']\n  onDeleteView: ViewsContextValue['onDeleteView']\n  api: ViewsContextValue['api']\n  dispatch: any\n  pt?: {\n    dialog?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nconst ViewFormDialogFallback: FC<ViewFormDialogProps> = () => null\n\nexport default ViewFormDialogFallback\n"],"names":[],"mappings":"AAsBA,MAAM,yBAAkD,MAAM;"}
+{"version":3,"file":"ViewFormDialogFallback.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewFormDialogFallback.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ViewFormData, ViewsContextValue, ViewSettings, ViewType } from '..'\nimport { ShareOption, UserModel } from '@shared/api'\n\nexport interface ViewFormDialogProps {\n  editingView: Partial<ViewFormData> & { viewId?: string }\n  setEditingView: (viewId: string | null) => void\n  viewType: ViewType\n  viewSettings?: ViewSettings\n  currentUser?: UserModel\n  projectName?: string\n  setSelected: (viewId: string) => void\n  // data\n  shareOptions?: ShareOption[]\n  // data mutations\n  onCreateView: ViewsContextValue['onCreateView']\n  onUpdateView: ViewsContextValue['onUpdateView']\n  onDeleteView: ViewsContextValue['onDeleteView']\n  api: ViewsContextValue['api']\n  dispatch: any\n  pt?: {\n    dialog?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nconst ViewFormDialogFallback: FC<ViewFormDialogProps> = () => null\n\nexport default ViewFormDialogFallback\n"],"names":[],"mappings":"AAyBA,MAAM,yBAAkD,MAAM;"}

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

@@ -53,6 +53,7 @@ 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");
@@ -61,24 +62,24 @@ require("../../../api/queries/entityLists/updateLists.cjs.js");
 require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/grouping/getGrouping.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/watchers/getWatchers.cjs.js");
-require("../../../api/queries/permissions/getPermissions.cjs.js");
-require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
-require("../../../api/queries/products/createProduct.cjs.js");
-require("../../../api/queries/cloud/cloud.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");
@@ -90,7 +91,7 @@ require("react-dom");
 require("../../../context/pip/PiPWrapper.cjs.js");
 require("../../../context/AddonProjectContext.cjs.js");
 require("../../../context/AddonContext.cjs.js");
-require("../../../context/PowerpackContext.cjs.js");
+const PowerpackContext = require("../../../context/PowerpackContext.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
 const ViewFormDialogFallback = require("./ViewFormDialogFallback.cjs.js");
@@ -105,6 +106,7 @@ const ViewsDialogContainer = ({}) => {
     projectName,
     currentUser,
     viewSettings,
+    shareOptions,
     setSelectedView,
     onCreateView,
     onUpdateView,
@@ -112,12 +114,14 @@ const ViewsDialogContainer = ({}) => {
     api,
     dispatch
   } = ViewsContext.useViewsContext();
+  const { powerLicense } = PowerpackContext.usePowerpack();
   const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule.useLoadModule({
     addon: "powerpack",
     remote: "views",
     module: "ViewFormDialog",
     fallback: ViewFormDialogFallback,
-    minVersion: "1.1.1-views"
+    minVersion: "1.1.1-views",
+    skip: !viewType || !powerLicense
   });
   if (!viewType || !editingView) return null;
   if (editingView && outdated) {
@@ -134,6 +138,7 @@ const ViewsDialogContainer = ({}) => {
       setEditingView,
       viewType,
       projectName,
+      shareOptions,
       setSelected: setSelectedView,
       onCreateView,
       onUpdateView,

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'\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    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\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-views',\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog isOpen header=\"Powerpack Update Required\" onClose={() => setEditingView(null)}>\n        <p>\n          The View Form Dialog is outdated. Please update the Powerpack addon to the latest version.\n        </p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\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":["useViewsContext","useLoadModule","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,6BAAgB;AAEd,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAIC,4BAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EAAA,CACb;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAC3B,WACGC,2BAAAA,kBAAAA,IAAAC,oBAAAA,QAAA,EAAO,QAAM,MAAC,QAAO,6BAA4B,SAAS,MAAM,eAAe,IAAI,GAClF,UAACD,iDAAA,KAAA,EAAE,uGAEH,CAAA,GACF;AAAA,EAAA;AAKF,SAAAA,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;;;"}
+{"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    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-views',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog isOpen header=\"Powerpack Update Required\" onClose={() => setEditingView(null)}>\n        <p>\n          The View Form Dialog is outdated. Please update the Powerpack addon to the latest version.\n        </p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\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":["useViewsContext","usePowerpack","useLoadModule","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,6BAAgB;AAEd,QAAA,EAAE,aAAa,IAAIC,8BAAa;AAEhC,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAIC,4BAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAC3B,WACGC,2BAAAA,kBAAAA,IAAAC,oBAAAA,QAAA,EAAO,QAAM,MAAC,QAAO,6BAA4B,SAAS,MAAM,eAAe,IAAI,GAClF,UAACD,iDAAA,KAAA,EAAE,uGAEH,CAAA,GACF;AAAA,EAAA;AAKF,SAAAA,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;;;"}

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

@@ -51,6 +51,7 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
@@ -59,24 +60,24 @@ import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
-import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../api/queries/permissions/getPermissions.es.js";
-import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
-import "../../../api/queries/products/createProduct.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
 import "lodash";
 import "react-toastify";
 import "../../../context/RemoteModulesContext.es.js";
@@ -88,7 +89,7 @@ import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import "../../../context/PowerpackContext.es.js";
+import { usePowerpack } from "../../../context/PowerpackContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import ViewFormDialogFallback from "./ViewFormDialogFallback.es.js";
@@ -103,6 +104,7 @@ const ViewsDialogContainer = ({}) => {
     projectName,
     currentUser,
     viewSettings,
+    shareOptions,
     setSelectedView,
     onCreateView,
     onUpdateView,
@@ -110,12 +112,14 @@ const ViewsDialogContainer = ({}) => {
     api,
     dispatch
   } = useViewsContext();
+  const { powerLicense } = usePowerpack();
   const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({
     addon: "powerpack",
     remote: "views",
     module: "ViewFormDialog",
     fallback: ViewFormDialogFallback,
-    minVersion: "1.1.1-views"
+    minVersion: "1.1.1-views",
+    skip: !viewType || !powerLicense
   });
   if (!viewType || !editingView) return null;
   if (editingView && outdated) {
@@ -132,6 +136,7 @@ const ViewsDialogContainer = ({}) => {
       setEditingView,
       viewType,
       projectName,
+      shareOptions,
       setSelected: setSelectedView,
       onCreateView,
       onUpdateView,

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'\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    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\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-views',\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog isOpen header=\"Powerpack Update Required\" onClose={() => setEditingView(null)}>\n        <p>\n          The View Form Dialog is outdated. Please update the Powerpack addon to the latest version.\n        </p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\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":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,gBAAgB;AAEd,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAI,cAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EAAA,CACb;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAC3B,WACGA,kCAAAA,IAAA,QAAA,EAAO,QAAM,MAAC,QAAO,6BAA4B,SAAS,MAAM,eAAe,IAAI,GAClF,UAACA,sCAAA,KAAA,EAAE,uGAEH,CAAA,GACF;AAAA,EAAA;AAKF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;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    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-views',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog isOpen header=\"Powerpack Update Required\" onClose={() => setEditingView(null)}>\n        <p>\n          The View Form Dialog is outdated. Please update the Powerpack addon to the latest version.\n        </p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\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":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,gBAAgB;AAEd,QAAA,EAAE,aAAa,IAAI,aAAa;AAEhC,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAI,cAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAC3B,WACGA,kCAAAA,IAAA,QAAA,EAAO,QAAM,MAAC,QAAO,6BAA4B,SAAS,MAAM,eAAe,IAAI,GAClF,UAACA,sCAAA,KAAA,EAAE,uGAEH,CAAA,GACF;AAAA,EAAA;AAKF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js

@@ -56,6 +56,7 @@ 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");
@@ -64,24 +65,24 @@ require("../../../api/queries/entityLists/updateLists.cjs.js");
 require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/grouping/getGrouping.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");
+const share = require("../../../api/queries/share/share.cjs.js");
 require("../../../api/queries/system/getSystem.cjs.js");
 require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 const getUsers = require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
-require("../../../api/queries/watchers/getWatchers.cjs.js");
-require("../../../api/queries/permissions/getPermissions.cjs.js");
-require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
-require("../../../api/queries/products/createProduct.cjs.js");
-require("../../../api/queries/cloud/cloud.cjs.js");
 const getViews = require("../../../api/queries/views/getViews.cjs.js");
 const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("lodash");
 require("react-toastify");
 require("../../../context/DetailsPanelContext.cjs.js");
@@ -118,9 +119,16 @@ const ViewsProvider = ({
     powerLicense = debug.powerLicense;
   }
   const { data: currentUser } = getUsers.useGetCurrentUserQuery();
-  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations.useViewsMutations({ viewType, projectName });
+  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations.useViewsMutations({
+    viewType,
+    projectName
+  });
   const [isMenuOpen, setIsMenuOpen] = React.useState(false);
   const [editingView, setEditingView] = React.useState(null);
+  const { data: shareOptions } = share.useGetShareOptionsQuery(
+    { projectName },
+    { skip: !powerLicense || !editingView }
+  );
   const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView.useSelectedView({
     viewType,
     projectName
@@ -154,6 +162,19 @@ const ViewsProvider = ({
     sourceSettings: viewSettings,
     onUpdateView
   });
+  const resetWorkingView = React.useCallback(async () => {
+    try {
+      await onResetWorkingView({
+        existingWorkingViewId: workingView == null ? void 0 : workingView.id,
+        selectedViewId: selectedView == null ? void 0 : selectedView.id,
+        setSelectedView,
+        setSettingsChanged: setViewSettingsChanged,
+        notify: true
+      });
+    } catch (error) {
+      console.error("Failed to reset view:", error);
+    }
+  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged]);
   const viewMenuItems = useBuildViewMenuItems.default({
     viewsList,
     workingView,
@@ -162,9 +183,11 @@ const ViewsProvider = ({
     currentUser,
     useWorkingView: !powerLicense,
     editingViewId,
+    onResetWorkingView,
     onSelect: (viewId) => {
       setSelectedView(viewId);
       setViewSettingsChanged(false);
+      setIsMenuOpen(false);
     },
     onEdit: (viewId) => setEditingView(viewId),
     onSave: async (viewId) => onSaveViewFromCurrent(viewId)
@@ -185,6 +208,8 @@ const ViewsProvider = ({
     viewMenuItems,
     isLoadingViews,
     isViewWorking,
+    // data
+    shareOptions,
     setIsMenuOpen,
     setEditingView,
     setSelectedView,
@@ -193,6 +218,8 @@ const ViewsProvider = ({
     onCreateView,
     onUpdateView,
     onDeleteView,
+    // shared actions
+    resetWorkingView,
     // api
     api: updateViews.viewsQueries,
     dispatch

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useBuildViewMenuItems","viewsQueries","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onResetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useGetShareOptionsQuery","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useCallback","useBuildViewMenuItems","viewsQueries","jsx","useContext"],"mappings":"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"}