@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/components/ProjectTableSettings/useProjectTableColumnItems.es.js

@@ -0,0 +1,334 @@
+import "../../../../_virtual/jsx-runtime.es.js";
+import { useMemo as b } from "react";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "clsx";
+import { getColumnIcon as i, getColumnLabel as r, getNameColumnLabel as k, getLinkLabel as d, getLinkColumnId as v } from "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "@ynput/ayon-react-components";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../context/MenuContext.es.js";
+import "react-toastify";
+import "lodash";
+import { getAttributeIcon as y } from "../../util/getAttributeIcon.es.js";
+import { hasEnumOptions as A } from "../../util/attributeEnum.es.js";
+import "uuid";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
+import "../../util/pubsub.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "react-router-dom";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "date-fns";
+import { ENTITY_COLUMN_IDS as m } from "../../containers/ProjectTreeTable/utils/columnIds.es.js";
+import { getScopedColumnId as T } from "../../containers/ProjectTreeTable/utils/cellUtils.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import { useProjectTableContext as L } from "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import { useProjectContext as f } from "../../context/ProjectContext.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/enums.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/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.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/enums/getEnums.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/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 "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+/* empty css                                               */
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+import "../../context/DeleteEntitiesContext.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../containers/Slicer/context/SlicerContextInstance.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import "../ColumnHeaderMenuUI.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../InfoMessage/InfoMessage.es.js";
+import "../Feedback/FeedbackContextInstance.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../../containers/ProjectTreeTable/components/ColumnDropIndicator.es.js";
+import "react-dom";
+import "../../context/UriContext.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
+import "../Chips/Chips.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/EntityUpdatesContextInstance.es.js";
+import "react-redux";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
+import { DEFAULT_COLUMN_ICON as C } from "./addColumnsMenu.es.js";
+const N = [], h = [], mr = ({
+  extraColumns: n = N,
+  hiddenColumns: u = h,
+  includeLinks: c = !0,
+  parentColumns: e = []
+}) => {
+  const { linkTypes: a } = f(), { attribFields: s, scopes: p } = L(), l = b(
+    () => [
+      {
+        value: "thumbnail",
+        label: r("thumbnail"),
+        icon: i("thumbnail")
+      },
+      {
+        value: "name",
+        label: k(p),
+        icon: i("name")
+      },
+      {
+        value: m.folder,
+        label: r(m.folder),
+        icon: i(m.folder)
+      },
+      {
+        value: m.task,
+        label: r(m.task),
+        icon: i(m.task),
+        hidden: !["product", "version"].some((t) => p.includes(t))
+      },
+      {
+        value: "assignees",
+        label: r("assignees"),
+        icon: i("assignees"),
+        hidden: !p.includes("task")
+      },
+      {
+        value: "product",
+        label: r("product"),
+        icon: i("product"),
+        hidden: !["product", "version"].some((t) => p.includes(t))
+      },
+      {
+        value: "entityType",
+        label: r("entityType"),
+        icon: i("entityType")
+      },
+      {
+        value: "status",
+        label: r("status"),
+        icon: i("status")
+      },
+      {
+        value: "subType",
+        label: r("subType", p),
+        icon: i("subType")
+      },
+      {
+        value: "tags",
+        label: r("tags"),
+        icon: i("tags")
+      },
+      {
+        value: "createdAt",
+        label: r("createdAt"),
+        icon: i("createdAt")
+      },
+      {
+        value: "updatedAt",
+        label: r("updatedAt"),
+        icon: i("updatedAt")
+      },
+      {
+        value: "subtasks",
+        label: r("subtasks"),
+        icon: i("subtasks"),
+        hidden: !p.includes("task")
+      },
+      {
+        value: "comments",
+        label: r("comments"),
+        icon: i("comments"),
+        hidden: !p.some((t) => ["task", "version", "product", "folder"].includes(t))
+      },
+      ...s.filter((t) => t.scope?.some((o) => p.includes(o))).map((t) => ({
+        value: `attrib_${t.name}`,
+        label: t.data.title || t.name,
+        icon: y(t.name, t.data.type, A(t.data)),
+        attrib: { builtin: t.builtin, scope: t.scope }
+      })),
+      ...a && c ? a.filter(
+        (t) => [t.inputType, t.outputType].some((o) => p.includes(o))
+      ).flatMap((t) => [
+        {
+          value: v(t, "in"),
+          label: d(t, "in"),
+          icon: "link",
+          isLink: !0
+        },
+        {
+          value: v(t, "out"),
+          label: d(t, "out"),
+          icon: "link",
+          isLink: !0
+        }
+      ]) : [],
+      ...e.map((t) => ({
+        value: t.id || T(t.scope, t.field),
+        label: t.label,
+        field: t.field,
+        parentScope: t.scope
+      })),
+      ...Array.from(
+        new Set(
+          e.filter((t) => t.includeAttributes !== !1).map((t) => t.scope)
+        )
+      ).flatMap(
+        (t) => s.filter((o) => !o.scope || o.scope.includes(t)).map((o) => ({
+          value: T(t, o.name, !0),
+          label: o.data.title || o.name,
+          icon: y(o.name, o.data.type, !!o.data.enum),
+          attrib: { builtin: o.builtin, scope: o.scope },
+          parentScope: t
+        }))
+      ),
+      ...n.map((t) => ({
+        ...t,
+        icon: t.icon ?? C
+      }))
+    ],
+    [p, s, a, c, e, n]
+  ), g = b(
+    () => l.filter((t) => !t.hidden && !u.includes(t.value)),
+    [l, u]
+  );
+  return { columns: l, visibleColumns: g, scopes: p };
+};
+export {
+  mr as useProjectTableColumnItems
+};
+//# sourceMappingURL=useProjectTableColumnItems.es.js.map

