@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanelItemTemplate.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    user-select: none;\n    pointer-events: none;\n    &:hover {\n      background-color: unset;\n    }\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  (\n    { item, actions, startContent, endContent, isHighlighted, isDisabled, className, ...props },\n    ref,\n  ) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, {\n          highlighted: isHighlighted,\n          disabled: isDisabled,\n        })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, onClick, ...action }, index) => (\n            <ActionButton\n              key={index}\n              className={clsx('action', className, { active })}\n              onClick={!isDisabled ? onClick : undefined}\n              {...action}\n            >\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Item","styled","Actions","ActionButton","Button","SettingsPanelItemTemplate","forwardRef","item","actions","startContent","endContent","isHighlighted","isDisabled","className","props","ref","jsxs","clsx","jsx","Icon","icon","active","onClick","action","index"],"mappings":";;;;;AAKA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2CdC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBE,IAAeF,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoCrBC,IAA4BC;AAAA,EACvC,CACE,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,YAAAC,GAAY,eAAAC,GAAe,YAAAC,GAAY,WAAAC,GAAW,GAAGC,EAAA,GACpFC,MAGEC,gBAAAA,EAAAA;AAAAA,IAAChB;AAAA,IAAA;AAAA,MACC,WAAWiB,EAAK,gBAAgBJ,GAAW;AAAA,QACzC,aAAaF;AAAA,QACb,UAAUC;AAAA,MAAA,CACX;AAAA,MACA,GAAGE;AAAA,MACJ,KAAAC;AAAA,MAEC,UAAA;AAAA,QAAAN;AAAA,QACAF,EAAK,QAAQW,gBAAAA,MAACC,GAAA,EAAK,MAAMZ,EAAK,MAAM;AAAA,QACrCW,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,OAAM;AAAA,8BACnChB,GAAA,EAAQ,WAAU,WAChB,UAAAM,GAAS,IAAI,CAAC,EAAE,MAAAY,GAAM,WAAAP,GAAW,QAAAQ,GAAQ,SAAAC,GAAS,GAAGC,EAAA,GAAUC,MAC9DR,gBAAAA,EAAAA;AAAAA,UAACb;AAAA,UAAA;AAAA,YAEC,WAAWc,EAAK,UAAUJ,GAAW,EAAE,QAAAQ,GAAQ;AAAA,YAC/C,SAAUT,IAAuB,SAAVU;AAAA,YACtB,GAAGC;AAAA,YAEH,UAAA;AAAA,cAAAH,KAAQF,gBAAAA,EAAAA,IAACC,KAAK,MAAAC,EAAA,CAAY;AAAA,cAC1BG,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UANHC;AAAA,QAAA,CAQR,GACH;AAAA,QACCd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;"}
+{"version":3,"file":"SettingsPanelItemTemplate.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.no-hover:hover {\n    background-color: unset;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    user-select: none;\n    &:hover {\n      background-color: unset;\n    }\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  disableHover?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  (\n    {\n      item,\n      actions,\n      startContent,\n      endContent,\n      isHighlighted,\n      isDisabled,\n      disableHover,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, {\n          highlighted: isHighlighted,\n          disabled: isDisabled,\n          'no-hover': disableHover,\n        })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, onClick, ...action }, index) => (\n            <ActionButton\n              key={index}\n              className={clsx('action', className, { active })}\n              onClick={!isDisabled ? onClick : undefined}\n              {...action}\n            >\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Item","styled","Actions","ActionButton","Button","SettingsPanelItemTemplate","forwardRef","item","actions","startContent","endContent","isHighlighted","isDisabled","disableHover","className","props","ref","jsxs","clsx","jsx","Icon","icon","active","onClick","action","index"],"mappings":";;;;;AAKA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8CdC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBE,IAAeF,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqCrBC,IAA4BC;AAAA,EACvC,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGEC,gBAAAA,EAAAA;AAAAA,IAACjB;AAAA,IAAA;AAAA,MACC,WAAWkB,EAAK,gBAAgBJ,GAAW;AAAA,QACzC,aAAaH;AAAA,QACb,UAAUC;AAAA,QACV,YAAYC;AAAA,MAAA,CACb;AAAA,MACA,GAAGE;AAAA,MACJ,KAAAC;AAAA,MAEC,UAAA;AAAA,QAAAP;AAAA,QACAF,EAAK,QAAQY,gBAAAA,MAACC,GAAA,EAAK,MAAMb,EAAK,MAAM;AAAA,QACrCY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,OAAM;AAAA,8BACnCjB,GAAA,EAAQ,WAAU,WAChB,UAAAM,GAAS,IAAI,CAAC,EAAE,MAAAa,GAAM,WAAAP,GAAW,QAAAQ,GAAQ,SAAAC,GAAS,GAAGC,EAAA,GAAUC,MAC9DR,gBAAAA,EAAAA;AAAAA,UAACd;AAAA,UAAA;AAAA,YAEC,WAAWe,EAAK,UAAUJ,GAAW,EAAE,QAAAQ,GAAQ;AAAA,YAC/C,SAAUV,IAAuB,SAAVW;AAAA,YACtB,GAAGC;AAAA,YAEH,UAAA;AAAA,cAAAH,KAAQF,gBAAAA,EAAAA,IAACC,KAAK,MAAAC,EAAA,CAAY;AAAA,cAC1BG,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UANHC;AAAA,QAAA,CAQR,GACH;AAAA,QACCf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;"}

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/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/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.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/listItemsColumnStats.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("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.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/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.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/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.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("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.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/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");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/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.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/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.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/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.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/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");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("../InfoMessage/InfoMessage.cjs.js");require("../EnumEditor/EnumEditor.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("../SearchFilter/CustomDateRangeDialog.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("../SyncButton/SyncButton.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/VersionUploadContextInstance.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`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),l=require("react-toastify"),d=require("styled-components"),y=require("../../util/parseFilename.cjs.js"),u=d.button`
   width: auto;
   background: none;
   border: none;
@@ -7,7 +7,7 @@
   cursor: pointer;
   padding: 2px;
   font: inherit;
-`,v=s.div`
+`,v=d.div`
   border: 2px dashed var(--md-sys-color-outline);
   border-radius: 8px;
   display: flex;
@@ -20,12 +20,12 @@
   input {
     display: none;
   }
-`,y=i=>{const n=o.useRef(null),r=o.useMemo(()=>i.validExtensions?.map(e=>e.startsWith(".")?e.toLowerCase():`.${e.toLowerCase()}`),[i.validExtensions]),l=o.useCallback(e=>{if(e){if(e.size===0){a.toast.error("Cannot upload empty file.");return}if(e.size>2*1024*1024){a.toast.error("File size exceeds the 2 MB limit.");return}if(r){const u=`.${e.name.split(".").pop()?.toLowerCase()}`;if(!r.includes(u)){a.toast.error(`Invalid file type. Supported formats: ${r.join(", ")}`);return}}if(e){const u=h.parseFilename(e.name),t=new FileReader;t.onload=()=>{const x=t.result.split(",")[1];i.onChange({payload:x,filename:u})},t.readAsDataURL(e)}}},[i,r]),c=e=>{e.preventDefault()},m=e=>{e.preventDefault()},p=e=>{e.preventDefault();const u=[...e.dataTransfer.files];u.length===1&&l(u[0])},f=e=>{const u=e.target.files?.[0];l(u)};return q.jsxRuntimeExports.jsxs(v,{onDragOver:c,onDragLeave:m,onDrop:p,children:[q.jsxRuntimeExports.jsx("input",{type:"file",ref:n,onChange:f,accept:r?.join(","),multiple:!1,style:{display:"none"}}),q.jsxRuntimeExports.jsx(d,{type:"button",onClick:()=>n.current?.click(),children:i.value?`Change file (${i.value.filename})`:"Upload file"})]})},g=s.div`
+`,g=t=>{const a=s.useRef(null),n=s.useMemo(()=>t.validExtensions?.map(e=>e.startsWith(".")?e.toLowerCase():`.${e.toLowerCase()}`),[t.validExtensions]),c=s.useCallback(e=>{if(e){if(e.size===0){l.toast.error("Cannot upload empty file.");return}if(e.size>2*1024*1024){l.toast.error("File size exceeds the 2 MB limit.");return}if(n){const o=`.${e.name.split(".").pop()?.toLowerCase()}`;if(!n.includes(o)){l.toast.error(`Invalid file type. Supported formats: ${n.join(", ")}`);return}}if(e){const o=y.parseFilename(e.name),i=new FileReader;i.onload=()=>{const h=i.result.split(",")[1];t.onChange({payload:h,filename:o})},i.readAsDataURL(e)}}},[t,n]),m=e=>{e.preventDefault()},p=e=>{e.preventDefault()},f=e=>{e.preventDefault();const o=[...e.dataTransfer.files];o.length===1&&c(o[0])},x=e=>{const o=e.target.files?.[0];c(o)};return r.jsxRuntimeExports.jsxs(v,{onDragOver:m,onDragLeave:p,onDrop:f,children:[r.jsxRuntimeExports.jsx("input",{type:"file",ref:a,onChange:x,accept:n?.join(","),multiple:!1,style:{display:"none"}}),r.jsxRuntimeExports.jsx(u,{type:"button",onClick:()=>a.current?.click(),children:t.value?`Change file (${t.value.filename})`:"Upload file"})]})},b=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   background: none;
   border: none;
-`,b=i=>{const n=()=>{const r=document.createElement("a");r.href=`data:application/octet-stream;base64,${i.value.payload}`,r.download=i.value.filename,document.body.appendChild(r),r.click(),document.body.removeChild(r)};return q.jsxRuntimeExports.jsx(g,{children:q.jsxRuntimeExports.jsx(d,{onClick:n,children:i.value.filename})})};exports.FormFileDownload=b;exports.FormFileUpload=y;
+`,j=t=>{const a=()=>{const n=document.createElement("a");n.href=`data:application/octet-stream;base64,${t.value.payload}`,n.download=t.value.filename,document.body.appendChild(n),n.click(),document.body.removeChild(n)};return r.jsxRuntimeExports.jsx(b,{children:r.jsxRuntimeExports.jsx(u,{onClick:a,children:t.value.filename})})};exports.FormFileDownload=j;exports.FormFileUpload=g;
 //# sourceMappingURL=FormFile.cjs.js.map

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 '@shared/util/parseFilename'\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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"}

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

@@ -1,308 +1,9 @@
-import { j as m } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
 import { useRef as v, useMemo as x, useCallback as y } from "react";
-import { toast as n } from "react-toastify";
-import a from "styled-components";
-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/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/bundles/getBundles.es.js";
-import "../../api/queries/bundles/updateBundles.es.js";
-import "../../api/queries/cloud/cloud.es.js";
-import "../../api/queries/columnStats/metricTargets.es.js";
-import "../../api/queries/columnStats/groupCounts.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/listItemsColumnStats.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 "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "@ynput/ayon-react-components";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "clsx";
-import "../AttributeEditor/AttributeEditor.es.js";
-import "../AttributeEditor/attributeTypeMap.es.js";
-import "../Badge/Badge.es.js";
-import "../Chips/Chips.es.js";
-import "react-dom";
-import "date-fns";
-import "../DateRangePicker/DateRangePicker.styled.es.js";
-import "../LinksManager/CellEditingDialog.es.js";
-import "../DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
-import "lodash";
-import "uuid";
-import "../../util/pubsub.es.js";
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../DetailsPanelDetails/BorderedSection.es.js";
-import "../QuillListStyles/QuillListStyles.es.js";
-import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../containers/Feed/components/CommentInput/modules/index.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.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 "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../../containers/ContextMenu/ContextMenuContext.es.js";
-/* empty css                                               */
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
-import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../containers/Feed/components/ActivityDate.es.js";
-import "../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../containers/Feed/Feed.styled.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../containers/Feed/components/FeedSearchFilter.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "short-uuid";
-import "../SearchFilter/filterDates.es.js";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../containers/NewEntity/components/NewEntity.es.js";
-import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../../containers/NewEntity/components/NewEntityForm.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../containers/Actions/Actions.styled.es.js";
-import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../containers/Actions/ActionIcon.es.js";
-import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-import "../../containers/Views/context/ViewsContextInstance.es.js";
-import "../../containers/Views/Views.styled.es.js";
-import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../containers/ListTable/ListTableRow.es.js";
-import "../../containers/ListTable/ListTable.styled.es.js";
-import "../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../DoneCheckbox/DoneCheckbox.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../InfoMessage/InfoMessage.es.js";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../EntityPath/EntityPath.styled.es.js";
-import "../EntityPath/SegmentProvider.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContextInstance.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
-import "../Powerpack/PowerpackButton.es.js";
-import "../Powerpack/FreeTrialLink.es.js";
-import "../Powerpack/PowerpackDialog.styled.es.js";
-import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredAddonVersion.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
-import "../SizeSlider/SizeSlider.es.js";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/CustomDateRangeDialog.es.js";
-import "../SettingsPanel/SettingsPanel.es.js";
-import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "./SimpleFormDialog.es.js";
-import "../StyledLink/StyledLink.es.js";
-import "../SyncButton/SyncButton.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../Watchers/Watchers.es.js";
-import "../Menu/Menu.styled.es.js";
-import "../Menu/MenuItem.es.js";
-import "../ReviewablesSelector/ReviewablesSelector.es.js";
-import "../ColumnHeaderMenuUI.es.js";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import { parseFilename as g } from "../ReviewablesList/useReviewablesUpload.es.js";
-const s = a.button`
+import { toast as l } from "react-toastify";
+import s from "styled-components";
+import { parseFilename as g } from "../../util/parseFilename.es.js";
+const c = s.button`
   width: auto;
   background: none;
   border: none;
@@ -311,7 +12,7 @@ const s = a.button`
   cursor: pointer;
   padding: 2px;
   font: inherit;
-`, b = a.div`
+`, b = s.div`
   border: 2px dashed var(--md-sys-color-outline);
   border-radius: 8px;
   display: flex;
@@ -324,82 +25,82 @@ const s = a.button`
   input {
     display: none;
   }
-`, ip = (r) => {
-  const p = v(null), t = x(
-    () => r.validExtensions?.map(
-      (o) => o.startsWith(".") ? o.toLowerCase() : `.${o.toLowerCase()}`
+`, L = (o) => {
+  const a = v(null), n = x(
+    () => o.validExtensions?.map(
+      (e) => e.startsWith(".") ? e.toLowerCase() : `.${e.toLowerCase()}`
     ),
-    [r.validExtensions]
-  ), l = y(
-    (o) => {
-      if (o) {
-        if (o.size === 0) {
-          n.error("Cannot upload empty file.");
+    [o.validExtensions]
+  ), d = y(
+    (e) => {
+      if (e) {
+        if (e.size === 0) {
+          l.error("Cannot upload empty file.");
           return;
         }
-        if (o.size > 2 * 1024 * 1024) {
-          n.error("File size exceeds the 2 MB limit.");
+        if (e.size > 2 * 1024 * 1024) {
+          l.error("File size exceeds the 2 MB limit.");
           return;
         }
-        if (t) {
-          const i = `.${o.name.split(".").pop()?.toLowerCase()}`;
-          if (!t.includes(i)) {
-            n.error(`Invalid file type. Supported formats: ${t.join(", ")}`);
+        if (n) {
+          const t = `.${e.name.split(".").pop()?.toLowerCase()}`;
+          if (!n.includes(t)) {
+            l.error(`Invalid file type. Supported formats: ${n.join(", ")}`);
             return;
           }
         }
-        if (o) {
-          const i = g(o.name), e = new FileReader();
-          e.onload = () => {
-            const h = e.result.split(",")[1];
-            r.onChange({ payload: h, filename: i });
-          }, e.readAsDataURL(o);
+        if (e) {
+          const t = g(e.name), i = new FileReader();
+          i.onload = () => {
+            const h = i.result.split(",")[1];
+            o.onChange({ payload: h, filename: t });
+          }, i.readAsDataURL(e);
         }
       }
     },
-    [r, t]
-  ), d = (o) => {
-    o.preventDefault();
-  }, c = (o) => {
-    o.preventDefault();
-  }, u = (o) => {
-    o.preventDefault();
-    const i = [...o.dataTransfer.files];
-    i.length === 1 && l(i[0]);
-  }, f = (o) => {
-    const i = o.target.files?.[0];
-    l(i);
+    [o, n]
+  ), m = (e) => {
+    e.preventDefault();
+  }, u = (e) => {
+    e.preventDefault();
+  }, p = (e) => {
+    e.preventDefault();
+    const t = [...e.dataTransfer.files];
+    t.length === 1 && d(t[0]);
+  }, f = (e) => {
+    const t = e.target.files?.[0];
+    d(t);
   };
-  return /* @__PURE__ */ m.jsxs(b, { onDragOver: d, onDragLeave: c, onDrop: u, children: [
-    /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ r.jsxs(b, { onDragOver: m, onDragLeave: u, onDrop: p, children: [
+    /* @__PURE__ */ r.jsx(
       "input",
       {
         type: "file",
-        ref: p,
+        ref: a,
         onChange: f,
-        accept: t?.join(","),
+        accept: n?.join(","),
         multiple: !1,
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ m.jsx(s, { type: "button", onClick: () => p.current?.click(), children: r.value ? `Change file (${r.value.filename})` : "Upload file" })
+    /* @__PURE__ */ r.jsx(c, { type: "button", onClick: () => a.current?.click(), children: o.value ? `Change file (${o.value.filename})` : "Upload file" })
   ] });
-}, C = a.div`
+}, C = s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   background: none;
   border: none;
-`, mp = (r) => {
-  const p = () => {
-    const t = document.createElement("a");
-    t.href = `data:application/octet-stream;base64,${r.value.payload}`, t.download = r.value.filename, document.body.appendChild(t), t.click(), document.body.removeChild(t);
+`, E = (o) => {
+  const a = () => {
+    const n = document.createElement("a");
+    n.href = `data:application/octet-stream;base64,${o.value.payload}`, n.download = o.value.filename, document.body.appendChild(n), n.click(), document.body.removeChild(n);
   };
-  return /* @__PURE__ */ m.jsx(C, { children: /* @__PURE__ */ m.jsx(s, { onClick: p, children: r.value.filename }) });
+  return /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(c, { onClick: a, children: o.value.filename }) });
 };
 export {
-  mp as FormFileDownload,
-  ip as FormFileUpload
+  E as FormFileDownload,
+  L as FormFileUpload
 };
 //# sourceMappingURL=FormFile.es.js.map