@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

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

@@ -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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"}
+{"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/SyncButton/SyncButton.cjs.js

@@ -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

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

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

@@ -1,136 +1,23 @@
-import { j as d } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as m } from "../../../../_virtual/jsx-runtime.es.js";
 import { Button as R } from "@ynput/ayon-react-components";
 import { forwardRef as A, useState as C, useRef as x, useId as O, useEffect as b, useImperativeHandle as U } from "react";
 import $ from "styled-components";
+import { useAutoSyncSettings as B, useSyncUpdates as I, FORCE_AUTO_SYNC as v } from "../../context/EntityUpdatesContext.es.js";
+import "../Menu/Menu.styled.es.js";
+import "../Menu/MenuItem.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
-import "../../api/base/client.es.js";
-import "../../api/generated/graphql.es.js";
-import "../../api/generated/graphqlLinks.es.js";
-import "../../api/generated/access.es.js";
-import "../../api/generated/actions.es.js";
-import "../../api/generated/activityFeed.es.js";
-import "../../api/generated/addons.es.js";
-import "../../api/generated/anatomy.es.js";
-import "../../api/generated/attributes.es.js";
-import "../../api/generated/authentication.es.js";
-import "../../api/generated/bundles.es.js";
-import "../../api/generated/configuration.es.js";
-import "../../api/generated/dataImport.es.js";
-import "../../api/generated/desktop.es.js";
-import "../../api/generated/entityLists.es.js";
-import "../../api/generated/events.es.js";
-import "../../api/generated/files.es.js";
-import "../../api/generated/folders.es.js";
-import "../../api/generated/inbox.es.js";
-import "../../api/generated/links.es.js";
-import "../../api/generated/market.es.js";
-import "../../api/generated/onboarding.es.js";
-import "../../api/generated/operations.es.js";
-import "../../api/generated/products.es.js";
-import "../../api/generated/projectDashboard.es.js";
-import "../../api/generated/projects.es.js";
-import "../../api/generated/projectFolders.es.js";
-import "../../api/generated/reviewables.es.js";
-import "../../api/generated/services.es.js";
-import "../../api/generated/system.es.js";
-import "../../api/generated/tasks.es.js";
-import "../../api/generated/teams.es.js";
-import "../../api/generated/thumbnails.es.js";
-import "../../api/generated/uRIs.es.js";
-import "../../api/generated/users.es.js";
-import "../../api/generated/versions.es.js";
-import "../../api/generated/workfiles.es.js";
-import "../../api/generated/ynputCloud.es.js";
-import "../../api/generated/grouping.es.js";
-import "../../api/generated/views.es.js";
-import "../../api/queries/actions/getActions.es.js";
-import "../../api/queries/activities/getActivities.es.js";
-import "../../api/queries/activities/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 "../../context/PowerpackContextInstance.es.js";
+import { useMenuContext as L } from "../../context/MenuContext.es.js";
+import "react-dom";
+import K from "clsx";
 import "lodash";
 import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "uuid";
-import { shouldBlockShortcuts as B } from "../../util/keyboardShortcuts.es.js";
+import { shouldBlockShortcuts as N } from "../../util/keyboardShortcuts.es.js";
+import "../../api/queries/users/updateUsers.es.js";
 import "../../util/pubsub.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/UriContext.es.js";
-import "../../context/DetailsPanelContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../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 { useMenuContext as I } from "../../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 { useAutoSyncSettings as L, useSyncUpdates as K, FORCE_AUTO_SYNC as v } from "../../context/EntityUpdatesContext.es.js";
-import "../../context/DeleteEntitiesContext.es.js";
-import "../Menu/Menu.styled.es.js";
-import "../Menu/MenuItem.es.js";
-import N from "clsx";
 const _ = $(R)`
   /* put above the menu so it's still clickable */
   /* NOTE: this will need fixing as this also puts it above dialogs */
@@ -184,76 +71,76 @@ $.div`
     font-weight: 600;
   }
 `;
-const z = (i, p, m) => {
-  const t = `${p}${m === 1 ? "" : "s"}`;
-  return i === "created" ? `new ${t}` : i === "deleted" ? `${t} deleted` : `${m} ${t} ${i.replaceAll("_", " ")}`;
-}, D = (i) => {
-  const p = /* @__PURE__ */ new Map();
-  return i.forEach((t) => {
-    const [, e, o] = t.topic.split(".");
-    if (!e || !o) return;
-    const c = `${e}.${o}`, n = p.get(c) || {
-      entityType: e,
-      updateType: o,
+const z = (n, s, i) => {
+  const t = `${s}${i === 1 ? "" : "s"}`;
+  return n === "created" ? `new ${t}` : n === "deleted" ? `${t} deleted` : `${i} ${t} ${n.replaceAll("_", " ")}`;
+}, D = (n) => {
+  const s = /* @__PURE__ */ new Map();
+  return n.forEach((t) => {
+    const [, r, e] = t.topic.split(".");
+    if (!r || !e) return;
+    const p = `${r}.${e}`, a = s.get(p) || {
+      entityType: r,
+      updateType: e,
       ids: /* @__PURE__ */ new Set()
     };
-    n.ids.add(t.entityId || String(t.id)), p.set(c, n);
-  }), `${Array.from(p.values()).map(
-    ({ entityType: t, updateType: e, ids: o }) => z(e, t, o.size)
+    a.ids.add(t.entityId || String(t.id)), s.set(p, a);
+  }), `${Array.from(s.values()).map(
+    ({ entityType: t, updateType: r, ids: e }) => z(r, t, e.size)
   ).join(", ")} since last sync`;
