npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.1 → 0.4.3 - Mend

@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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

Files changed (1190) hide show

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

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

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js");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");const t=require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const s=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");const a=({SubtasksManager:r,...e})=>{const[u]=t.useUpdateSubtasksMutation(),{data:i=[]}=s.useGetUsersAssigneeQuery({projectName:e.projectName});return q.jsxRuntimeExports.jsx(r,{...e,updateSubtasks:u,users:i,onNotFound:e.onNotFound})};exports.SubtasksManagerWrapper=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js");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");const s=require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const o=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("../../context/RemoteModulesContext.cjs.js");require("react");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("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");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");const n=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("react-redux");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("@ynput/ayon-react-components");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");const a=({SubtasksManager:r,...e})=>{const[u]=s.useUpdateSubtasksMutation(),{data:i=[]}=o.useGetUsersAssigneeQuery({projectName:e.projectName}),q=n.useProjectContext();return t.jsxRuntimeExports.jsx(r,{...e,updateSubtasks:u,users:i,onNotFound:e.onNotFound,projectContext:q})};exports.SubtasksManagerWrapper=a;
 //# sourceMappingURL=SubtasksManagerWrapper.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SubtasksManagerWrapper.cjs.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n QueryFilter,\n SubTaskNode,\n useGetUsersAssigneeQuery,\n UserModel,\n useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n subtasks: SubTaskNode[]\n projectName: string\n taskId: string\n selectedSubtaskIds?: string[]\n users: UserModel[]\n title?: string \| null\n filters?: QueryFilter\n actionsPortalClassName?: string\n onClose?: () => void\n onSelectSubtasks?: (subtaskIds: string[]) => void\n updateSubtasks: UpdateSubtasksMutation\n useNavigate: typeof useNavigate\n onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' \| 'users'> & {\n SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n SubtasksManager,\n ...props\n}: SubtasksManagerWrapperProps) => {\n const [updateSubtasks] = useUpdateSubtasksMutation()\n const { data: users = [] } = useGetUsersAssigneeQuery({ projectName: props.projectName })\n\n return (\n <SubtasksManager\n {...props}\n updateSubtasks={updateSubtasks}\n users={users}\n onNotFound={props.onNotFound}\n />\n )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersAssigneeQuery","jsx"],"mappings":"~~ktKAgCO~~,MAAMA,EAAyB,CAAC,CACrC,gBAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAACC,CAAc,EAAIC,4BAAA,EACnB,CAAE,KAAMC,EAAQ,EAAC,EAAMC,EAAAA,yBAAyB,CAAE,YAAaJ,EAAM,YAAa,~~EAExF~~,~~OACEK~~,EAAAA,kBAAAA,~~IAACN~~,EAAA,CACE,GAAGC,EACJ,eAAAC,EACA,MAAAE,EACA,WAAYH,EAAM,~~UAAA~~,CAAA,~~CAGxB~~"}
