npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.13 → 0.2.15 - Mend

@ynput/ayon-frontend-shared 0.2.13 → 0.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (382) hide show

package/dist/shared/src/components/SettingsPanel/SettingsPanel.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsPanel.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n height: 100%;\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n z-index: 10;\n display: flex;\n flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 34px;\n padding: 0px 4px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n h3 {\n margin-left: 4px;\n padding: 0;\n }\n`\n\nconst ToolButton = styled(Button)`\n padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n margin: 0;\n flex: 1;\n`\n\nconst PanelContent = styled.div`\n padding: 8px;\n flex: 1;\n overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n width: 100%;\n justify-content: flex-start;\n margin-bottom: 8px;\n text-align: left;\n display: flex;\n gap: var(--base-gap-small);\n\n .title {\n flex: 1;\n }\n\n .preview {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport interface SettingConfig {\n id: SettingField\n title: string\n component: ReactNode\n icon?: string\n preview?: string \| number\n}\n\nexport interface SettingsPanelProps {\n settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n useSettingsPanel()\n\n const getPanelTitle = () => {\n if (!selectedSetting) return 'Settings'\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.title \|\| 'Settings'\n }\n\n const renderSettingContent = () => {\n if (!selectedSetting) {\n // Render main menu\n return (\n <>\n {settings.map((setting) => (\n <SettingOption\n key={setting.id}\n onClick={() => selectSetting(setting.id)}\n variant=\"text\"\n >\n {setting.icon && <Icon icon={setting.icon} />}\n <span className=\"title\">{setting.title}</span>\n {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n </SettingOption>\n ))}\n </>\n )\n }\n\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.component\n }\n\n return (\n <SidePanel open={isPanelOpen}>\n <PanelHeader>\n {selectedSetting && settings.length > 1 && (\n <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n )}\n <PanelTitle>{getPanelTitle()}</PanelTitle>\n <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n </PanelHeader>\n <PanelContent>{renderSettingContent()}</PanelContent>\n </SidePanel>\n )\n}\n"],"names":["Button","useSettingsPanel","jsx","Fragment","setting","jsxs","Icon"],"mappings":"~~;;;;;;;;;;;;;;~~AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAOA,0BAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AA6BnC~~,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChEC,sCAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKC,2BAAAA,kBAAAA,IAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,0CAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,iDAACI,oBAAAA,MAAK,EAAA,MAAMF,SAAQ,MAAM;AAAA,+DAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,~~2BAAA~~,~~kBAAA~~,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,~~UANxEA~~,SAAQ;AAAA,~~QAQhB~~;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,2BAAA,kBAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,kDAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,2BAAA,kBAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,2BAAAA,kBAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,uDAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,2BAAAA,kBAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;;;"}
1	+ {"version":3,"file":"SettingsPanel.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n height: 100%;\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n z-index: 10;\n display: flex;\n flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 34px;\n padding: 0px 4px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n h3 {\n margin-left: 4px;\n padding: 0;\n }\n`\n\nconst ToolButton = styled(Button)`\n padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n margin: 0;\n flex: 1;\n`\n\nconst PanelContent = styled.div`\n padding: 8px;\n flex: 1;\n overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n width: 100%;\n justify-content: flex-start;\n margin-bottom: 8px;\n text-align: left;\n display: flex;\n gap: var(--base-gap-small);\n padding-right: var(--padding-s);\n\n .title {\n flex: 1;\n }\n\n .preview,\n .arrow {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport interface SettingConfig {\n id: SettingField\n title: string\n component: ReactNode\n icon?: string\n preview?: string \| number\n}\n\nexport interface SettingsPanelProps {\n settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n useSettingsPanel()\n\n const getPanelTitle = () => {\n if (!selectedSetting) return 'Settings'\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.title \|\| 'Settings'\n }\n\n const renderSettingContent = () => {\n if (!selectedSetting) {\n // Render main menu\n return (\n <>\n {settings.map((setting) => (\n <SettingOption\n key={setting.id}\n onClick={() => selectSetting(setting.id)}\n variant=\"text\"\n >\n {setting.icon && <Icon icon={setting.icon} />}\n <span className=\"title\">{setting.title}</span>\n {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n <Icon icon=\"chevron_right\" className=\"arrow\" />\n </SettingOption>\n ))}\n </>\n )\n }\n\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.component\n }\n\n return (\n <SidePanel open={isPanelOpen}>\n <PanelHeader>\n {selectedSetting && settings.length > 1 && (\n <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n )}\n <PanelTitle>{getPanelTitle()}</PanelTitle>\n <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n </PanelHeader>\n <PanelContent>{renderSettingContent()}</PanelContent>\n </SidePanel>\n )\n}\n"],"names":["Button","useSettingsPanel","jsx","Fragment","setting","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAOA,0BAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BnC,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChEC,sCAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKC,2BAAAA,kBAAAA,IAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,0CAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,iDAACI,oBAAAA,MAAK,EAAA,MAAMF,SAAQ,MAAM;AAAA,+DAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,cAC5EF,2BAAA,kBAAA,IAAAI,oBAAA,MAAA,EAAK,MAAK,iBAAgB,WAAU,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAPxCF,SAAQ;AAAA,QAShB;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,2BAAA,kBAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,kDAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,2BAAA,kBAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,2BAAAA,kBAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,uDAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,2BAAAA,kBAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;;;"}

package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js CHANGED Viewed

@@ -10,6 +10,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";
 const SidePanel = styled.div`
   height: 100%;
   overflow: hidden;
@@ -51,12 +52,14 @@ const SettingOption = styled(Button)`
   text-align: left;
   display: flex;
   gap: var(--base-gap-small);
+  padding-right: var(--padding-s);
   .title {
     flex: 1;
   }
-  .preview {
+  .preview,
+  .arrow {
     color: var(--md-sys-color-outline);
   }
 `;
@@ -79,7 +82,8 @@ const SettingsPanel = ({ settings }) => {
             children: [
               setting2.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: setting2.icon }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "title", children: setting2.title }),
-              !!((_a = setting2.preview) == null ? void 0 : _a.toString()) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "preview", children: setting2.preview })
+              !!((_a = setting2.preview) == null ? void 0 : _a.toString()) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "preview", children: setting2.preview }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "chevron_right", className: "arrow" })
             ]
           },
           setting2.id

package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n height: 100%;\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n z-index: 10;\n display: flex;\n flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 34px;\n padding: 0px 4px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n h3 {\n margin-left: 4px;\n padding: 0;\n }\n`\n\nconst ToolButton = styled(Button)`\n padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n margin: 0;\n flex: 1;\n`\n\nconst PanelContent = styled.div`\n padding: 8px;\n flex: 1;\n overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n width: 100%;\n justify-content: flex-start;\n margin-bottom: 8px;\n text-align: left;\n display: flex;\n gap: var(--base-gap-small);\n\n .title {\n flex: 1;\n }\n\n .preview {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport interface SettingConfig {\n id: SettingField\n title: string\n component: ReactNode\n icon?: string\n preview?: string \| number\n}\n\nexport interface SettingsPanelProps {\n settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n useSettingsPanel()\n\n const getPanelTitle = () => {\n if (!selectedSetting) return 'Settings'\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.title \|\| 'Settings'\n }\n\n const renderSettingContent = () => {\n if (!selectedSetting) {\n // Render main menu\n return (\n <>\n {settings.map((setting) => (\n <SettingOption\n key={setting.id}\n onClick={() => selectSetting(setting.id)}\n variant=\"text\"\n >\n {setting.icon && <Icon icon={setting.icon} />}\n <span className=\"title\">{setting.title}</span>\n {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n </SettingOption>\n ))}\n </>\n )\n }\n\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.component\n }\n\n return (\n <SidePanel open={isPanelOpen}>\n <PanelHeader>\n {selectedSetting && settings.length > 1 && (\n <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n )}\n <PanelTitle>{getPanelTitle()}</PanelTitle>\n <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n </PanelHeader>\n <PanelContent>{renderSettingContent()}</PanelContent>\n </SidePanel>\n )\n}\n"],"names":["jsx","Fragment","setting","jsxs"],"mappings":"~~;;;;;;;;;;;;~~AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAO,MAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AA6BnC~~,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChE,iBAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKA,kCAAAA,IAAAC,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,iDAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,sCAAC,MAAK,EAAA,MAAME,SAAQ,MAAM;AAAA,oDAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,~~kCAAA~~,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,~~UANxEA~~,SAAQ;AAAA,~~QAQhB~~;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,kCAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,uCAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,kCAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,kCAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,4CAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,kCAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;"}
1	+ {"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n height: 100%;\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n z-index: 10;\n display: flex;\n flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 34px;\n padding: 0px 4px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n h3 {\n margin-left: 4px;\n padding: 0;\n }\n`\n\nconst ToolButton = styled(Button)`\n padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n margin: 0;\n flex: 1;\n`\n\nconst PanelContent = styled.div`\n padding: 8px;\n flex: 1;\n overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n width: 100%;\n justify-content: flex-start;\n margin-bottom: 8px;\n text-align: left;\n display: flex;\n gap: var(--base-gap-small);\n padding-right: var(--padding-s);\n\n .title {\n flex: 1;\n }\n\n .preview,\n .arrow {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport interface SettingConfig {\n id: SettingField\n title: string\n component: ReactNode\n icon?: string\n preview?: string \| number\n}\n\nexport interface SettingsPanelProps {\n settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n useSettingsPanel()\n\n const getPanelTitle = () => {\n if (!selectedSetting) return 'Settings'\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.title \|\| 'Settings'\n }\n\n const renderSettingContent = () => {\n if (!selectedSetting) {\n // Render main menu\n return (\n <>\n {settings.map((setting) => (\n <SettingOption\n key={setting.id}\n onClick={() => selectSetting(setting.id)}\n variant=\"text\"\n >\n {setting.icon && <Icon icon={setting.icon} />}\n <span className=\"title\">{setting.title}</span>\n {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n <Icon icon=\"chevron_right\" className=\"arrow\" />\n </SettingOption>\n ))}\n </>\n )\n }\n\n const setting = settings.find((s) => s.id === selectedSetting)\n return setting?.component\n }\n\n return (\n <SidePanel open={isPanelOpen}>\n <PanelHeader>\n {selectedSetting && settings.length > 1 && (\n <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n )}\n <PanelTitle>{getPanelTitle()}</PanelTitle>\n <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n </PanelHeader>\n <PanelContent>{renderSettingContent()}</PanelContent>\n </SidePanel>\n )\n}\n"],"names":["jsx","Fragment","setting","jsxs"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAO,MAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BnC,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChE,iBAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKA,kCAAAA,IAAAC,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,iDAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,sCAAC,MAAK,EAAA,MAAME,SAAQ,MAAM;AAAA,oDAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,kCAAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,cAC5EF,kCAAA,IAAA,MAAA,EAAK,MAAK,iBAAgB,WAAU,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAPxCE,SAAQ;AAAA,QAShB;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,kCAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,uCAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,kCAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,kCAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,4CAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,kCAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;"}

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.cjs.js CHANGED Viewed

@@ -20,6 +20,8 @@ const getDefaults = (fields, values) => {
       defaults[field.name] = 0;
     } else if (field.type === "text") {
       defaults[field.name] = "";
+    } else if (field.type === "multiselect") {
+      defaults[field.name] = [];
     }
   });
   return defaults;
@@ -110,6 +112,20 @@ const FormField = ({ field, value, onChange }) => {
       }
     );
   }
+  if (field.type === "multiselect") {
+    const parsedValue = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ayonReactComponents.Dropdown,
+      {
+        widthExpand: true,
+        options: field.options || [],
+        value: parsedValue,
+        onSelectionChange: (e) => onChange(e),
+        className: `form-field`,
+        multiSelect: true
+      }
+    );
+  }
 };
 const SimpleFormDialog = ({
   fields,
@@ -152,8 +168,8 @@ const SimpleFormDialog = ({
       onClose,
       header: title,
       footer,
-      style: { minHeight: 400, minWidth: 600 },
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.ScrollPanel, { style: { flexGrow: 1, background: "transparent" }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.FormLayout, { style: { width: "95%" }, children: fields.map((field) => {
+      style: { minHeight: 500, minWidth: 600 },
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.FormLayout, { style: { width: "95%" }, children: fields.map((field) => {
         if (field.type === "label") {
           return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormLabel, { field }, field.name);
         }
@@ -170,7 +186,7 @@ const SimpleFormDialog = ({
             }
           }
         ) }, field.name);
-      }) }) })
+      }) })
     }
   );
 };

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n ScrollPanel,\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputSwitch,\n Dropdown,\n} from '@ynput/ayon-react-components'\n\nimport type { SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n />\n )\n }\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && (\n <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />\n )}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 400, minWidth: 600 }}\n >\n <ScrollPanel style={{ flexGrow: 1, background: 'transparent' }}>\n <FormLayout style={{ width: '95%' }}>\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </ScrollPanel>\n </Dialog>\n )\n}\n"],"names":["jsx","InputText","InputSwitch","InputNumber","Dropdown","useState","useEffect","jsxs","Spacer","Button","Dialog","ScrollPanel","FormLayout","FormRow"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n ScrollPanel,\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputSwitch,\n Dropdown,\n} from '@ynput/ayon-react-components'\n\nimport type { SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n } else if (field.type === 'multiselect') {\n defaults[field.name] = []\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n />\n )\n } // Handle select\n\n if (field.type === 'multiselect') {\n const parsedValue = Array.isArray(value) ? value : []\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue}\n onSelectionChange={(e) => onChange(e)}\n className={`form-field`}\n multiSelect={true}\n />\n )\n }\n\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && (\n <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />\n )}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 500, minWidth: 600 }}\n >\n <FormLayout style={{ width: '95%' }}>\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </Dialog>\n )\n}\n"],"names":["jsx","InputText","InputSwitch","InputNumber","Dropdown","useState","useEffect","jsxs","Spacer","Button","Dialog","FormLayout","FormRow"],"mappings":";;;;;;;AAqBA,MAAM,cAAc,CAAC,QAA2B,WAAgC;AAC9E,QAAM,WAAgC,CAAC;AAChC,SAAA,QAAQ,CAAC,UAAU;AACpB,QAAA,MAAM,QAAQ,QAAQ;AACxB,eAAS,MAAM,IAAI,IAAI,OAAO,MAAM,IAAI;AAAA,IAAA,WAC/B,MAAM,OAAO;AACb,eAAA,MAAM,IAAI,IAAI,MAAM;AAAA,IAAA,WACpB,MAAM,SAAS,WAAW;AAC1B,eAAA,MAAM,IAAI,IAAI;AAAA,IAAA,WACd,MAAM,SAAS,WAAW;AAC1B,eAAA,MAAM,IAAI,IAAI;AAAA,IAAA,WACd,MAAM,SAAS,SAAS;AACxB,eAAA,MAAM,IAAI,IAAI;AAAA,IAAA,WACd,MAAM,SAAS,QAAQ;AACvB,eAAA,MAAM,IAAI,IAAI;AAAA,IAAA,WACd,MAAM,SAAS,eAAe;AAC9B,eAAA,MAAM,IAAI,IAAI,CAAC;AAAA,IAAA;AAAA,EAC1B,CACD;AACM,SAAA;AACT;AAEA,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B9B,MAAM,YAAY,CAAC,EAAE,YAA4B;AAC/C,QAAM,OAAO,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAG3D,SAAAA,2BAAA,kBAAA,IAAC,kBAAe,WAAW,MAAM,aAAa,UAC5C,UAAAA,2BAAAA,kBAAAA,IAAC,eAAe,EAAA,UAAA,KAAA,CAAK,EACvB,CAAA;AAEJ;AAQA,MAAM,YAAY,CAAC,EAAE,OAAO,OAAO,eAA+B;AAC5D,MAAA,MAAM,SAAS,QAAQ;AACzB,UAAM,cAAc,OAAO,UAAU,WAAW,QAAQ;AAEtD,WAAAA,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,QACxC,aAAa,MAAM,eAAe;AAAA,MAAA;AAAA,IACpC;AAAA,EAAA;AAGA,MAAA,MAAM,SAAS,WAAW;AAC5B,UAAM,cAAc,OAAO,UAAU,YAAY,QAAQ;AAEnD,UAAA,sBAAsB,CAC1B,UACG;AACH,UAAI,YAAY,SAAS,aAAa,MAAM,QAAQ;AACxC,iBAAA,MAAM,OAA4B,OAAO;AAAA,MAAA;AAAA,IAEvD;AAEA,WAAQD,2BAAAA,kBAAAA,IAAAE,oBAAAA,aAAA,EAAY,SAAS,aAAa,UAAU,qBAAqB;AAAA,EAAA;AAEvE,MAAA,MAAM,SAAS,WAAW;AAC5B,UAAM,cAAc,OAAO,UAAU,WAAW,QAAQ;AAEtD,WAAAF,2BAAA,kBAAA;AAAA,MAACG,oBAAA;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS,SAAS,EAAE,OAAO,KAAK,CAAC;AAAA,QAClD,aAAa,MAAM,eAAe;AAAA,MAAA;AAAA,IACpC;AAAA,EAAA;AAGA,MAAA,MAAM,SAAS,SAAS;AAC1B,UAAM,cAAc,OAAO,UAAU,WAAW,QAAQ;AAEtD,WAAAH,2BAAA,kBAAA;AAAA,MAACG,oBAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS,WAAW,EAAE,OAAO,KAAK,CAAC;AAAA,QACpD,aAAa,MAAM,eAAe;AAAA,MAAA;AAAA,IACpC;AAAA,EAAA;AAIA,MAAA,MAAM,SAAS,UAAU;AAC3B,UAAM,cAAc,OAAO,UAAU,WAAW,QAAQ;AAEtD,WAAAH,2BAAA,kBAAA;AAAA,MAACI,oBAAA;AAAA,MAAA;AAAA,QACC,aAAW;AAAA,QACX,SAAS,MAAM,WAAW,CAAC;AAAA,QAC3B,OAAO,cAAc,CAAC,WAAW,IAAI,CAAC;AAAA,QACtC,mBAAmB,CAAC,MAAM,SAAS,EAAE,CAAC,CAAC;AAAA,QACvC,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,EAAA;AAIA,MAAA,MAAM,SAAS,eAAe;AAChC,UAAM,cAAc,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC;AAElD,WAAAJ,2BAAA,kBAAA;AAAA,MAACI,oBAAA;AAAA,MAAA;AAAA,QACC,aAAW;AAAA,QACX,SAAS,MAAM,WAAW,CAAC;AAAA,QAC3B,OAAO;AAAA,QACP,mBAAmB,CAAC,MAAM,SAAS,CAAC;AAAA,QACpC,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,EAAA;AAIN;AAeO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAAqC,IAAI;AAEzEC,QAAAA,UAAU,MAAM;AACd,QAAI,QAAQ;AACV,YAAM,WAAW,YAAY,QAAQ,UAAU,CAAA,CAAE;AACjD,kBAAY,QAAQ;AAAA,IAAA;AAAA,EAErB,GAAA,CAAC,QAAQ,QAAQ,MAAM,CAAC;AAEvB,MAAA,CAAC,OAAe,QAAA;AAChB,MAAA,CAAC,SAAiB,QAAA;AAEhB,QAAA,SACHC,2BAAA,kBAAA,KAAA,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,KAAK,EAAA,GACxD,UAAA;AAAA,IAAAP,2BAAA,kBAAA,IAACQ,oBAAO,QAAA,EAAA;AAAA,IACP,eACER,2BAAA,kBAAA,IAAAS,4BAAA,EAAO,SAAS,MAAM,QAAW,GAAA,OAAO,aAAa,MAAM,WAAY,CAAA;AAAA,IAEzE,eACCT,2BAAA,kBAAA;AAAA,MAACS,oBAAA;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,SAAS,QAAQ;AAAA,QAChC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAEJ;AAIA,SAAAT,2BAAA,kBAAA;AAAA,IAACU,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,OAAO,EAAE,WAAW,KAAK,UAAU,IAAI;AAAA,MAErC,UAAAV,2BAAA,kBAAA,IAACW,gCAAW,EAAA,OAAO,EAAE,OAAO,SACzB,UAAA,OAAO,IAAI,CAAC,UAA2B;AAClC,YAAA,MAAM,SAAS,SAAS;AAC1B,iBAAQX,2BAAAA,kBAAAA,IAAA,WAAA,EAA2B,MAAZ,GAAA,MAAM,IAAoB;AAAA,QAAA;AAGnD,eACGA,2BAAA,kBAAA,IAAAY,oBAAA,SAAA,EAAyB,OAAO,MAAM,SAAS,IAC9C,UAAAZ,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO,SAAS,MAAM,IAAI;AAAA,YAC1B,UAAU,CAAC,UAAU;AACnB,0BAAY,CAAC,UAAU;AAAA,gBACrB,GAAG;AAAA,gBACH,CAAC,MAAM,IAAI,GAAG;AAAA,cAAA,EACd;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA,EACF,GAVY,MAAM,IAWpB;AAAA,MAAA,CAEH,EACH,CAAA;AAAA,IAAA;AAAA,EACJ;AAEJ;;"}

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
 import styled from "styled-components";
 import { useState, useEffect } from "react";
 import ReactMarkdown from "react-markdown";
-import { Dialog, ScrollPanel, FormLayout, FormRow, Spacer, Button, InputText, InputSwitch, InputNumber, Dropdown } from "@ynput/ayon-react-components";
+import { Dialog, FormLayout, FormRow, Spacer, Button, InputText, InputSwitch, InputNumber, Dropdown } from "@ynput/ayon-react-components";
 const getDefaults = (fields, values) => {
   const defaults = {};
   fields.forEach((field) => {
@@ -18,6 +18,8 @@ const getDefaults = (fields, values) => {
       defaults[field.name] = 0;
     } else if (field.type === "text") {
       defaults[field.name] = "";
+    } else if (field.type === "multiselect") {
+      defaults[field.name] = [];
     }
   });
   return defaults;
@@ -108,6 +110,20 @@ const FormField = ({ field, value, onChange }) => {
       }
     );
   }
+  if (field.type === "multiselect") {
+    const parsedValue = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Dropdown,
+      {
+        widthExpand: true,
+        options: field.options || [],
+        value: parsedValue,
+        onSelectionChange: (e) => onChange(e),
+        className: `form-field`,
+        multiSelect: true
+      }
+    );
+  }
 };
 const SimpleFormDialog = ({
   fields,
@@ -150,8 +166,8 @@ const SimpleFormDialog = ({
       onClose,
       header: title,
       footer,
-      style: { minHeight: 400, minWidth: 600 },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollPanel, { style: { flexGrow: 1, background: "transparent" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { style: { width: "95%" }, children: fields.map((field) => {
+      style: { minHeight: 500, minWidth: 600 },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { style: { width: "95%" }, children: fields.map((field) => {
         if (field.type === "label") {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { field }, field.name);
         }
@@ -168,7 +184,7 @@ const SimpleFormDialog = ({
             }
           }
         ) }, field.name);
-      }) }) })
+      }) })
     }
   );
 };

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n ScrollPanel,\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputSwitch,\n Dropdown,\n} from '@ynput/ayon-react-components'\n\nimport type { SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n />\n )\n }\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && (\n <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />\n )}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 400, minWidth: 600 }}\n >\n <ScrollPanel style={{ flexGrow: 1, background: 'transparent' }}>\n <FormLayout style={{ width: '95%' }}>\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </ScrollPanel>\n </Dialog>\n )\n}\n"],"names":["jsx","jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n ScrollPanel,\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputSwitch,\n Dropdown,\n} from '@ynput/ayon-react-components'\n\nimport type { SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n } else if (field.type === 'multiselect') {\n defaults[field.name] = []\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n />\n )\n } // Handle select\n\n if (field.type === 'multiselect') {\n const parsedValue = Array.isArray(value) ? value : []\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue}\n onSelectionChange={(e) => onChange(e)}\n className={`form-field`}\n multiSelect={true}\n />\n )\n }\n\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && (\n <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />\n )}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 500, minWidth: 600 }}\n >\n <FormLayout style={{ width: '95%' }}>\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </Dialog>\n )\n}\n"],"names":["jsx","jsxs"],"mappings":"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"}

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

@@ -14,6 +14,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 StackedStyled = styled.div`
   display: flex;
   z-index: 10;

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

	@@ -1 +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 .thumbnail img {\n object-fit: cover;\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;AAAA;AAAA;AAAA;AAAA;AA0BvE,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;;"}
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 .thumbnail img {\n object-fit: cover;\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;AAAA;AAAA;AAAA;AAAA;AA0BvE,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 CHANGED Viewed

@@ -12,6 +12,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";
 const StackedStyled = styled.div`
   display: flex;
   z-index: 10;

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

	@@ -1 +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 .thumbnail img {\n object-fit: cover;\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;AAAA;AAAA;AAAA;AAAA;AA0BvE,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;"}
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 .thumbnail img {\n object-fit: cover;\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;AAAA;AAAA;AAAA;AAAA;AA0BvE,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/containers/Actions/ActionConfigDialog.cjs.js CHANGED Viewed

@@ -91,6 +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");
 require("../../components/ReviewableCard/ReviewableCard.cjs.js");
 require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
 require("../../components/FileThumbnail/FileThumbnail.cjs.js");
@@ -134,6 +135,7 @@ require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
+require("../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
 require("@tanstack/react-table");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
@@ -142,10 +144,12 @@ 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/GroupHeaderWidget.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("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
 require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
@@ -167,10 +171,14 @@ 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/Powerpack/PowerpackButton.cjs.js");
+require("../../components/Powerpack/PricingLink.cjs.js");
+require("../../components/Powerpack/PowerpackDialog.styled.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");
+require("../../components/SearchFilter/filterDates.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 CHANGED Viewed

	@@ -1 +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;;"}
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;;"}

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

@@ -89,6 +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 "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -132,6 +133,7 @@ import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
 import "@tanstack/react-table";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
@@ -140,10 +142,12 @@ 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/GroupHeaderWidget.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 "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
@@ -165,10 +169,14 @@ 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/Powerpack/PowerpackButton.es.js";
+import "../../components/Powerpack/PricingLink.es.js";
+import "../../components/Powerpack/PowerpackDialog.styled.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";
+import "../../components/SearchFilter/filterDates.es.js";
 const ActionConfigDialog = ({ action, onClose, context }) => {
   const requestParams = useMemo(() => {
     if (!action) return null;

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

	@@ -1 +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;"}
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;"}

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

@@ -84,6 +84,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 useActionTriggers = require("../../hooks/useActionTriggers.cjs.js");
 const ActionConfigDialog = require("./ActionConfigDialog.cjs.js");
 const InteractiveActionDialog = require("./InteractiveActionDialog.cjs.js");
@@ -111,6 +112,7 @@ const Actions = ({
   const context = React.useMemo(() => {
     if (projectActionsProjectName) {
       return {
+        entityType: "project",
         projectName: projectActionsProjectName
       };
     }