-}, yr = A(
-  ({ projectNames: i, topics: p, onSync: m, shouldSyncOnUpdate: t, hideWhenNoUpdates: e = !1, ...o }, c) => {
-    const [n, f] = C(!1), [y, F] = L(), { setMenuOpen: g } = I(), S = x(null), s = x(), E = O();
+}, lt = A(
+  ({ projectNames: n, topics: s, onSync: i, shouldSyncOnUpdate: t, hideWhenNoUpdates: r = !1, ...e }, p) => {
+    const [a, f] = C(!1), [y, F] = B(), { setMenuOpen: g } = L(), S = x(null), c = x(), E = O();
     b(() => () => {
-      const a = s.current;
-      s.current = void 0, a !== void 0 && clearTimeout(a);
-    }, []), U(c, () => S.current, []);
-    const u = async () => {
+      const l = c.current;
+      c.current = void 0, l !== void 0 && clearTimeout(l);
+    }, []), U(p, () => S.current, []);
+    const d = async () => {
       f(!0);
       try {
-        await m?.(h);
+        await i?.(h);
       } finally {
         f(!1);
       }
-    }, { updates: h, hasUpdates: l } = K({
-      projectNames: i,
-      topics: p,
-      isSyncing: n,
+    }, { updates: h, hasUpdates: u } = I({
+      projectNames: n,
+      topics: s,
+      isSyncing: a,
       shouldSyncOnUpdate: t
     });
     if (b(() => {
-      const a = (r) => {
-        r.repeat || !r.shiftKey || r.ctrlKey || r.metaKey || r.key.toLowerCase() !== "r" || B(r) || (r.preventDefault(), r.stopPropagation(), u());
+      const l = (o) => {
+        o.repeat || !o.shiftKey || o.ctrlKey || o.metaKey || o.key.toLowerCase() !== "r" || N(o) || (o.preventDefault(), o.stopPropagation(), d());
       };
-      return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-    }, [u]), e && !l) return null;
+      return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+    }, [d]), r && !u) return null;
     const T = D(h), j = Object.values(y).some(Boolean);
     Object.values(y).every(Boolean);
     const w = () => {
-      s.current && clearTimeout(s.current);
+      c.current && clearTimeout(c.current);
     }, k = () => {
       w(), g(E);
     }, M = () => {
-      w(), s.current = setTimeout(() => g(!1), 100);
+      w(), c.current = setTimeout(() => g(!1), 100);
     };
-    return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+      /* @__PURE__ */ m.jsx(
         _,
         {
-          ...o,
+          ...e,
           icon: "sync",
           ref: S,
-          onClick: u,
+          onClick: d,
           onMouseEnter: k,
           onMouseLeave: M,
-          className: N(o.className, {
-            syncing: n,
-            "has-updates": l,
+          className: K(e.className, {
+            syncing: a,
+            "has-updates": u,
             "auto-sync": j && !v
           }),
           "data-shortcut": "Shift+R",
-          "data-tooltip": l ? T : "Refresh data",
-          variant: l ? "filled" : "surface"
+          "data-tooltip": u ? T : "Refresh data",
+          variant: u ? "filled" : "surface"
         }
       ),
       !v
@@ -261,6 +148,6 @@ const z = (i, p, m) => {
   }
 );
 export {
-  yr as SyncButton
+  lt as SyncButton
 };
 //# sourceMappingURL=SyncButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SyncButton.es.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAMA,IAAaC,EAAOC,CAAM;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;AAgCXD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+B5B,MAAME,IAAmB,CAACC,GAAoBC,GAAoBC,MAAkB;AAClF,QAAMC,IAAc,GAAGF,CAAU,GAAGC,MAAU,IAAI,KAAK,GAAG;AAC1D,SAAIF,MAAe,YAAkB,OAAOG,CAAW,KACnDH,MAAe,YAAkB,GAAGG,CAAW,aAC5C,GAAGD,CAAK,IAAIC,CAAW,IAAIH,EAAW,WAAW,KAAK,GAAG,CAAC;AACnE,GAEMI,IAAoB,CAACC,MAA8B;AACvD,QAAMC,wBAAqB,IAAA;AAK3B,SAAAD,EAAQ,QAAQ,CAACE,MAAW;AAC1B,UAAM,CAAA,EAAGN,GAAYD,CAAU,IAAIO,EAAO,MAAM,MAAM,GAAG;AACzD,QAAI,CAACN,KAAc,CAACD,EAAY;AAEhC,UAAMQ,IAAM,GAAGP,CAAU,IAAID,CAAU,IACjCS,IAAQH,EAAe,IAAIE,CAAG,KAAK;AAAA,MACvC,YAAAP;AAAA,MACA,YAAAD;AAAA,MACA,yBAAS,IAAA;AAAA,IAAY;AAEvB,IAAAS,EAAM,IAAI,IAAIF,EAAO,YAAY,OAAOA,EAAO,EAAE,CAAC,GAClDD,EAAe,IAAIE,GAAKC,CAAK;AAAA,EAC/B,CAAC,GAMM,GAJQ,MAAM,KAAKH,EAAe,OAAA,CAAQ,EAAE;AAAA,IAAI,CAAC,EAAE,YAAAL,GAAY,YAAAD,GAAY,KAAAU,EAAA,MAChFX,EAAiBC,GAAYC,GAAYS,EAAI,IAAI;AAAA,EAAA,EAGlC,KAAK,IAAI,CAAC;AAC7B,GAEaC,KAAaC;AAAA,EACxB,CACE,EAAE,cAAAC,GAAc,QAAAC,GAAQ,QAAAC,GAAQ,oBAAAC,GAAoB,mBAAAC,IAAoB,IAAO,GAAGC,EAAA,GAClFC,MACG;AACH,UAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAkBC,CAAsB,IAAIC,EAAA,GAC7C,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClBC,IAAYC,EAAiC,IAAI,GACjDC,IAAeD,EAAA,GACfE,IAASC,EAAA;AAEf,IAAAC,EAAU,MACD,MAAM;AACX,YAAMC,IAAUJ,EAAa;AAC7B,MAAAA,EAAa,UAAU,QACnBI,MAAY,UACd,aAAaA,CAAO;AAAA,IAExB,GACC,CAAA,CAAE,GACLC,EAAoBhB,GAAK,MAAMS,EAAU,SAA8B,CAAA,CAAE;AAEzE,UAAMQ,IAAa,YAAY;AAC7B,MAAAf,EAAa,EAAI;AACjB,UAAI;AACF,cAAMN,IAASV,CAAO;AAAA,MACxB,UAAA;AACE,QAAAgB,EAAa,EAAK;AAAA,MACpB;AAAA,IACF,GAEM,EAAE,SAAAhB,GAAS,YAAAgC,EAAA,IAAeC,EAAe;AAAA,MAC7C,cAAAzB;AAAA,MACA,QAAAC;AAAA,MACA,WAAAM;AAAA,MACA,oBAAAJ;AAAA,IAAA,CACD;AAwBD,QAtBAiB,EAAU,MAAM;AACd,YAAMM,IAAgB,CAACC,MAAyB;AAC9C,QACEA,EAAM,UACN,CAACA,EAAM,YACPA,EAAM,WACNA,EAAM,WACNA,EAAM,IAAI,YAAA,MAAkB,OAC5BC,EAAqBD,CAAK,MAK5BA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNJ,EAAA;AAAA,MACF;AAEA,oBAAO,iBAAiB,WAAWG,CAAa,GACzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,IAClE,GAAG,CAACH,CAAU,CAAC,GAEXnB,KAAqB,CAACoB,EAAY,QAAO;AAE7C,UAAMK,IAAiBtC,EAAkBC,CAAO,GAC1CsC,IAAoB,OAAO,OAAOpB,CAAgB,EAAE,KAAK,OAAO;AACtC,WAAO,OAAOA,CAAgB,EAAE,MAAM,OAAO;AAE7E,UAAMqB,IAAkB,MAAM;AAC5B,MAAId,EAAa,WAAS,aAAaA,EAAa,OAAO;AAAA,IAC7D,GAEMe,IAAmB,MAAM;AAC7B,MAAAD,EAAA,GACAlB,EAAYK,CAAM;AAAA,IACpB,GAEMe,IAAoB,MAAM;AAC9B,MAAAF,EAAA,GACAd,EAAa,UAAU,WAAW,MAAMJ,EAAY,EAAK,GAAG,GAAG;AAAA,IACjE;AAEA,WACEqB,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,MAAAC,gBAAAA,EAAAA;AAAAA,QAACrD;AAAA,QAAA;AAAA,UACE,GAAGsB;AAAA,UACJ,MAAK;AAAA,UACL,KAAKU;AAAA,UACL,SAASQ;AAAA,UACT,cAAcS;AAAA,UACd,cAAcC;AAAA,UACd,WAAWI,EAAKhC,EAAM,WAAW;AAAA,YAC/B,SAASE;AAAA,YACT,eAAeiB;AAAA,YACf,aAAaM,KAAqB,CAACQ;AAAA,UAAA,CACpC;AAAA,UACD,iBAAc;AAAA,UACd,gBAAcd,IAAaK,IAAiB;AAAA,UAC5C,SAASL,IAAa,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC,CAACc;AAAA,IA4DA,GAEJ;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"SyncButton.es.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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"}