@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

@@ -1,10 +1,114 @@
 import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as c, Icon as d } from "@ynput/ayon-react-components";
+import { Button as d, Icon as l } from "@ynput/ayon-react-components";
 import { Fragment as j } from "react";
-import e from "styled-components";
+import o from "styled-components";
 import "../../context/RemoteModulesContext.es.js";
-import "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.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/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
+import "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../context/UriContext.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import { useSettingsPanel as w } from "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -12,15 +116,13 @@ 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 "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-import "../../context/UriContext.es.js";
-const S = e.div`
+const S = o.div`
   height: 100%;
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -28,7 +130,7 @@ const S = e.div`
   z-index: 10;
   display: flex;
   flex-direction: column;
-`, b = e.div`
+`, b = o.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -41,16 +143,16 @@ const S = e.div`
     padding: 0;
     white-space: nowrap;
   }
-`, p = e(c)`
+`, s = o(d)`
   padding: 4px !important;
-`, y = e.h3`
+`, y = o.h3`
   margin: 0;
   flex: 1;
-`, P = e.div`
+`, P = o.div`
   padding: 8px;
   flex: 1;
   overflow-y: auto;
-`, k = e(c)`
+`, k = o(d)`
   width: 100%;
   justify-content: flex-start;
   margin-bottom: 8px;
@@ -68,38 +170,38 @@ const S = e.div`
   .arrow {
     color: var(--md-sys-color-outline);
   }
-`, V = ({ settings: o, order: l }) => {
-  const { isPanelOpen: m, selectedSetting: n, closePanel: x, backToMainMenu: f, selectSetting: g } = w(), u = () => n && o.find((t) => t.id === n)?.title || "Settings", h = l ? o.toSorted((r, t) => {
-    const a = r.id ? l.indexOf(r.id) : -1, s = t.id ? l.indexOf(t.id) : -1;
-    return a === -1 && s === -1 ? 0 : a === -1 ? 1 : s === -1 ? -1 : a - s;
-  }) : o, v = () => n ? o.find((t) => t.id === n)?.component : /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map(
-    (t, a) => t.title ? /* @__PURE__ */ i.jsxs(
+`, Gi = ({ settings: p, order: n }) => {
+  const { isPanelOpen: c, selectedSetting: r, closePanel: x, backToMainMenu: f, selectSetting: g } = w(), u = () => r && p.find((t) => t.id === r)?.title || "Settings", h = n ? p.toSorted((m, t) => {
+    const e = m.id ? n.indexOf(m.id) : -1, a = t.id ? n.indexOf(t.id) : -1;
+    return e === -1 && a === -1 ? 0 : e === -1 ? 1 : a === -1 ? -1 : e - a;
+  }) : p, v = () => r ? p.find((t) => t.id === r)?.component : /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map(
+    (t, e) => t.title ? /* @__PURE__ */ i.jsxs(
       k,
       {
         onClick: () => g(t.id),
         variant: "text",
         className: "setting-option",
         children: [
-          t.icon && /* @__PURE__ */ i.jsx(d, { icon: t.icon }),
+          t.icon && /* @__PURE__ */ i.jsx(l, { icon: t.icon }),
           /* @__PURE__ */ i.jsx("span", { className: "title", children: t.title }),
           !!t.preview?.toString() && /* @__PURE__ */ i.jsx("span", { className: "preview", children: t.preview }),
-          /* @__PURE__ */ i.jsx(d, { icon: "chevron_right", className: "arrow" })
+          /* @__PURE__ */ i.jsx(l, { icon: "chevron_right", className: "arrow" })
         ]
       },
       t.id
     ) : /* @__PURE__ */ i.jsx(j, { children: t.component }, t.id)
   ) });