package/dist/shared/src/components/ProjectTableSettings/useProjectTableColumnItems.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectTableColumnItems.es.js","sources":["../../../../../src/components/ProjectTableSettings/useProjectTableColumnItems.ts"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  getColumnLabel,\n  getColumnIcon,\n  getNameColumnLabel,\n  ENTITY_COLUMN_IDS,\n  getScopedColumnId,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { useProjectContext } from '@shared/context'\nimport { useMemo } from 'react'\nimport { AddColumnItem, DEFAULT_COLUMN_ICON } from './addColumnsMenu'\nimport { getAttributeIcon } from '@shared/util/getAttributeIcon'\nimport { hasEnumOptions } from '@shared/util'\nimport type { ParentColumnDefinition } from '@shared/containers'\n\ninterface UseProjectTableColumnItemsProps {\n  extraColumns?: { value: string; label: string; icon?: string }[]\n  hiddenColumns?: string[]\n  includeLinks?: boolean\n  parentColumns?: ParentColumnDefinition[]\n}\n\nconst NO_EXTRA_COLUMNS: { value: string; label: string }[] = []\nconst NO_HIDDEN_COLUMNS: string[] = []\n\n// the settings panel and the table's add button must offer exactly the same columns\nexport const useProjectTableColumnItems = ({\n  extraColumns = NO_EXTRA_COLUMNS,\n  hiddenColumns = NO_HIDDEN_COLUMNS,\n  includeLinks = true,\n  parentColumns = [],\n}: UseProjectTableColumnItemsProps) => {\n  const { linkTypes } = useProjectContext()\n  const { attribFields, scopes } = useProjectTableContext()\n\n  const columns: (AddColumnItem & { hidden?: boolean })[] = useMemo(\n    () => [\n      {\n        value: 'thumbnail',\n        label: getColumnLabel('thumbnail'),\n        icon: getColumnIcon('thumbnail'),\n      },\n      {\n        value: 'name',\n        label: getNameColumnLabel(scopes),\n        icon: getColumnIcon('name'),\n      },\n      {\n        value: ENTITY_COLUMN_IDS.folder,\n        label: getColumnLabel(ENTITY_COLUMN_IDS.folder),\n        icon: getColumnIcon(ENTITY_COLUMN_IDS.folder),\n      },\n      {\n        value: ENTITY_COLUMN_IDS.task,\n        label: getColumnLabel(ENTITY_COLUMN_IDS.task),\n        icon: getColumnIcon(ENTITY_COLUMN_IDS.task),\n        hidden: !['product', 'version'].some((scope) => scopes.includes(scope)),\n      },\n      {\n        value: 'assignees',\n        label: getColumnLabel('assignees'),\n        icon: getColumnIcon('assignees'),\n        hidden: !scopes.includes('task'),\n      },\n      {\n        value: 'product',\n        label: getColumnLabel('product'),\n        icon: getColumnIcon('product'),\n        hidden: !['product', 'version'].some((scope) => scopes.includes(scope)),\n      },\n      {\n        value: 'entityType',\n        label: getColumnLabel('entityType'),\n        icon: getColumnIcon('entityType'),\n      },\n      {\n        value: 'status',\n        label: getColumnLabel('status'),\n        icon: getColumnIcon('status'),\n      },\n      {\n        value: 'subType',\n        label: getColumnLabel('subType', scopes),\n        icon: getColumnIcon('subType'),\n      },\n      {\n        value: 'tags',\n        label: getColumnLabel('tags'),\n        icon: getColumnIcon('tags'),\n      },\n      {\n        value: 'createdAt',\n        label: getColumnLabel('createdAt'),\n        icon: getColumnIcon('createdAt'),\n      },\n      {\n        value: 'updatedAt',\n        label: getColumnLabel('updatedAt'),\n        icon: getColumnIcon('updatedAt'),\n      },\n      {\n        value: 'subtasks',\n        label: getColumnLabel('subtasks'),\n        icon: getColumnIcon('subtasks'),\n        hidden: !scopes.includes('task'),\n      },\n      {\n        value: 'comments',\n        label: getColumnLabel('comments'),\n        icon: getColumnIcon('comments'),\n        hidden: !scopes.some((scope) => ['task', 'version', 'product', 'folder'].includes(scope)),\n      },\n      ...attribFields\n        .filter((field) => field.scope?.some((scope) => scopes.includes(scope)))\n        .map((field) => ({\n          value: `attrib_${field.name}`,\n          label: field.data.title || field.name,\n          icon: getAttributeIcon(field.name, field.data.type, hasEnumOptions(field.data)),\n          attrib: { builtin: field.builtin, scope: field.scope },\n        })),\n      ...(linkTypes && includeLinks\n        ? linkTypes\n            .filter((link) =>\n              [link.inputType, link.outputType].some((type) => scopes.includes(type)),\n            )\n            .flatMap((link) => [\n              {\n                value: getLinkColumnId(link, 'in'),\n                label: getLinkLabel(link, 'in'),\n                icon: 'link',\n                isLink: true,\n              },\n              {\n                value: getLinkColumnId(link, 'out'),\n                label: getLinkLabel(link, 'out'),\n                icon: 'link',\n                isLink: true,\n              },\n            ])\n        : []),\n      ...parentColumns.map((column) => ({\n        value: column.id || getScopedColumnId(column.scope, column.field),\n        label: column.label,\n        field: column.field,\n        parentScope: column.scope,\n      })),\n      ...Array.from(\n        new Set(\n          parentColumns\n            .filter((column) => column.includeAttributes !== false)\n            .map((column) => column.scope),\n        ),\n      ).flatMap((scope) =>\n        attribFields\n          .filter((field) => !field.scope || field.scope.includes(scope))\n          .map((field) => ({\n            value: getScopedColumnId(scope, field.name, true),\n            label: field.data.title || field.name,\n            icon: getAttributeIcon(field.name, field.data.type, !!field.data.enum),\n            attrib: { builtin: field.builtin, scope: field.scope },\n            parentScope: scope,\n          })),\n      ),\n      ...extraColumns.map((column) => ({\n        ...column,\n        icon: column.icon ?? DEFAULT_COLUMN_ICON,\n      })),\n    ],\n    [scopes, attribFields, linkTypes, includeLinks, parentColumns, extraColumns],\n  )\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => !column.hidden && !hiddenColumns.includes(column.value)),\n    [columns, hiddenColumns],\n  )\n\n  return { columns, visibleColumns, scopes }\n}\n"],"names":["NO_EXTRA_COLUMNS","NO_HIDDEN_COLUMNS","useProjectTableColumnItems","extraColumns","hiddenColumns","includeLinks","parentColumns","linkTypes","useProjectContext","attribFields","scopes","useProjectTableContext","columns","useMemo","getColumnLabel","getColumnIcon","getNameColumnLabel","ENTITY_COLUMN_IDS","scope","field","getAttributeIcon","hasEnumOptions","link","type","getLinkColumnId","getLinkLabel","column","getScopedColumnId","DEFAULT_COLUMN_ICON","visibleColumns"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/useVisibilityPaint.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");require("@ynput/ayon-react-components");require("../SearchFilter/filterDates.cjs.js");require("date-fns");require("uuid");require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("react-toastify");require("lodash");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");require("../../../../_virtual/jsx-runtime.cjs.js");require("clsx");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.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/enums.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/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.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/enums/getEnums.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/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("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");;/* empty css                                                 */require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");const b=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),g=300,E=({columnVisibility:c,defaultColumnVisibility:f,updateColumnVisibility:d,isLocked:C})=>{const[s,y]=r.useState(null),V=r.useRef(null);V.current=s;const l=r.useRef(null),o=r.useRef(0),q=r.useRef({columnVisibility:c,defaultColumnVisibility:f,updateColumnVisibility:d});q.current={columnVisibility:c,defaultColumnVisibility:f,updateColumnVisibility:d};const m=r.useRef(C);m.current=C;const w=(e,u)=>{const i=e.action==="show";return b.checkColumnVisibility(e.next,u,q.current.defaultColumnVisibility)===i?e:{...e,next:{...e.next,[u]:i}}},p=r.useCallback(()=>{l.current=null;const e=V.current;e&&(o.current=performance.now()+g,q.current.updateColumnVisibility(e.next),y(null))},[]),n=r.useCallback(()=>{l.current=null,V.current&&y(null)},[]);r.useEffect(()=>(window.addEventListener("pointerup",p),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",n)}),[p,n]);const R=r.useCallback(e=>{if(m.current?.(e))return;o.current=0;const{columnVisibility:u,defaultColumnVisibility:i}=q.current,t=b.checkColumnVisibility(u,e,i);l.current={columnId:e,action:t?"hide":"show"}},[]),P=r.useCallback((e,u)=>{const i=l.current;if(i){if(!u){n();return}m.current?.(e)||y(t=>{const{columnVisibility:a}=q.current,v=t??w({action:i.action,base:a,next:a},i.columnId);return w(v,e)})}},[]),h=r.useCallback(e=>{if(performance.now()<o.current){o.current=0;return}const{columnVisibility:u,defaultColumnVisibility:i,updateColumnVisibility:t}=q.current,a=b.checkColumnVisibility(u,e,i);t({...u,[e]:!a})},[]),k=s?.next??c;return{baseVisibility:s?.base??c,displayVisibility:k,isVisible:e=>b.checkColumnVisibility(k,e,f),onPaintStart:R,onPaintEnter:P,toggle:h,cancelPaint:n,isPainting:!!s}};exports.useVisibilityPaint=E;
+//# sourceMappingURL=useVisibilityPaint.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/useVisibilityPaint.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibilityPaint.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/useVisibilityPaint.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport type { VisibilityState } from '@tanstack/react-table'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils'\n\nconst SKIP_TOGGLE_MS = 300\n\n// base keeps rows in place for the whole drag, next is the previewed result\ntype PaintState = { action: 'show' | 'hide'; base: VisibilityState; next: VisibilityState }\n\ninterface UseVisibilityPaintProps {\n  columnVisibility: VisibilityState\n  defaultColumnVisibility?: VisibilityState\n  updateColumnVisibility: (visibility: VisibilityState) => void\n  isLocked?: (columnId: string) => boolean\n}\n\nexport interface VisibilityPaint {\n  // rows keep their pre-drag section membership so the list doesn't reflow under the cursor\n  baseVisibility: VisibilityState\n  // what the rows/menu items should render as while dragging\n  displayVisibility: VisibilityState\n  isVisible: (columnId: string) => boolean\n  onPaintStart: (columnId: string) => void\n  onPaintEnter: (columnId: string, pressed: boolean) => void\n  toggle: (columnId: string) => void\n  cancelPaint: () => void\n  isPainting: boolean\n}\n\n// press a column then drag across others to apply the same show/hide to all of them\nexport const useVisibilityPaint = ({\n  columnVisibility,\n  defaultColumnVisibility,\n  updateColumnVisibility,\n  isLocked,\n}: UseVisibilityPaintProps): VisibilityPaint => {\n  const [paint, setPaint] = useState<PaintState | null>(null)\n  const paintRef = useRef<PaintState | null>(null)\n  paintRef.current = paint\n  const armedRef = useRef<{ columnId: string; action: 'show' | 'hide' } | null>(null)\n  // a drag ending back on the pressed row fires a click that would undo what was painted;\n  // a drag ending anywhere else fires no click at all, so the guard has to expire on its own\n  const skipToggleUntilRef = useRef(0)\n\n  // an open sub-menu keeps the items it was opened with, so toggling must read the latest state\n  const latestRef = useRef({ columnVisibility, defaultColumnVisibility, updateColumnVisibility })\n  latestRef.current = { columnVisibility, defaultColumnVisibility, updateColumnVisibility }\n\n  const lockedRef = useRef(isLocked)\n  lockedRef.current = isLocked\n\n  const applyPaint = (state: PaintState, columnId: string): PaintState => {\n    const visible = state.action === 'show'\n    if (\n      checkColumnVisibility(state.next, columnId, latestRef.current.defaultColumnVisibility) ===\n      visible\n    )\n      return state\n    return { ...state, next: { ...state.next, [columnId]: visible } }\n  }\n\n  // one update for the whole drag: each column would otherwise PATCH the view settings on its own\n  const commit = useCallback(() => {\n    armedRef.current = null\n    const painted = paintRef.current\n    if (!painted) return\n    skipToggleUntilRef.current = performance.now() + SKIP_TOGGLE_MS\n    latestRef.current.updateColumnVisibility(painted.next)\n    setPaint(null)\n  }, [])\n\n  const cancel = useCallback(() => {\n    armedRef.current = null\n    if (paintRef.current) setPaint(null)\n  }, [])\n\n  // the pointer can be released anywhere, including outside the list or the menu portal\n  useEffect(() => {\n    window.addEventListener('pointerup', commit)\n    window.addEventListener('pointercancel', cancel)\n    return () => {\n      window.removeEventListener('pointerup', commit)\n      window.removeEventListener('pointercancel', cancel)\n    }\n  }, [commit, cancel])\n\n  // pressing only arms the drag, a plain click still toggles through onClick\n  const onPaintStart = useCallback((columnId: string) => {\n    if (lockedRef.current?.(columnId)) return\n    skipToggleUntilRef.current = 0\n    const { columnVisibility, defaultColumnVisibility } = latestRef.current\n    const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n    armedRef.current = { columnId, action: isVisible ? 'hide' : 'show' }\n  }, [])\n\n  const onPaintEnter = useCallback((columnId: string, pressed: boolean) => {\n    const armed = armedRef.current\n    if (!armed) return\n    // the release could have happened anywhere, an unpressed pointer is never a drag\n    if (!pressed) {\n      cancel()\n      return\n    }\n    if (lockedRef.current?.(columnId)) return\n    setPaint((current) => {\n      const { columnVisibility } = latestRef.current\n      const started =\n        current ??\n        applyPaint(\n          { action: armed.action, base: columnVisibility, next: columnVisibility },\n          armed.columnId,\n        )\n      return applyPaint(started, columnId)\n    })\n  }, [])\n\n  const toggle = useCallback((columnId: string) => {\n    if (performance.now() < skipToggleUntilRef.current) {\n      skipToggleUntilRef.current = 0\n      return\n    }\n    const { columnVisibility, defaultColumnVisibility, updateColumnVisibility } = latestRef.current\n    const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n    updateColumnVisibility({ ...columnVisibility, [columnId]: !isVisible })\n  }, [])\n\n  const displayVisibility = paint?.next ?? columnVisibility\n\n  return {\n    baseVisibility: paint?.base ?? columnVisibility,\n    displayVisibility,\n    isVisible: (columnId) =>\n      checkColumnVisibility(displayVisibility, columnId, defaultColumnVisibility),\n    onPaintStart,\n    onPaintEnter,\n    toggle,\n    cancelPaint: cancel,\n    isPainting: !!paint,\n  }\n}\n"],"names":["SKIP_TOGGLE_MS","useVisibilityPaint","columnVisibility","defaultColumnVisibility","updateColumnVisibility","isLocked","paint","setPaint","useState","paintRef","useRef","armedRef","skipToggleUntilRef","latestRef","lockedRef","applyPaint","state","columnId","visible","checkColumnVisibility","commit","useCallback","painted","cancel","useEffect","onPaintStart","isVisible","onPaintEnter","pressed","armed","current","started","toggle","displayVisibility"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/useVisibilityPaint.es.js