1	+ {"version":3,"file":"SubtasksManagerWrapper.cjs.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n QueryFilter,\n SubTaskNode,\n useGetUsersAssigneeQuery,\n UserModel,\n useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { ProjectContextValue, useProjectContext } from '@shared/context'\nimport { useNavigate } from 'react-router-dom'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n subtasks: SubTaskNode[]\n projectName: string\n taskId: string\n folderId?: string // used for creating products\n selectedSubtaskIds?: string[]\n users: UserModel[]\n title?: string \| null\n filters?: QueryFilter\n actionsPortalClassName?: string\n projectContext: ProjectContextValue\n onClose?: () => void\n onSelectSubtasks?: (subtaskIds: string[]) => void\n updateSubtasks: UpdateSubtasksMutation\n useNavigate: typeof useNavigate\n onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' \| 'users'> & {\n SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n SubtasksManager,\n ...props\n}: SubtasksManagerWrapperProps) => {\n const [updateSubtasks] = useUpdateSubtasksMutation()\n const { data: users = [] } = useGetUsersAssigneeQuery({ projectName: props.projectName })\n const projectContext = useProjectContext()\n\n return (\n <SubtasksManager\n {...props}\n updateSubtasks={updateSubtasks}\n users={users}\n onNotFound={props.onNotFound}\n projectContext={projectContext}\n />\n )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersAssigneeQuery","projectContext","useProjectContext","jsx"],"mappings":"4iNAmCO,MAAMA,EAAyB,CAAC,CACrC,gBAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAACC,CAAc,EAAIC,4BAAA,EACnB,CAAE,KAAMC,EAAQ,EAAC,EAAMC,EAAAA,yBAAyB,CAAE,YAAaJ,EAAM,YAAa,EAClFK,EAAiBC,EAAAA,kBAAA,EAEvB,OACEC,EAAAA,kBAAAA,IAACR,EAAA,CACE,GAAGC,EACJ,eAAAC,EACA,MAAAE,EACA,WAAYH,EAAM,WAClB,eAAAK,CAAA,CAAA,CAGN"}

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -85,10 +85,10 @@ 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 { useUpdateSubtasksMutation as i } from "../../api/queries/tasks/updateTasks.es.js";
+import { useUpdateSubtasksMutation as e } from "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
-import { useGetUsersAssigneeQuery as e } from "../../api/queries/users/getUsers.es.js";
+import { useGetUsersAssigneeQuery as s } from "../../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";
@@ -96,22 +96,53 @@ 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";
-const Zt = ({
+import "../../context/RemoteModulesContext.es.js";
+import "react";
+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 "lodash";
+import "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+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 { useProjectContext as n } from "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import "../../context/EntityUpdatesContextInstance.es.js";
+import "react-redux";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "@ynput/ayon-react-components";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
+import "../../context/DeleteEntitiesContext.es.js";
+const Qo = ({
   SubtasksManager: o,
   ...t
 }) => {
-  const [r] = i(), { data: m = [] } = e({ projectName: t.projectName });
-  return /* @__PURE__ */ p.jsx(
+  const [r] = e(), { data: m = [] } = s({ projectName: t.projectName }), p = n();
+  return /* @__PURE__ */ i.jsx(
     o,
     {
       ...t,
       updateSubtasks: r,
       users: m,
-      onNotFound: t.onNotFound
+      onNotFound: t.onNotFound,
+      projectContext: p
     }
   );
 };
 export {
-  Zt as SubtasksManagerWrapper
+  Qo as SubtasksManagerWrapper
 };
 //# sourceMappingURL=SubtasksManagerWrapper.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SubtasksManagerWrapper.es.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n QueryFilter,\n SubTaskNode,\n useGetUsersAssigneeQuery,\n UserModel,\n useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n subtasks: SubTaskNode[]\n projectName: string\n taskId: string\n selectedSubtaskIds?: string[]\n users: UserModel[]\n title?: string \| null\n filters?: QueryFilter\n actionsPortalClassName?: string\n onClose?: () => void\n onSelectSubtasks?: (subtaskIds: string[]) => void\n updateSubtasks: UpdateSubtasksMutation\n useNavigate: typeof useNavigate\n onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' \| 'users'> & {\n SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n SubtasksManager,\n ...props\n}: SubtasksManagerWrapperProps) => {\n const [updateSubtasks] = useUpdateSubtasksMutation()\n const { data: users = [] } = useGetUsersAssigneeQuery({ projectName: props.projectName })\n\n return (\n <SubtasksManager\n {...props}\n updateSubtasks={updateSubtasks}\n users={users}\n onNotFound={props.onNotFound}\n />\n )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersAssigneeQuery","jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO~~,MAAMA,KAAyB,CAAC;AAAA,EACrC,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,EAAE,MAAMC,IAAQ,GAAC,IAAMC,EAAyB,EAAE,aAAaJ,EAAM,aAAa;~~AAExF~~,~~SACEK~~,gBAAAA,EAAAA;AAAAA,~~IAACN~~;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,gBAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYH,EAAM;AAAA,IAAA;AAAA,EAAA;~~AAGxB~~;"}
1	+ {"version":3,"file":"SubtasksManagerWrapper.es.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n QueryFilter,\n SubTaskNode,\n useGetUsersAssigneeQuery,\n UserModel,\n useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { ProjectContextValue, useProjectContext } from '@shared/context'\nimport { useNavigate } from 'react-router-dom'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n subtasks: SubTaskNode[]\n projectName: string\n taskId: string\n folderId?: string // used for creating products\n selectedSubtaskIds?: string[]\n users: UserModel[]\n title?: string \| null\n filters?: QueryFilter\n actionsPortalClassName?: string\n projectContext: ProjectContextValue\n onClose?: () => void\n onSelectSubtasks?: (subtaskIds: string[]) => void\n updateSubtasks: UpdateSubtasksMutation\n useNavigate: typeof useNavigate\n onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' \| 'users'> & {\n SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n SubtasksManager,\n ...props\n}: SubtasksManagerWrapperProps) => {\n const [updateSubtasks] = useUpdateSubtasksMutation()\n const { data: users = [] } = useGetUsersAssigneeQuery({ projectName: props.projectName })\n const projectContext = useProjectContext()\n\n return (\n <SubtasksManager\n {...props}\n updateSubtasks={updateSubtasks}\n users={users}\n onNotFound={props.onNotFound}\n projectContext={projectContext}\n />\n )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersAssigneeQuery","projectContext","useProjectContext","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,MAAMA,KAAyB,CAAC;AAAA,EACrC,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,EAAE,MAAMC,IAAQ,GAAC,IAAMC,EAAyB,EAAE,aAAaJ,EAAM,aAAa,GAClFK,IAAiBC,EAAA;AAEvB,SACEC,gBAAAA,EAAAA;AAAAA,IAACR;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,gBAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYH,EAAM;AAAA,MAClB,gBAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("@ynput/ayon-react-components"),u=require("react"),w=require("styled-components");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");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("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");const M=require("../../util/keyboardShortcuts.cjs.js");require("../../util/pubsub.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("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const $=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");const p=require("../../context/EntityUpdatesContext.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const k=require("clsx"),O=w(T.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("@ynput/ayon-react-components"),s=require("react"),w=require("styled-components"),y=require("../../context/EntityUpdatesContext.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");const M=require("../../context/MenuContext.cjs.js");require("react-dom");const $=require("clsx");require("lodash");require("react-toastify");require("uuid");const k=require("../../util/keyboardShortcuts.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const O=w(T.Button)`
   /* put above the menu so it's still clickable */
   /* NOTE: this will need fixing as this also puts it above dialogs */
   /* z-index: 1001;  */
@@ -49,5 +49,5 @@
     border-bottom: 1px solid var(--md-sys-color-surface-container-highest);
     font-weight: 600;
   }
-`;const U=(t,n,o)=>{const e=`${n}${o===1?"":"s"}`;return t==="created"?`new ${e}`:t==="deleted"?`${e} deleted`:`${o} ${e} ${t.replaceAll("_"," ")}`},A=t=>{const n=new Map;return t.forEach(e=>{const[,s,r]=e.topic.split(".");if(!s||!r)return;const l=`${s}.${r}`,q=n.get(l)||{entityType:s,updateType:r,ids:new Set};q.ids.add(e.entityId||String(e.id)),n.set(l,q)}),`${Array.from(n.values()).map(({entityType:e,updateType:s,ids:r})=>U(s,e,r.size)).join(", ")} since last sync`},B=u.forwardRef(({projectNames:t,topics:n,onSync:o,shouldSyncOnUpdate:e,hideWhenNoUpdates:s=!1,...r},l)=>{const[q,m]=u.useState(!1),[g,I]=p.useAutoSyncSettings(),{setMenuOpen:S}=$.useMenuContext(),x=u.useRef(null),a=u.useRef(),v=u.useId();u.useEffect(()=>()=>{const c=a.current;a.current=void 0,c!==void 0&&clearTimeout(c)},[]),u.useImperativeHandle(l,()=>x.current,[]);const y=async()=>{m(!0);try{await o?.(h)}finally{m(!1)}},{updates:h,hasUpdates:d}=p.useSyncUpdates({projectNames:t,topics:n,isSyncing:q,shouldSyncOnUpdate:e});if(u.useEffect(()=>{const c=i=>{i.repeat||!i.shiftKey||i.ctrlKey||i.metaKey||i.key.toLowerCase()!=="r"||M.shouldBlockShortcuts(i)||(i.preventDefault(),i.stopPropagation(),y())};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[y]),s&&!d)return null;const E=A(h),R=Object.values(g).some(Boolean);Object.values(g).every(Boolean);const b=()=>{a.current&&clearTimeout(a.current)},j=()=>{b(),S(v)},C=()=>{b(),a.current=setTimeout(()=>S(!1),100)};return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[f.jsxRuntimeExports.jsx(O,{...r,icon:"sync",ref:x,onClick:y,onMouseEnter:j,onMouseLeave:C,className:k(r.className,{syncing:q,"has-updates":d,"auto-sync":R&&!p.FORCE_AUTO_SYNC}),"data-shortcut":"Shift+R","data-tooltip":d?E:"Refresh data",variant:d?"filled":"surface"}),!p.FORCE_AUTO_SYNC]})});exports.SyncButton=B;
+`;const U=(o,r,a)=>{const e=`${r}${a===1?"":"s"}`;return o==="created"?`new ${e}`:o==="deleted"?`${e} deleted`:`${a} ${e} ${o.replaceAll("_"," ")}`},A=o=>{const r=new Map;return o.forEach(e=>{const[,i,t]=e.topic.split(".");if(!i||!t)return;const d=`${i}.${t}`,c=r.get(d)||{entityType:i,updateType:t,ids:new Set};c.ids.add(e.entityId||String(e.id)),r.set(d,c)}),`${Array.from(r.values()).map(({entityType:e,updateType:i,ids:t})=>U(i,e,t.size)).join(", ")} since last sync`},B=s.forwardRef(({projectNames:o,topics:r,onSync:a,shouldSyncOnUpdate:e,hideWhenNoUpdates:i=!1,...t},d)=>{const[c,g]=s.useState(!1),[S,I]=y.useAutoSyncSettings(),{setMenuOpen:x}=M.useMenuContext(),h=s.useRef(null),u=s.useRef(),v=s.useId();s.useEffect(()=>()=>{const l=u.current;u.current=void 0,l!==void 0&&clearTimeout(l)},[]),s.useImperativeHandle(d,()=>h.current,[]);const f=async()=>{g(!0);try{await a?.(q)}finally{g(!1)}},{updates:q,hasUpdates:p}=y.useSyncUpdates({projectNames:o,topics:r,isSyncing:c,shouldSyncOnUpdate:e});if(s.useEffect(()=>{const l=n=>{n.repeat||!n.shiftKey||n.ctrlKey||n.metaKey||n.key.toLowerCase()!=="r"||k.shouldBlockShortcuts(n)||(n.preventDefault(),n.stopPropagation(),f())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[f]),i&&!p)return null;const E=A(q),R=Object.values(S).some(Boolean);Object.values(S).every(Boolean);const b=()=>{u.current&&clearTimeout(u.current)},j=()=>{b(),x(v)},C=()=>{b(),u.current=setTimeout(()=>x(!1),100)};return m.jsxRuntimeExports.jsxs(m.jsxRuntimeExports.Fragment,{children:[m.jsxRuntimeExports.jsx(O,{...t,icon:"sync",ref:h,onClick:f,onMouseEnter:j,onMouseLeave:C,className:$(t.className,{syncing:c,"has-updates":p,"auto-sync":R&&!y.FORCE_AUTO_SYNC}),"data-shortcut":"Shift+R","data-tooltip":p?E:"Refresh data",variant:p?"filled":"surface"}),!y.FORCE_AUTO_SYNC]})});exports.SyncButton=B;
 //# sourceMappingURL=SyncButton.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SyncButton.cjs.js","sources":["../../../../../src/components/SyncButton/SyncButton.tsx"],"sourcesContent":["import { Button, ButtonProps, InputSwitch } from '@ynput/ayon-react-components'\nimport { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport {\n FORCE_AUTO_SYNC,\n OnSyncDataCallback,\n RTEntityUpdate,\n TopicUpdateType,\n useAutoSyncSettings,\n useSyncUpdates,\n} from '@shared/context'\nimport { Menu, MenuContainer } from '../Menu'\nimport { useMenuContext } from '@shared/context'\nimport clsx from 'clsx'\nimport { shouldBlockShortcuts } from '@shared/util'\n\nconst UPDATE_TYPES: { updateTypes: TopicUpdateType[]; label: string; tooltip?: string }[] = [\n {\n updateTypes: ['created'],\n label: 'Creations',\n tooltip: 'Automatically add newly created entities',\n },\n {\n updateTypes: ['attrib_changed'],\n label: 'Attribute Changes',\n tooltip: 'Automatically update existing entities',\n },\n {\n updateTypes: ['deleted'],\n label: 'Deletions',\n tooltip: 'Automatically remove deleted entities',\n },\n // all other update types are grouped together\n {\n updateTypes: ['label_changed', 'renamed', 'type_changed', 'status_changed', 'tags_changed'],\n label: 'Other Changes',\n tooltip: 'Automatically update other changes to existing entities',\n },\n]\n\nconst StyledSync = styled(Button)`\n /* put above the menu so it's still clickable /\n / NOTE: this will need fixing as this also puts it above dialogs /\n / z-index: 1001; /\n\n / spin icon /\n &.syncing {\n .icon {\n animation: spin 1s linear infinite;\n }\n }\n .icon {\n / flip */\n scale: -1 1;\n @keyframes spin {\n 0% {\n transform: rotate(360deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n }\n }\n\n &.auto-sync:not(.has-updates) {\n &,\n .icon {\n color: var(--md-sys-color-primary);\n }\n }\n`\n\nconst SyncSettings = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: 12px 16px;\n min-width: 180px;\n\n .setting {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n }\n\n .global {\n padding-bottom: 8px;\n border-bottom: 1px solid var(--md-sys-color-surface-container-highest);\n font-weight: 600;\n }\n`\n\ninterface SyncButtonProps extends Omit<ButtonProps, 'onClick'> {\n projectNames?: string[]\n topics: string[]\n onSync?: OnSyncDataCallback\n shouldSyncOnUpdate?: (update: RTEntityUpdate) => boolean\n hideWhenNoUpdates?: boolean\n}\n\nconst formatUpdateType = (updateType: string, entityType: string, count: number) => {\n const entityLabel = `${entityType}${count === 1 ? '' : 's'}`\n if (updateType === 'created') return `new ${entityLabel}`\n if (updateType === 'deleted') return `${entityLabel} deleted`\n return `${count} ${entityLabel} ${updateType.replaceAll('_', ' ')}`\n}\n\nconst getUpdatesTooltip = (updates: RTEntityUpdate[]) => {\n const groupedUpdates = new Map<\n string,\n { entityType: string; updateType: string; ids: Set<string> }\n >()\n\n updates.forEach((update) => {\n const [, entityType, updateType] = update.topic.split('.')\n if (!entityType \|\| !updateType) return\n\n const key = `${entityType}.${updateType}`\n const group = groupedUpdates.get(key) \|\| {\n entityType,\n updateType,\n ids: new Set<string>(),\n }\n group.ids.add(update.entityId \|\| String(update.id))\n groupedUpdates.set(key, group)\n })\n\n const labels = Array.from(groupedUpdates.values()).map(({ entityType, updateType, ids }) =>\n formatUpdateType(updateType, entityType, ids.size),\n )\n\n return `${labels.join(', ')} since last sync`\n}\n\nexport const SyncButton = forwardRef<HTMLButtonElement, SyncButtonProps>(\n (\n { projectNames, topics, onSync, shouldSyncOnUpdate, hideWhenNoUpdates = false, ...props },\n ref,\n ) => {\n const [isSyncing, setIsSyncing] = useState(false)\n const [autoSyncSettings, updateAutoSyncSettings] = useAutoSyncSettings()\n const { setMenuOpen } = useMenuContext()\n const buttonRef = useRef<HTMLButtonElement \| null>(null)\n const closeTimeout = useRef<ReturnType<typeof setTimeout>>()\n const menuId = useId()\n\n useEffect(() => {\n return () => {\n const timeout = closeTimeout.current\n closeTimeout.current = undefined\n if (timeout !== undefined) {\n clearTimeout(timeout)\n }\n }\n }, [])\n useImperativeHandle(ref, () => buttonRef.current as HTMLButtonElement, [])\n\n const handleSync = async () => {\n setIsSyncing(true)\n try {\n await onSync?.(updates)\n } finally {\n setIsSyncing(false)\n }\n }\n\n const { updates, hasUpdates } = useSyncUpdates({\n projectNames,\n topics,\n isSyncing,\n shouldSyncOnUpdate,\n })\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.repeat \|\|\n !event.shiftKey \|\|\n event.ctrlKey \|\|\n event.metaKey \|\|\n event.key.toLowerCase() !== 'r' \|\|\n shouldBlockShortcuts(event)\n ) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n handleSync()\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [handleSync])\n\n if (hideWhenNoUpdates && !hasUpdates) return null\n\n const updatesTooltip = getUpdatesTooltip(updates)\n const isAutoSyncEnabled = Object.values(autoSyncSettings).some(Boolean)\n const isGlobalAutoSyncEnabled = Object.values(autoSyncSettings).every(Boolean)\n\n const cancelMenuClose = () => {\n if (closeTimeout.current) clearTimeout(closeTimeout.current)\n }\n\n const openSettingsMenu = () => {\n cancelMenuClose()\n setMenuOpen(menuId)\n }\n\n const closeSettingsMenu = () => {\n cancelMenuClose()\n closeTimeout.current = setTimeout(() => setMenuOpen(false), 100)\n }\n\n return (\n <>\n <StyledSync\n {...props}\n icon=\"sync\"\n ref={buttonRef}\n onClick={handleSync}\n onMouseEnter={openSettingsMenu}\n onMouseLeave={closeSettingsMenu}\n className={clsx(props.className, {\n syncing: isSyncing,\n 'has-updates': hasUpdates,\n 'auto-sync': isAutoSyncEnabled && !FORCE_AUTO_SYNC,\n })}\n data-shortcut=\"Shift+R\"\n data-tooltip={hasUpdates ? updatesTooltip : 'Refresh data'}\n variant={hasUpdates ? 'filled' : 'surface'}\n />\n {!FORCE_AUTO_SYNC && (\n <MenuContainer\n id={menuId}\n target={buttonRef.current}\n align=\"right\"\n onMouseEnter={cancelMenuClose}\n onMouseLeave={closeSettingsMenu}\n >\n <Menu\n menu={[\n {\n id: 'sync-settings',\n node: (\n <SyncSettings\n key=\"sync-settings\"\n onClick={(e) => e.stopPropagation()}\n onMouseEnter={cancelMenuClose}\n onMouseLeave={closeSettingsMenu}\n >\n <div\n className=\"setting global\"\n data-tooltip={\n isGlobalAutoSyncEnabled\n ? 'New entities and updates will be automatically synced'\n : 'Auto updates are disabled. Click the sync button to manually refresh data.'\n }\n >\n <span>Auto updates</span>\n <InputSwitch\n checked={isGlobalAutoSyncEnabled}\n onChange={() =>\n updateAutoSyncSettings({ global: !isGlobalAutoSyncEnabled })\n }\n />\n </div>\n {UPDATE_TYPES.map((setting) => (\n <div className=\"setting\" key={setting.updateTypes.join(',')}>\n <span>{setting.label}</span>\n <InputSwitch\n checked={setting.updateTypes.every((type) => autoSyncSettings[type])}\n onChange={() =>\n updateAutoSyncSettings({\n settings: setting.updateTypes.reduce(\n (acc, type) => ({\n ...acc,\n [type]: !autoSyncSettings[type],\n }),\n {},\n ),\n })\n }\n data-tooltip={setting.tooltip}\n />\n </div>\n ))}\n </SyncSettings>\n ),\n },\n ]}\n />\n </MenuContainer>\n )}\n </>\n )\n },\n)\n"],"names":["StyledSync","styled","Button","formatUpdateType","updateType","entityType","count","entityLabel","getUpdatesTooltip","updates","groupedUpdates","update","key","group","ids","SyncButton","forwardRef","projectNames","topics","onSync","shouldSyncOnUpdate","hideWhenNoUpdates","props","ref","isSyncing","setIsSyncing","useState","autoSyncSettings","updateAutoSyncSettings","useAutoSyncSettings","setMenuOpen","useMenuContext","buttonRef","useRef","closeTimeout","menuId","useId","useEffect","timeout","useImperativeHandle","handleSync","hasUpdates","useSyncUpdates","handleKeyDown","event","shouldBlockShortcuts","updatesTooltip","isAutoSyncEnabled","cancelMenuClose","openSettingsMenu","closeSettingsMenu","jsxs","Fragment","jsx","clsx","FORCE_AUTO_SYNC"],"mappings":"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"}
1	+ {"version":3,"file":"SyncButton.cjs.js","sources":["../../../../../src/components/SyncButton/SyncButton.tsx"],"sourcesContent":["import { Button, ButtonProps, InputSwitch } from '@ynput/ayon-react-components'\nimport { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport {\n FORCE_AUTO_SYNC,\n OnSyncDataCallback,\n RTEntityUpdate,\n TopicUpdateType,\n useAutoSyncSettings,\n useSyncUpdates,\n} from '@shared/context/EntityUpdatesContext'\nimport { Menu, MenuContainer } from '../Menu'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport clsx from 'clsx'\nimport { shouldBlockShortcuts } from '@shared/util'\n\nconst UPDATE_TYPES: { updateTypes: TopicUpdateType[]; label: string; tooltip?: string }[] = [\n {\n updateTypes: ['created'],\n label: 'Creations',\n tooltip: 'Automatically add newly created entities',\n },\n {\n updateTypes: ['attrib_changed'],\n label: 'Attribute Changes',\n tooltip: 'Automatically update existing entities',\n },\n {\n updateTypes: ['deleted'],\n label: 'Deletions',\n tooltip: 'Automatically remove deleted entities',\n },\n // all other update types are grouped together\n {\n updateTypes: ['label_changed', 'renamed', 'type_changed', 'status_changed', 'tags_changed'],\n label: 'Other Changes',\n tooltip: 'Automatically update other changes to existing entities',\n },\n]\n\nconst StyledSync = styled(Button)`\n /* put above the menu so it's still clickable /\n / NOTE: this will need fixing as this also puts it above dialogs /\n / z-index: 1001; /\n\n / spin icon /\n &.syncing {\n .icon {\n animation: spin 1s linear infinite;\n }\n }\n .icon {\n / flip */\n scale: -1 1;\n @keyframes spin {\n 0% {\n transform: rotate(360deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n }\n }\n\n &.auto-sync:not(.has-updates) {\n &,\n .icon {\n color: var(--md-sys-color-primary);\n }\n }\n`\n\nconst SyncSettings = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: 12px 16px;\n min-width: 180px;\n\n .setting {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n }\n\n .global {\n padding-bottom: 8px;\n border-bottom: 1px solid var(--md-sys-color-surface-container-highest);\n font-weight: 600;\n }\n`\n\ninterface SyncButtonProps extends Omit<ButtonProps, 'onClick'> {\n projectNames?: string[]\n topics: string[]\n onSync?: OnSyncDataCallback\n shouldSyncOnUpdate?: (update: RTEntityUpdate) => boolean\n hideWhenNoUpdates?: boolean\n}\n\nconst formatUpdateType = (updateType: string, entityType: string, count: number) => {\n const entityLabel = `${entityType}${count === 1 ? '' : 's'}`\n if (updateType === 'created') return `new ${entityLabel}`\n if (updateType === 'deleted') return `${entityLabel} deleted`\n return `${count} ${entityLabel} ${updateType.replaceAll('_', ' ')}`\n}\n\nconst getUpdatesTooltip = (updates: RTEntityUpdate[]) => {\n const groupedUpdates = new Map<\n string,\n { entityType: string; updateType: string; ids: Set<string> }\n >()\n\n updates.forEach((update) => {\n const [, entityType, updateType] = update.topic.split('.')\n if (!entityType \|\| !updateType) return\n\n const key = `${entityType}.${updateType}`\n const group = groupedUpdates.get(key) \|\| {\n entityType,\n updateType,\n ids: new Set<string>(),\n }\n group.ids.add(update.entityId \|\| String(update.id))\n groupedUpdates.set(key, group)\n })\n\n const labels = Array.from(groupedUpdates.values()).map(({ entityType, updateType, ids }) =>\n formatUpdateType(updateType, entityType, ids.size),\n )\n\n return `${labels.join(', ')} since last sync`\n}\n\nexport const SyncButton = forwardRef<HTMLButtonElement, SyncButtonProps>(\n (\n { projectNames, topics, onSync, shouldSyncOnUpdate, hideWhenNoUpdates = false, ...props },\n ref,\n ) => {\n const [isSyncing, setIsSyncing] = useState(false)\n const [autoSyncSettings, updateAutoSyncSettings] = useAutoSyncSettings()\n const { setMenuOpen } = useMenuContext()\n const buttonRef = useRef<HTMLButtonElement \| null>(null)\n const closeTimeout = useRef<ReturnType<typeof setTimeout>>()\n const menuId = useId()\n\n useEffect(() => {\n return () => {\n const timeout = closeTimeout.current\n closeTimeout.current = undefined\n if (timeout !== undefined) {\n clearTimeout(timeout)\n }\n }\n }, [])\n useImperativeHandle(ref, () => buttonRef.current as HTMLButtonElement, [])\n\n const handleSync = async () => {\n setIsSyncing(true)\n try {\n await onSync?.(updates)\n } finally {\n setIsSyncing(false)\n }\n }\n\n const { updates, hasUpdates } = useSyncUpdates({\n projectNames,\n topics,\n isSyncing,\n shouldSyncOnUpdate,\n })\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.repeat \|\|\n !event.shiftKey \|\|\n event.ctrlKey \|\|\n event.metaKey \|\|\n event.key.toLowerCase() !== 'r' \|\|\n shouldBlockShortcuts(event)\n ) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n handleSync()\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [handleSync])\n\n if (hideWhenNoUpdates && !hasUpdates) return null\n\n const updatesTooltip = getUpdatesTooltip(updates)\n const isAutoSyncEnabled = Object.values(autoSyncSettings).some(Boolean)\n const isGlobalAutoSyncEnabled = Object.values(autoSyncSettings).every(Boolean)\n\n const cancelMenuClose = () => {\n if (closeTimeout.current) clearTimeout(closeTimeout.current)\n }\n\n const openSettingsMenu = () => {\n cancelMenuClose()\n setMenuOpen(menuId)\n }\n\n const closeSettingsMenu = () => {\n cancelMenuClose()\n closeTimeout.current = setTimeout(() => setMenuOpen(false), 100)\n }\n\n return (\n <>\n <StyledSync\n {...props}\n icon=\"sync\"\n ref={buttonRef}\n onClick={handleSync}\n onMouseEnter={openSettingsMenu}\n onMouseLeave={closeSettingsMenu}\n className={clsx(props.className, {\n syncing: isSyncing,\n 'has-updates': hasUpdates,\n 'auto-sync': isAutoSyncEnabled && !FORCE_AUTO_SYNC,\n })}\n data-shortcut=\"Shift+R\"\n data-tooltip={hasUpdates ? updatesTooltip : 'Refresh data'}\n variant={hasUpdates ? 'filled' : 'surface'}\n />\n {!FORCE_AUTO_SYNC && (\n <MenuContainer\n id={menuId}\n target={buttonRef.current}\n align=\"right\"\n onMouseEnter={cancelMenuClose}\n onMouseLeave={closeSettingsMenu}\n >\n <Menu\n menu={[\n {\n id: 'sync-settings',\n node: (\n <SyncSettings\n key=\"sync-settings\"\n onClick={(e) => e.stopPropagation()}\n onMouseEnter={cancelMenuClose}\n onMouseLeave={closeSettingsMenu}\n >\n <div\n className=\"setting global\"\n data-tooltip={\n isGlobalAutoSyncEnabled\n ? 'New entities and updates will be automatically synced'\n : 'Auto updates are disabled. Click the sync button to manually refresh data.'\n }\n >\n <span>Auto updates</span>\n <InputSwitch\n checked={isGlobalAutoSyncEnabled}\n onChange={() =>\n updateAutoSyncSettings({ global: !isGlobalAutoSyncEnabled })\n }\n />\n </div>\n {UPDATE_TYPES.map((setting) => (\n <div className=\"setting\" key={setting.updateTypes.join(',')}>\n <span>{setting.label}</span>\n <InputSwitch\n checked={setting.updateTypes.every((type) => autoSyncSettings[type])}\n onChange={() =>\n updateAutoSyncSettings({\n settings: setting.updateTypes.reduce(\n (acc, type) => ({\n ...acc,\n [type]: !autoSyncSettings[type],\n }),\n {},\n ),\n })\n }\n data-tooltip={setting.tooltip}\n />\n </div>\n ))}\n </SyncSettings>\n ),\n },\n ]}\n />\n </MenuContainer>\n )}\n </>\n )\n },\n)\n"],"names":["StyledSync","styled","Button","formatUpdateType","updateType","entityType","count","entityLabel","getUpdatesTooltip","updates","groupedUpdates","update","key","group","ids","SyncButton","forwardRef","projectNames","topics","onSync","shouldSyncOnUpdate","hideWhenNoUpdates","props","ref","isSyncing","setIsSyncing","useState","autoSyncSettings","updateAutoSyncSettings","useAutoSyncSettings","setMenuOpen","useMenuContext","buttonRef","useRef","closeTimeout","menuId","useId","useEffect","timeout","useImperativeHandle","handleSync","hasUpdates","useSyncUpdates","handleKeyDown","event","shouldBlockShortcuts","updatesTooltip","isAutoSyncEnabled","cancelMenuClose","openSettingsMenu","closeSettingsMenu","jsxs","Fragment","jsx","clsx","FORCE_AUTO_SYNC"],"mappings":"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"}