@ynput/ayon-frontend-shared 0.2.16 → 0.2.18

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js

@@ -74,6 +74,8 @@ require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("react");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
@@ -82,8 +84,8 @@ require("../../ContextMenu/ContextMenuContext.cjs.js");
 ;/* empty css                                      */
 require("lodash");
 require("../../../util/pubsub.cjs.js");
-require("axios");
 require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
 require("../../../context/RemoteModulesContext.cjs.js");
 require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");
@@ -128,17 +130,15 @@ require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../ProjectTreeTable.cjs.js");
+require("../context/CellEditingContext.cjs.js");
+require("../context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../context/SelectionCellsContext.cjs.js");
+require("../context/ColumnSettingsContext.cjs.js");
 require("../context/ProjectTableContext.cjs.js");
 require("../context/ProjectTableQueriesContext.cjs.js");
 require("../context/SelectedRowsContext.cjs.js");
-require("../context/ColumnSettingsContext.cjs.js");
-require("../context/CellEditingContext.cjs.js");
-require("../context/ClipboardContext.cjs.js");
-require("../context/ProjectTableSelectionContext.cjs.js");
 require("../context/ProjectDataContext.cjs.js");
-require("../context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../widgets/CollapsedWidget.cjs.js");
 require("../widgets/DateWidget.cjs.js");
 require("../widgets/EnumWidget.cjs.js");
@@ -152,11 +152,11 @@ require("../ProjectTreeTable.styled.cjs.js");
 require("./SelectionCell.cjs.js");
 require("./RowSelectionHeader.cjs.js");
 require("../widgets/LoadMoreWidget.cjs.js");