@@ -0,0 +1,210 @@
+import { useState as L, useRef as n, useCallback as e, useEffect as S } from "react";
+import "@ynput/ayon-react-components";
+import "../SearchFilter/filterDates.es.js";
+import "date-fns";
+import "uuid";
+import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
+import "react-toastify";
+import "lodash";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
+import "../../util/pubsub.es.js";
+import "../../../../_virtual/jsx-runtime.es.js";
+import "clsx";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "react-router-dom";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.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/enums.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/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.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/enums/getEnums.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/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 "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+/* empty css                                               */
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+import "../../context/DeleteEntitiesContext.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../containers/Slicer/context/SlicerContextInstance.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
+import { checkColumnVisibility as f } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
+const k = 300, ur = ({
+  columnVisibility: c,
+  defaultColumnVisibility: b,
+  updateColumnVisibility: P,
+  isLocked: v
+}) => {
+  const [s, d] = L(null), V = n(null);
+  V.current = s;
+  const u = n(null), l = n(0), o = n({ columnVisibility: c, defaultColumnVisibility: b, updateColumnVisibility: P });
+  o.current = { columnVisibility: c, defaultColumnVisibility: b, updateColumnVisibility: P };
+  const y = n(v);
+  y.current = v;
+  const x = (t, r) => {
+    const i = t.action === "show";
+    return f(t.next, r, o.current.defaultColumnVisibility) === i ? t : { ...t, next: { ...t.next, [r]: i } };
+  }, w = e(() => {
+    u.current = null;
+    const t = V.current;
+    t && (l.current = performance.now() + k, o.current.updateColumnVisibility(t.next), d(null));
+  }, []), p = e(() => {
+    u.current = null, V.current && d(null);
+  }, []);
+  S(() => (window.addEventListener("pointerup", w), window.addEventListener("pointercancel", p), () => {
+    window.removeEventListener("pointerup", w), window.removeEventListener("pointercancel", p);
+  }), [w, p]);
+  const E = e((t) => {
+    if (y.current?.(t)) return;
+    l.current = 0;
+    const { columnVisibility: r, defaultColumnVisibility: i } = o.current, m = f(r, t, i);
+    u.current = { columnId: t, action: m ? "hide" : "show" };
+  }, []), R = e((t, r) => {
+    const i = u.current;
+    if (i) {
+      if (!r) {
+        p();
+        return;
+      }
+      y.current?.(t) || d((m) => {
+        const { columnVisibility: a } = o.current, h = m ?? x(
+          { action: i.action, base: a, next: a },
+          i.columnId
+        );
+        return x(h, t);
+      });
+    }
+  }, []), g = e((t) => {
+    if (performance.now() < l.current) {
+      l.current = 0;
+      return;
+    }
+    const { columnVisibility: r, defaultColumnVisibility: i, updateColumnVisibility: m } = o.current, a = f(r, t, i);
+    m({ ...r, [t]: !a });
+  }, []), C = s?.next ?? c;
+  return {
+    baseVisibility: s?.base ?? c,
+    displayVisibility: C,
+    isVisible: (t) => f(C, t, b),
+    onPaintStart: E,
+    onPaintEnter: R,
+    toggle: g,
+    cancelPaint: p,
+    isPainting: !!s
+  };
+};
+export {
+  ur as useVisibilityPaint
+};
+//# sourceMappingURL=useVisibilityPaint.es.js.map