@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js

@@ -8,6 +8,7 @@ const column_esm = require("../../../node_modules/primereact/column/column.esm.c
 require("lodash");
 require("react-toastify");
 const groupResult = require("../../util/groupResult.cjs.js");
+require("uuid");
 require("../../util/pubsub.cjs.js");
 require("../ContextMenu/ContextMenuContext.cjs.js");
 ;/* empty css                                   */
@@ -19,6 +20,7 @@ require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
 const DetailsDialog = require("../../components/DetailsDialog/DetailsDialog.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");
@@ -74,6 +76,9 @@ require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.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/links/getEntityLinks.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
 require("../../api/queries/permissions/getPermissions.cjs.js");
@@ -141,19 +146,7 @@ require("../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../ProjectTreeTable/ProjectTreeTable.cjs.js");
 require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("@tanstack/react-table");
-require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
-require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");
-require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
-require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../../../_virtual/runtime.cjs.js");
-require("../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
-require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
-require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -163,10 +156,24 @@ require("../ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
 require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../../components/LinksManager/LinksManagerDialog.cjs.js");
+require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
+require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
 require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
 require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
+require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
 const versionsToRepresentations = require("./versionsToRepresentations.cjs.js");
 require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
@@ -203,6 +210,9 @@ require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js"
 require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");
 require("../../components/Feedback/FeedbackContext.cjs.js");
 require("../../components/Feedback/SupportBubble.cjs.js");
+require("../../components/Chips/Chips.cjs.js");
+require("../../components/LinksManager/LinksManager.styled.cjs.js");
+require("../EntityPickerDialog/EntityPickerDialog.cjs.js");
 const columns = [
   {
     field: "name",

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}
+{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js

@@ -6,6 +6,7 @@ import { Column } from "../../../node_modules/primereact/column/column.esm.es.js
 import "lodash";
 import "react-toastify";
 import { groupResult } from "../../util/groupResult.es.js";
+import "uuid";
 import "../../util/pubsub.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
@@ -17,6 +18,7 @@ import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import { DetailsDialog } from "../../components/DetailsDialog/DetailsDialog.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";
@@ -72,6 +74,9 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
@@ -139,19 +144,7 @@ import "../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "@tanstack/react-table";
-import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -161,10 +154,24 @@ import "../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../components/LinksManager/LinksManagerDialog.es.js";
+import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../ProjectTreeTable/context/ProjectDataContext.es.js";
 import versionsToRepresentations from "./versionsToRepresentations.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
@@ -201,6 +208,9 @@ import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
 import "../../components/Feedback/FeedbackContext.es.js";
 import "../../components/Feedback/SupportBubble.es.js";
+import "../../components/Chips/Chips.es.js";
+import "../../components/LinksManager/LinksManager.styled.es.js";
+import "../EntityPickerDialog/EntityPickerDialog.es.js";
 const columns = [
   {
     field: "name",

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}
+{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}