-require("../../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
+require("../../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
 require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
@@ -165,8 +165,7 @@ require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs
 require("../../Actions/Actions.styled.cjs.js");
 require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");
 require("../../Actions/ActionIcon.cjs.js");
-require("../../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js");
-require("../../../components/ThumbnailUploader/ThumbnailUploader.styled.cjs.js");
+require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
 require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");
 require("../../../components/EntityPath/EntityPath.styled.cjs.js");
 require("../../../components/EntityPath/SegmentProvider.cjs.js");
@@ -183,6 +182,8 @@ require("../../../components/Badge/Badge.cjs.js");
 require("../../../components/Powerpack/PowerpackButton.cjs.js");
 require("../../../components/Powerpack/PricingLink.cjs.js");
 require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");
+require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");
 const styled = require("styled-components");
 const FieldItem = styled.li`
   display: flex;

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSettingsFallback.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '@shared/components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport interface GroupSettingsFallbackProps {\n  requiredVersion?: string\n  fields: SettingsPanelItem[]\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["Button","TableSettingsFallback","jsx","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAa1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,uDACGC,sBAAAA,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXC,2BAAAA,kBAAAA,IAAC,aACC,UAACC,kDAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,iDAACE,oBAAAA,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;;"}
+{"version":3,"file":"GroupSettingsFallback.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport type GroupByConfig = {\n  showEmpty?: boolean\n}\n\nexport interface GroupSettingsProps {\n  fields: SettingsPanelItem[]\n  config?: GroupByConfig\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n  onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n  requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["Button","TableSettingsFallback","jsx","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAsB1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,uDACGC,sBAAAA,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXC,2BAAAA,kBAAAA,IAAC,aACC,UAACC,kDAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,iDAACE,oBAAAA,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;;"}

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.es.js

@@ -72,6 +72,8 @@ import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
 import "react";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
@@ -80,8 +82,8 @@ import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
 import "lodash";
 import "../../../util/pubsub.es.js";
-import "axios";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
@@ -126,17 +128,15 @@ import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../ProjectTreeTable.es.js";
+import "../context/CellEditingContext.es.js";
+import "../context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../context/SelectionCellsContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
 import "../context/ProjectTableContext.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/SelectedRowsContext.es.js";
-import "../context/ColumnSettingsContext.es.js";
-import "../context/CellEditingContext.es.js";
-import "../context/ClipboardContext.es.js";
-import "../context/ProjectTableSelectionContext.es.js";
 import "../context/ProjectDataContext.es.js";
-import "../context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
 import "../widgets/CollapsedWidget.es.js";
 import "../widgets/DateWidget.es.js";
 import "../widgets/EnumWidget.es.js";
@@ -150,11 +150,11 @@ import "../ProjectTreeTable.styled.es.js";
 import "./SelectionCell.es.js";
 import "./RowSelectionHeader.es.js";
 import "../widgets/LoadMoreWidget.es.js";
-import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
@@ -163,8 +163,7 @@ import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.j
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import "../../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js";
-import "../../../components/ThumbnailUploader/ThumbnailUploader.styled.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
@@ -181,6 +180,8 @@ import "../../../components/Badge/Badge.es.js";
 import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
 import styled from "styled-components";
 const FieldItem = styled.li`
   display: flex;

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSettingsFallback.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '@shared/components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport interface GroupSettingsFallbackProps {\n  requiredVersion?: string\n  fields: SettingsPanelItem[]\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAO,MAAM;AAAA;AAAA;AAAA;AAa1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,4CACG,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXA,kCAAAA,IAAC,aACC,UAACC,uCAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,sCAAC,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;"}
+{"version":3,"file":"GroupSettingsFallback.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport type GroupByConfig = {\n  showEmpty?: boolean\n}\n\nexport interface GroupSettingsProps {\n  fields: SettingsPanelItem[]\n  config?: GroupByConfig\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n  onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n  requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAO,MAAM;AAAA;AAAA;AAAA;AAsB1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,4CACG,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXA,kCAAAA,IAAC,aACC,UAACC,uCAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,sCAAC,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;"}

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.cjs.js

@@ -5,11 +5,11 @@ const clsx = require("clsx");
 const styled = require("styled-components");
 const ActionButton = styled(ayonReactComponents.Button)`
   padding: 0px !important;
-  display: none;
-  background-color: var(--md-sys-color-surface-container-lowest);
+  display: none !important;
+  background-color: var(--md-sys-color-surface-container-lowest) !important;
 
   &.selected {
-    display: flex;
+    display: flex !important;
   }
 `;
 const HeaderActionButton = ({ selected, style, ...props }) => {

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActionButton.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n  padding: 0px !important;\n  display: none;\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  &.selected {\n    display: flex;\n  }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n  return (\n    <ActionButton\n      {...props}\n      selected={selected}\n      className={clsx(props.className, 'action', { selected })}\n      variant=\"text\"\n      style={{ ...style }}\n    />\n  )\n}\n\nexport default HeaderActionButton\n"],"names":["Button","jsx"],"mappings":";;;;;AAKA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYlC,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;;"}
+{"version":3,"file":"HeaderActionButton.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n  padding: 0px !important;\n  display: none !important;\n  background-color: var(--md-sys-color-surface-container-lowest) !important;\n\n  &.selected {\n    display: flex !important;\n  }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n  return (\n    <ActionButton\n      {...props}\n      selected={selected}\n      className={clsx(props.className, 'action', { selected })}\n      variant=\"text\"\n      style={{ ...style }}\n    />\n  )\n}\n\nexport default HeaderActionButton\n"],"names":["Button","jsx"],"mappings":";;;;;AAKA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYlC,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.es.js

@@ -4,11 +4,11 @@ import clsx from "clsx";
 import styled from "styled-components";
 const ActionButton = styled(Button)`
   padding: 0px !important;
-  display: none;
-  background-color: var(--md-sys-color-surface-container-lowest);
+  display: none !important;
+  background-color: var(--md-sys-color-surface-container-lowest) !important;
 
   &.selected {
-    display: flex;
+    display: flex !important;
   }
 `;
 const HeaderActionButton = ({ selected, style, ...props }) => {

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActionButton.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n  padding: 0px !important;\n  display: none;\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  &.selected {\n    display: flex;\n  }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n  return (\n    <ActionButton\n      {...props}\n      selected={selected}\n      className={clsx(props.className, 'action', { selected })}\n      variant=\"text\"\n      style={{ ...style }}\n    />\n  )\n}\n\nexport default HeaderActionButton\n"],"names":["jsx"],"mappings":";;;;AAKA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYlC,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;"}
+{"version":3,"file":"HeaderActionButton.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n  padding: 0px !important;\n  display: none !important;\n  background-color: var(--md-sys-color-surface-container-lowest) !important;\n\n  &.selected {\n    display: flex !important;\n  }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n  return (\n    <ActionButton\n      {...props}\n      selected={selected}\n      className={clsx(props.className, 'action', { selected })}\n      variant=\"text\"\n      style={{ ...style }}\n    />\n  )\n}\n\nexport default HeaderActionButton\n"],"names":["jsx"],"mappings":";;;;AAKA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYlC,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;"}

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js

@@ -1,180 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const React = require("react");
-const reactTable = require("@tanstack/react-table");
 const ColumnSettingsContext = React.createContext(void 0);
-const ColumnSettingsProvider = ({
-  children,
-  config,
-  onChange
-}) => {
-  const columnsConfig = config;
-  const {
-    columnOrder: columnOrderInit = [],
-    columnPinning: columnPinningInit = {},
-    columnVisibility = {},
-    columnSizing: columnsSizingExternal = {},
-    groupBy
-  } = columnsConfig;
-  const columnOrder = [...columnOrderInit];
-  const columnPinning = { ...columnPinningInit };
-  const defaultOrder = ["thumbnail", "name", "subType", "status", "tags"];
-  defaultOrder.forEach((col, i) => {
-    if (!columnOrder.includes(col)) {
-      const defaultBefore = defaultOrder[i - 1];
-      const columnAfter = defaultOrder[i + 1];
-      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {
-        columnOrder.unshift(col);
-      } else {
-        const index = columnOrder.indexOf(defaultBefore);
-        columnOrder.splice(index + 1, 0, col);
-      }
-      if (columnAfter && (columnPinning == null ? void 0 : columnPinning.left) && (columnPinning == null ? void 0 : columnPinning.left.includes(columnAfter))) {
-        columnPinning.left = [col, ...(columnPinning == null ? void 0 : columnPinning.left) || []];
-      }
-    }
-  });
-  const setColumnVisibility = (visibility) => {
-    onChange({
-      ...columnsConfig,
-      columnVisibility: visibility
-    });
-  };
-  const setColumnOrder = (order) => {
-    onChange({
-      ...columnsConfig,
-      columnOrder: order
-    });
-  };
-  const setColumnPinning = (pinning) => {
-    onChange({
-      ...columnsConfig,
-      columnPinning: pinning
-    });
-  };
-  const [internalColumnSizing, setInternalColumnSizing] = React.useState(null);
-  const columnSizing = internalColumnSizing || columnsSizingExternal;
-  const resizingTimeoutRef = React.useRef(null);
-  const setColumnSizing = (sizing) => {
-    setInternalColumnSizing(sizing);
-    if (resizingTimeoutRef.current) {
-      clearTimeout(resizingTimeoutRef.current);
-    }
-    resizingTimeoutRef.current = setTimeout(() => {
-      onChange({
-        ...columnsConfig,
-        columnSizing: sizing
-      });
-      setInternalColumnSizing(null);
-    }, 500);
-  };
-  const togglePinningOnVisibilityChange = (visibility) => {
-    const newPinning = { ...columnPinning };
-    const pinnedColumns = newPinning.left || [];
-    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false);
-    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col));
-    return {
-      ...newPinning,
-      left: newPinnedColumns
-    };
-  };
-  const updatePinningOrderOnOrderChange = (order) => {
-    const newPinning = { ...columnPinning };
-    const pinnedColumns = newPinning.left || [];
-    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col));
-    return {
-      ...newPinning,
-      left: pinnedColumnsOrder
-    };
-  };
-  const updateOrderOnPinningChange = (pinning) => {
-    return [...columnOrder].sort((a, b) => {
-      var _a, _b;
-      const aPinned = ((_a = pinning.left) == null ? void 0 : _a.includes(a)) ? 1 : 0;
-      const bPinned = ((_b = pinning.left) == null ? void 0 : _b.includes(b)) ? 1 : 0;
-      return bPinned - aPinned;
-    });
-  };
-  const updateColumnVisibility = (visibility) => {
-    const newPinning = togglePinningOnVisibilityChange(visibility);
-    onChange({
-      ...columnsConfig,
-      columnVisibility: visibility,
-      columnPinning: newPinning
-    });
-  };
-  const updateColumnOrder = (order) => {
-    const newPinning = updatePinningOrderOnOrderChange(order);
-    onChange({
-      ...columnsConfig,
-      columnOrder: order,
-      columnPinning: newPinning
-    });
-  };
-  const updateColumnPinning = (pinning) => {
-    const newOrder = updateOrderOnPinningChange(pinning);
-    onChange({
-      ...columnsConfig,
-      columnOrder: newOrder,
-      columnPinning: pinning
-    });
-  };
-  const updateGroupBy = (groupBy2) => {
-    onChange({
-      ...columnsConfig,
-      groupBy: groupBy2
-    });
-  };
-  const columnVisibilityUpdater = (columnVisibilityUpdater2) => {
-    const newVisibility = reactTable.functionalUpdate(columnVisibilityUpdater2, columnVisibility);
-    updateColumnVisibility(newVisibility);
-  };
-  const columnOrderUpdater = (columnOrderUpdater2) => {
-    const newOrder = reactTable.functionalUpdate(columnOrderUpdater2, columnOrder);
-    updateColumnOrder(newOrder);
-  };
-  const columnPinningUpdater = (columnPinningUpdater2) => {
-    const newPinning = reactTable.functionalUpdate(columnPinningUpdater2, columnPinning);
-    updateColumnPinning(newPinning);
-  };
-  const columnSizingUpdater = (sizingUpdater) => {
-    const newSizing = reactTable.functionalUpdate(sizingUpdater, columnSizing);
-    setColumnSizing(newSizing);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    ColumnSettingsContext.Provider,
-    {
-      value: {
-        // column visibility
-        columnVisibility,
-        setColumnVisibility,
-        updateColumnVisibility,
-        columnVisibilityUpdater,
-        // column pinning
-        columnPinning,
-        setColumnPinning,
-        updateColumnPinning,
-        columnPinningUpdater,
-        // column order
-        columnOrder,
-        setColumnOrder,
-        updateColumnOrder,
-        columnOrderUpdater,
-        // column sizing
-        columnSizing,
-        setColumnSizing,
-        columnSizingUpdater,
-        // group by
-        groupBy,
-        updateGroupBy,
-        // global change
-        setColumnsConfig: onChange
-      },
-      children
-    }
-  );
-};
 const useColumnSettingsContext = () => {
   const context = React.useContext(ColumnSettingsContext);
   if (!context) {
@@ -182,6 +9,6 @@ const useColumnSettingsContext = () => {
   }
   return context;
 };
-exports.ColumnSettingsProvider = ColumnSettingsProvider;
+exports.ColumnSettingsContext = ColumnSettingsContext;
 exports.useColumnSettingsContext = useColumnSettingsContext;
 //# sourceMappingURL=ColumnSettingsContext.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface TableGroupBy {\n  desc: boolean\n  id: string\n}\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // groupBy\n  updateGroupBy: (groupBy: TableGroupBy | undefined) => void\n  groupBy?: TableGroupBy\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState\n  groupBy?: TableGroupBy\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n    groupBy,\n  } = columnsConfig\n\n  const columnOrder = [...columnOrderInit]\n  const columnPinning = { ...columnPinningInit }\n  const defaultOrder = ['thumbnail', 'name', 'subType', 'status', 'tags']\n  // for each default column, if it is not in the columnOrder, find the index of the column before it, if none, add to beginning\n  defaultOrder.forEach((col, i) => {\n    if (!columnOrder.includes(col)) {\n      const defaultBefore = defaultOrder[i - 1]\n      const columnAfter = defaultOrder[i + 1]\n      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {\n        // add to beginning\n        columnOrder.unshift(col)\n      } else {\n        // find the index of that column in the columnOrder\n        const index = columnOrder.indexOf(defaultBefore)\n        // add the item after that column\n        columnOrder.splice(index + 1, 0, col)\n      }\n      if (columnAfter && columnPinning?.left && columnPinning?.left.includes(columnAfter)) {\n        // pin the column\n        columnPinning.left = [col, ...(columnPinning?.left || [])]\n      }\n    }\n  })\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChange({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // group by\n        groupBy,\n        updateGroupBy,\n\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","groupBy","columnVisibilityUpdater","functionalUpdate","columnOrderUpdater","columnPinningUpdater","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\nimport { GroupByConfig } from '../components/GroupSettingsFallback'\n\nexport interface TableGroupBy {\n  desc: boolean\n  id: string\n}\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState\n  groupBy?: TableGroupBy\n  groupByConfig?: {\n    showEmpty?: boolean\n  }\n}\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // groupBy\n  groupBy?: TableGroupBy\n  updateGroupBy: (groupBy: TableGroupBy | undefined) => void\n  groupByConfig: GroupByConfig\n  updateGroupByConfig: (config: GroupByConfig) => void\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useContext"],"mappings":";;;AA4Da,MAAA,wBAAwBA,oBAAqD,MAAS;AAE5F,MAAM,2BAA2B,MAAiC;AACjE,QAAA,UAAUC,iBAAW,qBAAqB;AAChD,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,uEAAuE;AAAA,EAAA;AAElF,SAAA;AACT;;;"}

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.es.js

@@ -1,178 +1,5 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import React__default, { createContext, useState, useContext } from "react";
-import { functionalUpdate } from "@tanstack/react-table";
+import { createContext, useContext } from "react";
 const ColumnSettingsContext = createContext(void 0);
-const ColumnSettingsProvider = ({
-  children,
-  config,
-  onChange
-}) => {
-  const columnsConfig = config;
-  const {
-    columnOrder: columnOrderInit = [],
-    columnPinning: columnPinningInit = {},
-    columnVisibility = {},
-    columnSizing: columnsSizingExternal = {},
-    groupBy
-  } = columnsConfig;
-  const columnOrder = [...columnOrderInit];
-  const columnPinning = { ...columnPinningInit };
-  const defaultOrder = ["thumbnail", "name", "subType", "status", "tags"];
-  defaultOrder.forEach((col, i) => {
-    if (!columnOrder.includes(col)) {
-      const defaultBefore = defaultOrder[i - 1];
-      const columnAfter = defaultOrder[i + 1];
-      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {
-        columnOrder.unshift(col);
-      } else {
-        const index = columnOrder.indexOf(defaultBefore);
-        columnOrder.splice(index + 1, 0, col);
-      }
-      if (columnAfter && (columnPinning == null ? void 0 : columnPinning.left) && (columnPinning == null ? void 0 : columnPinning.left.includes(columnAfter))) {
-        columnPinning.left = [col, ...(columnPinning == null ? void 0 : columnPinning.left) || []];
-      }
-    }
-  });
-  const setColumnVisibility = (visibility) => {
-    onChange({
-      ...columnsConfig,
-      columnVisibility: visibility
-    });
-  };
-  const setColumnOrder = (order) => {
-    onChange({
-      ...columnsConfig,
-      columnOrder: order
-    });
-  };
-  const setColumnPinning = (pinning) => {
-    onChange({
-      ...columnsConfig,
-      columnPinning: pinning
-    });
-  };
-  const [internalColumnSizing, setInternalColumnSizing] = useState(null);
-  const columnSizing = internalColumnSizing || columnsSizingExternal;
-  const resizingTimeoutRef = React__default.useRef(null);
-  const setColumnSizing = (sizing) => {
-    setInternalColumnSizing(sizing);
-    if (resizingTimeoutRef.current) {
-      clearTimeout(resizingTimeoutRef.current);
-    }
-    resizingTimeoutRef.current = setTimeout(() => {
-      onChange({
-        ...columnsConfig,
-        columnSizing: sizing
-      });
-      setInternalColumnSizing(null);
-    }, 500);
-  };
-  const togglePinningOnVisibilityChange = (visibility) => {
-    const newPinning = { ...columnPinning };
-    const pinnedColumns = newPinning.left || [];
-    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false);
-    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col));
-    return {
-      ...newPinning,
-      left: newPinnedColumns
-    };
-  };
-  const updatePinningOrderOnOrderChange = (order) => {
-    const newPinning = { ...columnPinning };
-    const pinnedColumns = newPinning.left || [];
-    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col));
-    return {
-      ...newPinning,
-      left: pinnedColumnsOrder
-    };
-  };
-  const updateOrderOnPinningChange = (pinning) => {
-    return [...columnOrder].sort((a, b) => {
-      var _a, _b;
-      const aPinned = ((_a = pinning.left) == null ? void 0 : _a.includes(a)) ? 1 : 0;
-      const bPinned = ((_b = pinning.left) == null ? void 0 : _b.includes(b)) ? 1 : 0;
-      return bPinned - aPinned;
-    });
-  };
-  const updateColumnVisibility = (visibility) => {
-    const newPinning = togglePinningOnVisibilityChange(visibility);
-    onChange({
-      ...columnsConfig,
-      columnVisibility: visibility,
-      columnPinning: newPinning
-    });
-  };
-  const updateColumnOrder = (order) => {
-    const newPinning = updatePinningOrderOnOrderChange(order);
-    onChange({
-      ...columnsConfig,
-      columnOrder: order,
-      columnPinning: newPinning
-    });
-  };
-  const updateColumnPinning = (pinning) => {
-    const newOrder = updateOrderOnPinningChange(pinning);
-    onChange({
-      ...columnsConfig,
-      columnOrder: newOrder,
-      columnPinning: pinning
-    });
-  };
-  const updateGroupBy = (groupBy2) => {
-    onChange({
-      ...columnsConfig,
-      groupBy: groupBy2
-    });
-  };
-  const columnVisibilityUpdater = (columnVisibilityUpdater2) => {
-    const newVisibility = functionalUpdate(columnVisibilityUpdater2, columnVisibility);
-    updateColumnVisibility(newVisibility);
-  };
-  const columnOrderUpdater = (columnOrderUpdater2) => {
-    const newOrder = functionalUpdate(columnOrderUpdater2, columnOrder);
-    updateColumnOrder(newOrder);
-  };
-  const columnPinningUpdater = (columnPinningUpdater2) => {
-    const newPinning = functionalUpdate(columnPinningUpdater2, columnPinning);
-    updateColumnPinning(newPinning);
-  };
-  const columnSizingUpdater = (sizingUpdater) => {
-    const newSizing = functionalUpdate(sizingUpdater, columnSizing);
-    setColumnSizing(newSizing);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ColumnSettingsContext.Provider,
-    {
-      value: {
-        // column visibility
-        columnVisibility,
-        setColumnVisibility,
-        updateColumnVisibility,
-        columnVisibilityUpdater,
-        // column pinning
-        columnPinning,
-        setColumnPinning,
-        updateColumnPinning,
-        columnPinningUpdater,
-        // column order
-        columnOrder,
-        setColumnOrder,
-        updateColumnOrder,
-        columnOrderUpdater,
-        // column sizing
-        columnSizing,
-        setColumnSizing,
-        columnSizingUpdater,
-        // group by
-        groupBy,
-        updateGroupBy,
-        // global change
-        setColumnsConfig: onChange
-      },
-      children
-    }
-  );
-};
 const useColumnSettingsContext = () => {
   const context = useContext(ColumnSettingsContext);
   if (!context) {
@@ -181,7 +8,7 @@ const useColumnSettingsContext = () => {
   return context;
 };
 export {
-  ColumnSettingsProvider,
+  ColumnSettingsContext,
   useColumnSettingsContext
 };
 //# sourceMappingURL=ColumnSettingsContext.es.js.map