-  return /* @__PURE__ */ i.jsxs(S, { open: m, children: [
+  return /* @__PURE__ */ i.jsxs(S, { open: c, children: [
     /* @__PURE__ */ i.jsxs(b, { children: [
-      n && /* @__PURE__ */ i.jsx(p, { variant: "text", icon: "arrow_back", onClick: f }),
+      r && /* @__PURE__ */ i.jsx(s, { variant: "text", icon: "arrow_back", onClick: f }),
       /* @__PURE__ */ i.jsx(y, { children: u() }),
-      /* @__PURE__ */ i.jsx(p, { variant: "text", icon: "close", onClick: x })
+      /* @__PURE__ */ i.jsx(s, { variant: "text", icon: "close", onClick: x })
     ] }),
     /* @__PURE__ */ i.jsx(P, { children: v() })
   ] });
 };
 export {
   k as SettingOption,
-  V as SettingsPanel
+  Gi as SettingsPanel
 };
 //# sourceMappingURL=SettingsPanel.es.js.map

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

@@ -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, Fragment, 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    white-space: nowrap;\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  padding-left: var(--padding-m);\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  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\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 sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\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 && (\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":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAerBE,IAAaF,EAAOG,CAAM;AAAA;AAAA,GAI1BC,IAAaJ,EAAO;AAAA;AAAA;AAAA,GAKpBK,IAAeL,EAAO;AAAA;AAAA;AAAA;AAAA,GAMfM,IAAgBN,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiC7BI,IAAwC,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAAY;AAC5E,QAAM,EAAE,aAAAC,GAAa,iBAAAC,GAAiB,YAAAC,GAAY,gBAAAC,GAAgB,eAAAC,EAAA,IAChEC,EAAA,GAEIC,IAAgB,MACfL,KACWH,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAON,CAAe,GAC7C,SAAS,YAGrBO,IAAiBT,IACnBD,EAAS,SAAS,CAACW,GAAGC,MAAM;AAC1B,UAAMC,IAASF,EAAE,KAAKV,EAAM,QAAQU,EAAE,EAAE,IAAI,IACtCG,IAASF,EAAE,KAAKX,EAAM,QAAQW,EAAE,EAAE,IAAI;AAC5C,WAAIC,MAAW,MAAMC,MAAW,KAAW,IACvCD,MAAW,KAAW,IACtBC,MAAW,KAAW,KACnBD,IAASC;AAAA,EAClB,CAAC,IACDd,GAEEe,IAAuB,MACtBZ,IA2BWH,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAON,CAAe,GAC7C,gDAxBT,UAAAO,EAAe;AAAA,IAAI,CAACM,GAASC,MAC5BD,EAAQ,QACNE,gBAAAA,EAAAA;AAAAA,MAACpB;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMQ,EAAcU,EAAQ,EAAE;AAAA,QACvC,SAAQ;AAAA,QACR,WAAU;AAAA,QAET,UAAA;AAAA,UAAAA,EAAQ,QAAQG,gBAAAA,MAACC,GAAA,EAAK,MAAMJ,EAAQ,MAAM;AAAA,gCAC1C,QAAA,EAAK,WAAU,SAAS,UAAAA,EAAQ,OAAM;AAAA,UACtC,CAAC,CAACA,EAAQ,SAAS,SAAA,KAClBG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,EAAQ,QAAA,CAAQ;AAAA,UAE7CG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAK,iBAAgB,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAVxCJ,EAAQ;AAAA,IAAA,0BAadK,GAAA,EAA2B,UAAAL,EAAQ,UAAA,GAArBA,EAAQ,EAAuB;AAAA,EAAA,GAGpD;AAQN,SACEE,gBAAAA,EAAAA,KAAC3B,GAAA,EAAU,MAAMW,GACf,UAAA;AAAA,IAAAgB,gBAAAA,OAACzB,GAAA,EACE,UAAA;AAAA,MAAAU,2BACET,GAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAASW,GAAgB;AAAA,MAExEc,gBAAAA,EAAAA,IAACvB,GAAA,EAAY,UAAAY,EAAA,EAAc,CAAE;AAAA,4BAC5Bd,GAAA,EAAW,SAAQ,QAAO,MAAK,SAAQ,SAASU,EAAA,CAAY;AAAA,IAAA,GAC/D;AAAA,IACAe,gBAAAA,EAAAA,IAACtB,GAAA,EAAc,UAAAkB,EAAA,EAAqB,CAAE;AAAA,EAAA,GACxC;AAEJ;"}
+{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, 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    white-space: nowrap;\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  padding-left: var(--padding-m);\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  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\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 sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\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 && (\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":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAerBE,IAAaF,EAAOG,CAAM;AAAA;AAAA,GAI1BC,IAAaJ,EAAO;AAAA;AAAA;AAAA,GAKpBK,IAAeL,EAAO;AAAA;AAAA;AAAA;AAAA,GAMfM,IAAgBN,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiC7BI,KAAwC,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAAY;AAC5E,QAAM,EAAE,aAAAC,GAAa,iBAAAC,GAAiB,YAAAC,GAAY,gBAAAC,GAAgB,eAAAC,EAAA,IAChEC,EAAA,GAEIC,IAAgB,MACfL,KACWH,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAON,CAAe,GAC7C,SAAS,YAGrBO,IAAiBT,IACnBD,EAAS,SAAS,CAACW,GAAGC,MAAM;AAC1B,UAAMC,IAASF,EAAE,KAAKV,EAAM,QAAQU,EAAE,EAAE,IAAI,IACtCG,IAASF,EAAE,KAAKX,EAAM,QAAQW,EAAE,EAAE,IAAI;AAC5C,WAAIC,MAAW,MAAMC,MAAW,KAAW,IACvCD,MAAW,KAAW,IACtBC,MAAW,KAAW,KACnBD,IAASC;AAAA,EAClB,CAAC,IACDd,GAEEe,IAAuB,MACtBZ,IA2BWH,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAON,CAAe,GAC7C,gDAxBT,UAAAO,EAAe;AAAA,IAAI,CAACM,GAASC,MAC5BD,EAAQ,QACNE,gBAAAA,EAAAA;AAAAA,MAACpB;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMQ,EAAcU,EAAQ,EAAE;AAAA,QACvC,SAAQ;AAAA,QACR,WAAU;AAAA,QAET,UAAA;AAAA,UAAAA,EAAQ,QAAQG,gBAAAA,MAACC,GAAA,EAAK,MAAMJ,EAAQ,MAAM;AAAA,gCAC1C,QAAA,EAAK,WAAU,SAAS,UAAAA,EAAQ,OAAM;AAAA,UACtC,CAAC,CAACA,EAAQ,SAAS,SAAA,KAClBG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,EAAQ,QAAA,CAAQ;AAAA,UAE7CG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAK,iBAAgB,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAVxCJ,EAAQ;AAAA,IAAA,0BAadK,GAAA,EAA2B,UAAAL,EAAQ,UAAA,GAArBA,EAAQ,EAAuB;AAAA,EAAA,GAGpD;AAQN,SACEE,gBAAAA,EAAAA,KAAC3B,GAAA,EAAU,MAAMW,GACf,UAAA;AAAA,IAAAgB,gBAAAA,OAACzB,GAAA,EACE,UAAA;AAAA,MAAAU,2BACET,GAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAASW,GAAgB;AAAA,MAExEc,gBAAAA,EAAAA,IAACvB,GAAA,EAAY,UAAAY,EAAA,EAAc,CAAE;AAAA,4BAC5Bd,GAAA,EAAW,SAAQ,QAAO,MAAK,SAAQ,SAASU,EAAA,CAAY;AAAA,IAAA,GAC/D;AAAA,IACAe,gBAAAA,EAAAA,IAACtB,GAAA,EAAc,UAAAkB,EAAA,EAAqB,CAAE;AAAA,EAAA,GACxC;AAEJ;"}

package/dist/shared/src/components/SimpleFormDialog/FormFile.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),a=require("react-toastify"),s=require("styled-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("rehype-raw");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("./SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const h=require("../ReviewablesList/useReviewablesUpload.cjs.js"),d=s.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),a=require("react-toastify"),s=require("styled-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("./SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const h=require("../ReviewablesList/useReviewablesUpload.cjs.js"),d=s.button`
   width: auto;
   background: none;
   border: none;

package/dist/shared/src/components/SimpleFormDialog/FormFile.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFile.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}
+{"version":3,"file":"FormFile.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}