@ynput/ayon-frontend-shared 0.2.2 → 0.2.4

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.cjs.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const clsx = require("clsx");
+const React = require("react");
+const styled = require("styled-components");
+const Item = styled.li`
+  display: flex;
+  padding: 2px;
+  padding-left: 8px;
+  height: 32px;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--base-gap-large);
+  cursor: pointer;
+  border-radius: 4px;
+  cursor: default;
+  user-select: none;
+  overflow: hidden;
+
+  .label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &.highlighted {
+    background-color: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+
+    &:hover {
+      background-color: var(--md-sys-color-secondary-container-hover);
+    }
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+`;
+const Actions = styled.div`
+  display: flex;
+  gap: var(--base-gap-small);
+  margin-left: auto;
+`;
+const ActionButton = styled(ayonReactComponents.Button)`
+  background-color: unset;
+  padding: 4px;
+
+  &.active {
+    .icon {
+      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;
+    }
+  }
+
+  &.active {
+    opacity: 1;
+  }
+`;
+const SettingsPanelItemTemplate = React.forwardRef(
+  ({ item, actions, startContent, endContent, isHighlighted, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      Item,
+      {
+        className: clsx("setting-item", className, { highlighted: isHighlighted }),
+        ...props,
+        ref,
+        children: [
+          startContent,
+          item.icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: item.icon }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "label", children: item.label }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Actions, { className: "actions", children: actions == null ? void 0 : actions.map(({ icon, className: className2, active, ...action }, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ActionButton, { className: clsx("action", className2, { active }), ...action, children: [
+            icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon }),
+            action.children
+          ] }, index)) }),
+          endContent
+        ]
+      }
+    );
+  }
+);
+exports.SettingsPanelItemTemplate = SettingsPanelItemTemplate;
+//# sourceMappingURL=SettingsPanelItemTemplate.cjs.js.map

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelItemTemplate.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  ({ item, actions, startContent, endContent, isHighlighted, className, ...props }, ref) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, { highlighted: isHighlighted })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, ...action }, index) => (\n            <ActionButton key={index} className={clsx('action', className, { active })} {...action}>\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Button","forwardRef","jsxs","jsx","Icon","className"],"mappings":";;;;;;;AAKA,MAAM,OAAO,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;AAkCpB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC3B,MAAM,4BAA4BC,MAAA;AAAA,EACvC,CAAC,EAAE,MAAM,SAAS,cAAc,YAAY,eAAe,WAAW,GAAG,MAAM,GAAG,QAAQ;AAEtF,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK,gBAAgB,WAAW,EAAE,aAAa,eAAe;AAAA,QACxE,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,UAAA;AAAA,UACA,KAAK,QAAQC,iDAACC,oBAAAA,MAAK,EAAA,MAAM,KAAK,MAAM;AAAA,UACpCD,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,eAAK,OAAM;AAAA,UACpCA,2BAAAA,kBAAAA,IAAC,SAAQ,EAAA,WAAU,WAChB,UAAA,mCAAS,IAAI,CAAC,EAAE,MAAM,WAAAE,YAAW,QAAQ,GAAG,OAAO,GAAG,UACrDH,2BAAA,kBAAA,KAAC,cAAyB,EAAA,WAAW,KAAK,UAAUG,YAAW,EAAE,OAAO,CAAC,GAAI,GAAG,QAC7E,UAAA;AAAA,YAAQ,QAAAF,2BAAA,kBAAA,IAACC,4BAAK,KAAY,CAAA;AAAA,YAC1B,OAAO;AAAA,UAAA,KAFS,KAGnB,IAEJ;AAAA,UACC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.es.js

@@ -0,0 +1,83 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { Button, Icon } from "@ynput/ayon-react-components";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styled from "styled-components";
+const Item = styled.li`
+  display: flex;
+  padding: 2px;
+  padding-left: 8px;
+  height: 32px;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--base-gap-large);
+  cursor: pointer;
+  border-radius: 4px;
+  cursor: default;
+  user-select: none;
+  overflow: hidden;
+
+  .label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &.highlighted {
+    background-color: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+
+    &:hover {
+      background-color: var(--md-sys-color-secondary-container-hover);
+    }
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+`;
+const Actions = styled.div`
+  display: flex;
+  gap: var(--base-gap-small);
+  margin-left: auto;
+`;
+const ActionButton = styled(Button)`
+  background-color: unset;
+  padding: 4px;
+
+  &.active {
+    .icon {
+      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;
+    }
+  }
+
+  &.active {
+    opacity: 1;
+  }
+`;
+const SettingsPanelItemTemplate = forwardRef(
+  ({ item, actions, startContent, endContent, isHighlighted, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Item,
+      {
+        className: clsx("setting-item", className, { highlighted: isHighlighted }),
+        ...props,
+        ref,
+        children: [
+          startContent,
+          item.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: item.icon }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "label", children: item.label }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Actions, { className: "actions", children: actions == null ? void 0 : actions.map(({ icon, className: className2, active, ...action }, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(ActionButton, { className: clsx("action", className2, { active }), ...action, children: [
+            icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon }),
+            action.children
+          ] }, index)) }),
+          endContent
+        ]
+      }
+    );
+  }
+);
+export {
+  SettingsPanelItemTemplate
+};
+//# sourceMappingURL=SettingsPanelItemTemplate.es.js.map

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelItemTemplate.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  ({ item, actions, startContent, endContent, isHighlighted, className, ...props }, ref) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, { highlighted: isHighlighted })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, ...action }, index) => (\n            <ActionButton key={index} className={clsx('action', className, { active })} {...action}>\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["jsxs","jsx","className"],"mappings":";;;;;AAKA,MAAM,OAAO,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;AAkCpB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC3B,MAAM,4BAA4B;AAAA,EACvC,CAAC,EAAE,MAAM,SAAS,cAAc,YAAY,eAAe,WAAW,GAAG,MAAM,GAAG,QAAQ;AAEtF,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK,gBAAgB,WAAW,EAAE,aAAa,eAAe;AAAA,QACxE,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA;AAAA,UAAA;AAAA,UACA,KAAK,QAAQC,sCAAC,MAAK,EAAA,MAAM,KAAK,MAAM;AAAA,UACpCA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,eAAK,OAAM;AAAA,UACpCA,kCAAAA,IAAC,SAAQ,EAAA,WAAU,WAChB,UAAA,mCAAS,IAAI,CAAC,EAAE,MAAM,WAAAC,YAAW,QAAQ,GAAG,OAAO,GAAG,UACrDF,kCAAA,KAAC,cAAyB,EAAA,WAAW,KAAK,UAAUE,YAAW,EAAE,OAAO,CAAC,GAAI,GAAG,QAC7E,UAAA;AAAA,YAAQ,QAAAD,kCAAA,IAAC,QAAK,KAAY,CAAA;AAAA,YAC1B,OAAO;AAAA,UAAA,KAFS,KAGnB,IAEJ;AAAA,UACC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js

@@ -8,6 +8,7 @@ const clsx = require("clsx");
 require("../../context/RemoteModulesContext.cjs.js");
 require("../../context/DetailsPanelContext.cjs.js");
 const ThumbnailUploaderContext = 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");

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["css","useContext","ThumbnailUploadContext","jsx","Thumbnail"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACVA,OAAA;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAsBvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkBC,MAAA,WAAWC,+CAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,2BAAA,kBAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["css","useContext","ThumbnailUploadContext","jsx","Thumbnail"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACVA,OAAA;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAsBvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkBC,MAAA,WAAWC,+CAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,2BAAA,kBAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js

@@ -6,6 +6,7 @@ import clsx from "clsx";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import { ThumbnailUploadContext } from "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACV;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAsBvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkB,WAAW,sBAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n  $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n  display: flex;\n  z-index: 10;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  min-width: min-content;\n  cursor: pointer;\n\n  &.stacking {\n    & > * {\n      margin: unset;\n      aspect-ratio: 1;\n      border: solid 2px var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n\n      span {\n        font-size: 24px;\n      }\n\n      ${({ $length }) =>\n        $length > 1 &&\n        css`\n          :not(:last-child) {\n            box-shadow: 0 0 4px 0px black;\n          }\n        `}\n    }\n\n    /* create stacked effect */\n    & > * + * {\n      margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n    }\n  }\n`\n\ntype Thumbnail = {\n  id?: string\n  type?: string\n  projectName?: string\n  icon?: string\n  updatedAt?: string\n  src?: string\n}\n\nexport interface StackedThumbnailsProps\n  extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {\n  thumbnails?: Thumbnail[]\n  isLoading?: boolean\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n  thumbnails = [],\n  isLoading,\n  className,\n  style,\n  ...props\n}: StackedThumbnailsProps) => {\n  const { onContextMenu } = useContext(ThumbnailUploadContext)\n  // limit to 5 users\n  thumbnails = thumbnails.slice(0, 5)\n  const isStacking = thumbnails.length > 1\n\n  if (!thumbnails.length) return null\n\n  return (\n    <StackedStyled\n      $length={thumbnails.length}\n      className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n    >\n      {thumbnails.map((thumb, i) =>\n        thumb ? (\n          <Thumbnail\n            projectName={thumb.projectName}\n            entityType={thumb.type}\n            entityId={thumb.id}\n            icon={thumb.icon}\n            key={thumb.id || thumb.src || i}\n            style={{ ...style, zIndex: -i }}\n            entityUpdatedAt={thumb.updatedAt}\n            isLoading={isLoading}\n            src={thumb.src}\n            // @ts-ignore\n            onContextMenu={onContextMenu}\n            {...props}\n          />\n        ) : null,\n      )}\n    </StackedStyled>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACV;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAsBvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkB,WAAW,sBAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/Watchers/Watchers.cjs.js

@@ -49,6 +49,10 @@ require("../../api/queries/authentication/getAuthentication.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/folders/getFolders.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");

package/dist/shared/src/components/Watchers/Watchers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useGetEntitiesWatchersQuery","useSetEntitiesWatchersMutation","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAAC,YAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAIC,2CAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACdC,sBAAA,MAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["forwardRef","useGetEntitiesWatchersQuery","useSetEntitiesWatchersMutation","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAAC,YAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAIC,2CAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACdC,sBAAA,MAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/Watchers/Watchers.es.js

@@ -47,6 +47,10 @@ import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+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/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";

package/dist/shared/src/components/Watchers/Watchers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAI,+BAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACd,cAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,UAAU,YAAY,kBAAkB,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvE,UAAM,gBAAgB,SAAS,IAAI,CAAC,YAAY;AAAA,MAC9C,UAAU,OAAO;AAAA,MACjB;AAAA,MACA,aAAa,OAAO;AAAA,IAAA,EACpB;AAEF,UAAM,EAAE,MAAM,WAAW,CAAA,EAAO,IAAA;AAAA,MAC9B;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,MAAM,CAAC,SAAS,OAAO;AAAA,IAC3B;AAGA,UAAM,iBAAiB,MAAM,KAAK,IAAI,IAAI,SAAS,QAAQ,CAAC,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAEpF,UAAA,CAAC,mBAAmB,IAAI,+BAA+B;AAEvD,UAAA,eAAe,OAAO,UAAoB;AAGxC,YAAA,QAAQ,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,SAAS,OAAO,CAAC;AACnE,YAAA,UAAU,eAAe,OAAO,CAAC,YAAY,CAAC,MAAM,SAAS,OAAO,CAAC;AAI3E,YAAM,kBAAkB,SAAS,IAAI,CAAC,WAAW;AAEzC,cAAA,cAAc,OAAO,SAAS,OAAO,CAAC,YAAY,CAAC,QAAQ,SAAS,OAAO,CAAC;AAEtE,oBAAA,KAAK,GAAG,KAAK;AAElB,eAAA;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MAAA,CACD;AAGG,UAAA;AACF,cAAM,oBAAoB,EAAE,UAAU,gBAAiB,CAAA,EAAE,OAAO;AAC5C,4BAAA,iBAAiB,OAAO,OAAO;AAAA,eAC5C,OAAO;AACd,cAAM,MAAM,2BAA2B;AAAA,MAAA;AAAA,IAE3C;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAW;AAAA,MAAA;AAAA,IAC5C;AAAA,EAAA;AAGN;"}

package/dist/shared/src/containers/Actions/ActionConfigDialog.cjs.js

@@ -56,6 +56,10 @@ require("../../api/queries/authentication/getAuthentication.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/folders/getFolders.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
@@ -73,13 +77,14 @@ require("@dnd-kit/sortable");
 require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
 require("../ContextMenu/ContextMenuContext.cjs.js");
 ;/* empty css                                   */
-require("../../../../_virtual/lodash.cjs.js");
+require("lodash");
 require("../../util/pubsub.cjs.js");
 require("axios");
 require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
 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");
@@ -125,6 +130,18 @@ require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
+require("@tanstack/react-table");
+require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
+require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
+require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");
+require("../ProjectTreeTable/widgets/TextWidget.cjs.js");
+require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");
+require("../ProjectTreeTable/widgets/CellWidget.cjs.js");
+require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
+require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
+require("../ProjectTreeTable/components/SelectionCell.cjs.js");
+require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");
 require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
@@ -144,6 +161,11 @@ require("../../components/EntityPath/EntityPath.styled.cjs.js");
 require("../../components/EntityPath/SegmentProvider.cjs.js");
 require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
 require("../../components/Watchers/Watchers.cjs.js");
+require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../../components/SettingsPanel/SettingsPanel.cjs.js");
+require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../../components/AttributeEditor/components/MinMaxField.cjs.js");
+require("../../components/EnumEditor/EnumEditor.styled.cjs.js");
 const ActionConfigDialog = ({ action, onClose, context }) => {
   const requestParams = React.useMemo(() => {
     if (!action) return null;

package/dist/shared/src/containers/Actions/ActionConfigDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionConfigDialog.cjs.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["useMemo","useSetActionConfigMutation","useGetActionConfigQuery","toast","jsx","SimpleFormDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJA,MAAAA,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAIC,sCAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAeC,WAAAA,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9CC,oBAAA,MAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;;"}
+{"version":3,"file":"ActionConfigDialog.cjs.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["useMemo","useSetActionConfigMutation","useGetActionConfigQuery","toast","jsx","SimpleFormDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJA,MAAAA,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAIC,sCAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAeC,WAAAA,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9CC,oBAAA,MAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;;"}

package/dist/shared/src/containers/Actions/ActionConfigDialog.es.js

@@ -54,6 +54,10 @@ import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+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/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
@@ -71,13 +75,14 @@ import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
-import "../../../../_virtual/lodash.es.js";
+import "lodash";
 import "../../util/pubsub.es.js";
 import "axios";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
@@ -123,6 +128,18 @@ import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
+import "@tanstack/react-table";
+import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../ProjectTreeTable/widgets/DateWidget.es.js";
+import "../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../ProjectTreeTable/widgets/CellWidget.es.js";
+import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../ProjectTreeTable/components/SelectionCell.es.js";
+import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
@@ -142,6 +159,11 @@ import "../../components/EntityPath/EntityPath.styled.es.js";
 import "../../components/EntityPath/SegmentProvider.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../components/Watchers/Watchers.es.js";
+import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../components/EnumEditor/EnumEditor.styled.es.js";
 const ActionConfigDialog = ({ action, onClose, context }) => {
   const requestParams = useMemo(() => {
     if (!action) return null;

package/dist/shared/src/containers/Actions/ActionConfigDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionConfigDialog.es.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJ,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAI,2BAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAe,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9C,YAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;"}
+{"version":3,"file":"ActionConfigDialog.es.js","sources":["../../../../../src/containers/Actions/ActionConfigDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormValueDict } from '@shared/components'\n\nimport { useGetActionConfigQuery, useSetActionConfigMutation } from '@shared/api'\nimport type { ActionContext, BaseActionManifest } from '@shared/api'\n\ntype ConfigData = Record<string, any>\n\ninterface ActionConfigDialogProps {\n  action: BaseActionManifest\n  context: ActionContext\n  onClose: () => void\n}\n\ninterface ActionConfigRequestQueryParams {\n  addonName: string\n  addonVersion: string\n  variant?: string\n  identifier: string\n}\n\nexport const ActionConfigDialog = ({ action, onClose, context }: ActionConfigDialogProps) => {\n  const requestParams: ActionConfigRequestQueryParams | null =\n    useMemo<ActionConfigRequestQueryParams | null>(() => {\n      if (!action) return null\n      if (!(action.addonName && action.addonVersion)) return null // this should never happen\n      return {\n        addonName: action.addonName,\n        addonVersion: action.addonVersion,\n        variant: action.variant,\n        identifier: action.identifier,\n      }\n    }, [action])\n\n  const [configureAction] = useSetActionConfigMutation()\n\n  // make typescript happily unknowing about the type\n  // because even if we pass skip, arguments are still required in the right type. that's cursed\n  const qp: any = { actionConfig: context, ...(requestParams || {}) }\n  const { data: initValues } = useGetActionConfigQuery(qp, { skip: !requestParams })\n\n  // it would be sooo cool if i could do this BEFORE the query and ommit that\n  // qp thing, but i can't. because it would change the hook order. ffs\n  if (!(initValues && action?.configFields && action && requestParams)) {\n    return null\n  }\n\n  const handleSubmit = async (data: ConfigData) => {\n    try {\n      await configureAction({\n        actionConfig: { ...context, value: data },\n        ...requestParams,\n      }).unwrap()\n      onClose()\n    } catch (error) {\n      console.warn('Error configuring action', error)\n      toast.error('Unable to set the action configuration')\n    }\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`Configure action ${action.label}`}\n      fields={action.configFields}\n      values={initValues as SimpleFormValueDict}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n      submitLabel=\"Save action config\"\n      cancelLabel=\"Cancel\"\n      submitIcon=\"check\"\n      cancelIcon=\"close\"\n    />\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC,EAAE,QAAQ,SAAS,cAAuC;AACrF,QAAA,gBACJ,QAA+C,MAAM;AAC/C,QAAA,CAAC,OAAe,QAAA;AACpB,QAAI,EAAE,OAAO,aAAa,OAAO,cAAsB,QAAA;AAChD,WAAA;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,cAAc,OAAO;AAAA,MACrB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AAEP,QAAA,CAAC,eAAe,IAAI,2BAA2B;AAIrD,QAAM,KAAU,EAAE,cAAc,SAAS,GAAI,iBAAiB,CAAA,EAAI;AAC5D,QAAA,EAAE,MAAM,eAAe,wBAAwB,IAAI,EAAE,MAAM,CAAC,eAAe;AAIjF,MAAI,EAAE,eAAc,iCAAQ,iBAAgB,UAAU,gBAAgB;AAC7D,WAAA;AAAA,EAAA;AAGH,QAAA,eAAe,OAAO,SAAqB;AAC3C,QAAA;AACF,YAAM,gBAAgB;AAAA,QACpB,cAAc,EAAE,GAAG,SAAS,OAAO,KAAK;AAAA,QACxC,GAAG;AAAA,MACJ,CAAA,EAAE,OAAO;AACF,cAAA;AAAA,aACD,OAAO;AACN,cAAA,KAAK,4BAA4B,KAAK;AAC9C,YAAM,MAAM,wCAAwC;AAAA,IAAA;AAAA,EAExD;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,oBAAoB,OAAO,KAAK;AAAA,MACvC,QAAQ,OAAO;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,YAAW;AAAA,IAAA;AAAA,EACb;AAEJ;"}

package/dist/shared/src/containers/Actions/Actions.cjs.js

@@ -53,6 +53,10 @@ require("../../api/queries/authentication/getAuthentication.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/folders/getFolders.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
@@ -70,9 +74,10 @@ const ActionIcon = require("./ActionIcon.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
-require("../../../../_virtual/lodash.cjs.js");
+require("lodash");
 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");
@@ -83,7 +88,8 @@ const placeholder = {
   identifier: "placeholder",
   label: "Featured action slot",
   isPlaceholder: true,
-  icon: { type: "material-symbols", name: "sync" }
+  icon: { type: "material-symbols", name: "sync" },
+  groupLabel: ""
 };
 const Actions = ({
   entities,
@@ -97,9 +103,12 @@ const Actions = ({
   const context = React.useMemo(() => {
     if (!entities.length) return null;
     if (!entities[0].projectName) return null;
-    const entitySubtypesLoaded = entities.map((entity) => entity.entitySubType).filter((value, index, self) => self.indexOf(value) === index && value);
-    const entitySubTypesToUse = entitySubTypes || entitySubtypesLoaded || [];
-    if (!(entitySubTypesToUse == null ? void 0 : entitySubTypesToUse.length) && entityType !== "version") return null;
+    const entitySubtypesLoaded = entities.filter((entity) => entity.entitySubType).map((entity) => entity.entitySubType).filter((value, index, self) => self.indexOf(value) === index && value);
+    const entitySubTypesToUse = (entitySubTypes == null ? void 0 : entitySubTypes.length) ? entitySubTypes : entitySubtypesLoaded;
+    if (!(entitySubTypesToUse == null ? void 0 : entitySubTypesToUse.length) && entityType !== "version" && entityType !== "representation") {
+      console.warn("No entity subtypes found");
+      return null;
+    }
     return {
       projectName: entities[0].projectName,
       entityType,
@@ -148,7 +157,7 @@ const Actions = ({
       });
       const groupOptions = groupedActions[category].map((action) => ({
         value: action.identifier,
-        label: action.label,
+        label: action.groupLabel ? action.groupLabel + " " + action.label : action.label,
         icon: action.icon,
         hasConfig: !!action.configFields
       }));
@@ -266,7 +275,7 @@ const Actions = ({
           // @ts-expect-error
           isPlaceholder: action.isPlaceholder
         }),
-        "data-tooltip": action.label,
+        "data-tooltip": action.groupLabel ? action.groupLabel + " " + action.label : action.label,
         disabled: action.isPlaceholder,
         onClick: (e) => handleExecuteAction(action.identifier, e),
         children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ActionIcon, { icon: action.icon, isExecuting: executingAction === action.identifier })