@ynput/ayon-frontend-shared 0.2.3 → 0.2.4

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTableColumns.cjs.js

@@ -1,269 +0,0 @@
-"use strict";
-const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
-const React = require("react");
-const reactTable = require("@tanstack/react-table");
-require("./widgets/CollapsedWidget.cjs.js");
-require("./widgets/DateWidget.cjs.js");
-require("./widgets/EnumWidget.cjs.js");
-require("./widgets/TextWidget.cjs.js");
-require("./widgets/BooleanWidget.cjs.js");
-const CellWidget = require("./widgets/CellWidget.cjs.js");
-const EntityNameWidget = require("./widgets/EntityNameWidget.cjs.js");
-const CellEditingContext = require("./context/CellEditingContext.cjs.js");
-const cellUtils = require("./utils/cellUtils.cjs.js");
-const ProjectTreeTable_styled = require("./ProjectTreeTable.styled.cjs.js");
-const clsx = require("clsx");
-const SelectionCell = require("./components/SelectionCell.cjs.js");
-const RowSelectionHeader = require("./components/RowSelectionHeader.cjs.js");
-const SelectionCellsContext = require("./context/SelectionCellsContext.cjs.js");
-const withLoadingStateSort = (sortFn) => {
-  return (rowA, rowB, ...args) => {
-    if (rowA.original.isLoading !== rowB.original.isLoading) {
-      return rowA.original.isLoading ? 1 : -1;
-    }
-    return sortFn(rowA, rowB, ...args);
-  };
-};
-const nameSort = (rowA, rowB) => {
-  const labelA = rowA.original.label || rowA.original.name;
-  const labelB = rowB.original.label || rowB.original.name;
-  return labelA.localeCompare(labelB);
-};
-const pathSort = (rowA, rowB) => {
-  const labelA = rowA.original.path || rowA.original.name;
-  const labelB = rowB.original.path || rowB.original.name;
-  return labelA.localeCompare(labelB);
-};
-const attribSort = (rowA, rowB, columnId, attrib) => {
-  const valueA = cellUtils.getCellValue(rowA.original, columnId);
-  const valueB = cellUtils.getCellValue(rowB.original, columnId);
-  if (attrib && attrib.enum) {
-    const indexA = attrib.enum.findIndex((o) => o.value === valueA);
-    const indexB = attrib.enum.findIndex((o) => o.value === valueB);
-    return indexA - indexB < 0 ? 1 : -1;
-  } else if ((attrib == null ? void 0 : attrib.type) === "datetime") {
-    return reactTable.sortingFns.datetime(rowA, rowB, columnId);
-  } else if ((attrib == null ? void 0 : attrib.type) === "boolean") {
-    const boolA = valueA === true ? 1 : 0;
-    const boolB = valueB === true ? 1 : 0;
-    return boolA - boolB;
-  } else {
-    return reactTable.sortingFns.alphanumeric(rowA, rowB, columnId);
-  }
-};
-const ProjectTreeTableColumns = ({
-  tableData,
-  attribs,
-  columnSizing = {},
-  showHierarchy,
-  isLoading,
-  sliceId,
-  options,
-  toggleExpandAll,
-  toggleExpanded
-}) => {
-  const { updateEntities } = CellEditingContext.useCellEditing();
-  return React.useMemo(() => {
-    const staticColumns = [
-      {
-        id: SelectionCellsContext.ROW_SELECTION_COLUMN_ID,
-        header: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(RowSelectionHeader, {}),
-        cell: () => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SelectionCell.SelectionCell, {}),
-        size: 20
-      },
-      {
-        accessorKey: "name",
-        header: () => "Folder / Task",
-        sortingFn: withLoadingStateSort(showHierarchy ? nameSort : pathSort),
-        cell: ({ row, column }) => {
-          const cellId = cellUtils.getCellId(row.id, column.id);
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            ProjectTreeTable_styled.TableCellContent,
-            {
-              id: cellId,
-              className: clsx("large", row.original.entityType, {
-                loading: row.original.isLoading,
-                hierarchy: showHierarchy
-              }),
-              style: {
-                paddingLeft: `calc(${row.depth * 1}rem + 8px)`
-              },
-              tabIndex: 0,
-              children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                EntityNameWidget.EntityNameWidget,
-                {
-                  id: row.id,
-                  label: row.original.label,
-                  name: row.original.name,
-                  path: !showHierarchy ? row.original.path : void 0,
-                  showHierarchy,
-                  icon: row.original.icon,
-                  type: row.original.entityType,
-                  isExpanded: row.getIsExpanded(),
-                  toggleExpandAll,
-                  toggleExpanded: () => toggleExpanded(row.id)
-                }
-              )
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "status",
-        header: () => "Status",
-        sortingFn: withLoadingStateSort(
-          (a, b, c) => attribSort(a, b, c, { enum: options.statuses, type: "string" })
-        ),
-        sortDescFirst: true,
-        size: columnSizing["status"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            CellWidget.CellWidget,
-            {
-              rowId: id,
-              className: clsx("status", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "string" },
-              options: options.statuses.filter((s) => {
-                var _a;
-                return (_a = s.scope) == null ? void 0 : _a.includes(type);
-              }),
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => updateEntities([{ field: column.id, value: value2, id, type }])
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "subType",
-        header: () => "Type",
-        size: columnSizing["type"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          const fieldId = type === "folder" ? "folderType" : "taskType";
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            CellWidget.CellWidget,
-            {
-              rowId: id,
-              className: clsx("subType", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "string" },
-              options: type === "folder" ? options.folderTypes : options.taskTypes,
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => updateEntities([{ field: fieldId, value: value2, id, type }])
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "assignees",
-        header: () => "Assignees",
-        size: columnSizing["assignees"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          if (type === "folder")
-            return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              CellWidget.CellWidget,
-              {
-                rowId: id,
-                className: clsx("assignees", { loading: row.original.isLoading }),
-                columnId: column.id,
-                value: "",
-                isPlaceholder: true
-              }
-            );
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            CellWidget.CellWidget,
-            {
-              rowId: id,
-              className: clsx("assignees", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "list_of_strings" },
-              options: options.assignees,
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => {
-                console.log(value2);
-                updateEntities([{ field: column.id, value: value2, id, type }]);
-              },
-              pt: {
-                enum: {
-                  multiSelectClose: (value == null ? void 0 : value.length) === 0,
-                  // close the dropdown on first assignment
-                  search: true,
-                  // enable search at all times
-                  multipleOverride: false
-                }
-              }
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "tags",
-        header: () => "Tags",
-        size: columnSizing["tags"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            CellWidget.CellWidget,
-            {
-              rowId: id,
-              className: clsx("tags", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "list_of_strings" },
-              options: options.tags,
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => updateEntities([{ field: column.id, value: value2, id, type }]),
-              enableCustomValues: true
-            }
-          );
-        }
-      }
-    ];
-    const attributeColumns = attribs.map((attrib) => {
-      const attribColumn = {
-        accessorKey: "attrib." + attrib.name,
-        header: () => attrib.data.title || attrib.name,
-        filterFn: "fuzzy",
-        sortingFn: withLoadingStateSort((a, b, c) => attribSort(a, b, c, attrib.data)),
-        cell: ({ row, column }) => {
-          const columnIdParsed = column.id.replace("attrib_", "");
-          const { value, id, type } = getValueIdType(row, columnIdParsed, "attrib");
-          const isInherited = !row.original.ownAttrib.includes(columnIdParsed);
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            CellWidget.CellWidget,
-            {
-              rowId: id,
-              className: clsx("attrib", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: attrib.data.type || "string" },
-              options: attrib.data.enum || [],
-              isCollapsed: !!row.original.childOnlyMatch,
-              isInherited,
-              isReadOnly: attrib.readOnly,
-              onChange: (value2) => updateEntities([{ field: columnIdParsed, value: value2, id, type, isAttrib: true }])
-            }
-          );
-        }
-      };
-      return attribColumn;
-    });
-    return [...staticColumns, ...attributeColumns];
-  }, [isLoading, sliceId, tableData, options, attribs, showHierarchy, updateEntities]);
-};
-const getValueIdType = (row, field, nestedField) => {
-  var _a;
-  return {
-    value: nestedField ? (_a = row.original[nestedField]) == null ? void 0 : _a[field] : row.original[field],
-    id: row.id,
-    type: row.original.entityType
-  };
-};
-module.exports = ProjectTreeTableColumns;
-//# sourceMappingURL=ProjectTreeTableColumns.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTableColumns.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectTreeTableColumns.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTableColumns.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  ColumnDef,\n  ColumnSizingState,\n  FilterFnOption,\n  Row,\n  SortingFn,\n  sortingFns,\n} from '@tanstack/react-table'\nimport { TableRow } from './types/table'\nimport { AttributeData, AttributeWithPermissions, BuiltInFieldOptions } from './types'\nimport { CellWidget, EntityNameWidget } from './widgets'\nimport { useCellEditing } from './context/CellEditingContext'\nimport { getCellId, getCellValue } from './utils/cellUtils'\nimport { TableCellContent } from './ProjectTreeTable.styled'\nimport clsx from 'clsx'\nimport { SelectionCell } from './components/SelectionCell'\nimport RowSelectionHeader from './components/RowSelectionHeader'\nimport { ROW_SELECTION_COLUMN_ID } from './context/SelectionCellsContext'\n\n// Wrapper function for sorting that pushes isLoading rows to the bottom\nconst withLoadingStateSort = (sortFn: SortingFn<any>): SortingFn<any> => {\n  return (rowA, rowB, ...args) => {\n    // If row loading states differ, prioritize non-loading rows\n    if (rowA.original.isLoading !== rowB.original.isLoading) {\n      return rowA.original.isLoading ? 1 : -1\n    }\n    // Otherwise, use the original sort function\n    return sortFn(rowA, rowB, ...args)\n  }\n}\n\nconst nameSort: SortingFn<any> = (rowA, rowB) => {\n  const labelA = rowA.original.label || rowA.original.name\n  const labelB = rowB.original.label || rowB.original.name\n  // sort alphabetically by label\n  return labelA.localeCompare(labelB)\n}\nconst pathSort: SortingFn<any> = (rowA, rowB) => {\n  const labelA = rowA.original.path || rowA.original.name\n  const labelB = rowB.original.path || rowB.original.name\n  // sort alphabetically by label\n  return labelA.localeCompare(labelB)\n}\n\ntype AttribSortingFn = (rowA: any, rowB: any, columnId: string, attribute?: AttributeData) => number\n// sort by the order of the enum options\nconst attribSort: AttribSortingFn = (rowA, rowB, columnId, attrib) => {\n  const valueA = getCellValue(rowA.original, columnId)\n  const valueB = getCellValue(rowB.original, columnId)\n  // if attrib is defined and has enum options, use them\n  if (attrib && attrib.enum) {\n    const indexA = attrib.enum.findIndex((o) => o.value === valueA)\n    const indexB = attrib.enum.findIndex((o) => o.value === valueB)\n    return indexA - indexB < 0 ? 1 : -1\n  } else if (attrib?.type === 'datetime') {\n    return sortingFns.datetime(rowA, rowB, columnId)\n  } else if (attrib?.type === 'boolean') {\n    const boolA = valueA === true ? 1 : 0\n    const boolB = valueB === true ? 1 : 0\n    return boolA - boolB\n  } else {\n    // default sorting\n    return sortingFns.alphanumeric(rowA, rowB, columnId)\n  }\n}\n\ntype Props = {\n  tableData: TableRow[]\n  attribs: AttributeWithPermissions[]\n  columnSizing: ColumnSizingState\n  isLoading: boolean\n  showHierarchy: boolean\n  sliceId: string\n  options: BuiltInFieldOptions\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: (id: string) => void\n}\n\nconst ProjectTreeTableColumns = ({\n  tableData,\n  attribs,\n  columnSizing = {},\n  showHierarchy,\n  isLoading,\n  sliceId,\n  options,\n  toggleExpandAll,\n  toggleExpanded,\n}: Props) => {\n  const { updateEntities } = useCellEditing()\n\n  return useMemo<ColumnDef<TableRow, any>[]>(() => {\n    const staticColumns: ColumnDef<TableRow>[] = [\n      {\n        id: ROW_SELECTION_COLUMN_ID,\n        header: () => <RowSelectionHeader />,\n        cell: () => <SelectionCell />,\n        size: 20,\n      },\n      {\n        accessorKey: 'name',\n        header: () => 'Folder / Task',\n        sortingFn: withLoadingStateSort(showHierarchy ? nameSort : pathSort),\n        cell: ({ row, column }) => {\n          const cellId = getCellId(row.id, column.id)\n          return (\n            <TableCellContent\n              id={cellId}\n              className={clsx('large', row.original.entityType, {\n                loading: row.original.isLoading,\n                hierarchy: showHierarchy,\n              })}\n              style={{\n                paddingLeft: `calc(${row.depth * 1}rem + 8px)`,\n              }}\n              tabIndex={0}\n            >\n              <EntityNameWidget\n                id={row.id}\n                label={row.original.label}\n                name={row.original.name}\n                path={!showHierarchy ? row.original.path : undefined}\n                showHierarchy={showHierarchy}\n                icon={row.original.icon}\n                type={row.original.entityType}\n                isExpanded={row.getIsExpanded()}\n                toggleExpandAll={toggleExpandAll}\n                toggleExpanded={() => toggleExpanded(row.id)}\n              />\n            </TableCellContent>\n          )\n        },\n      },\n      {\n        accessorKey: 'status',\n        header: () => 'Status',\n        sortingFn: withLoadingStateSort((a, b, c) =>\n          attribSort(a, b, c, { enum: options.statuses, type: 'string' }),\n        ),\n        sortDescFirst: true,\n        size: columnSizing['status'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('status', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'string' }}\n              options={options.statuses.filter((s) => s.scope?.includes(type))}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => updateEntities([{ field: column.id, value, id, type }])}\n            />\n          )\n        },\n      },\n      {\n        accessorKey: 'subType',\n        header: () => 'Type',\n        size: columnSizing['type'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n          const fieldId = type === 'folder' ? 'folderType' : 'taskType'\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('subType', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'string' }}\n              options={type === 'folder' ? options.folderTypes : options.taskTypes}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => updateEntities([{ field: fieldId, value, id, type }])}\n            />\n          )\n        },\n      },\n      {\n        accessorKey: 'assignees',\n        header: () => 'Assignees',\n        size: columnSizing['assignees'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n          if (type === 'folder')\n            return (\n              <CellWidget\n                rowId={id}\n                className={clsx('assignees', { loading: row.original.isLoading })}\n                columnId={column.id}\n                value=\"\"\n                isPlaceholder\n              />\n            )\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('assignees', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'list_of_strings' }}\n              options={options.assignees}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => {\n                console.log(value)\n                updateEntities([{ field: column.id, value, id, type }])\n              }}\n              pt={{\n                enum: {\n                  multiSelectClose: value?.length === 0, // close the dropdown on first assignment\n                  search: true, // enable search at all times\n                  multipleOverride: false,\n                },\n              }}\n            />\n          )\n        },\n      },\n      {\n        accessorKey: 'tags',\n        header: () => 'Tags',\n        size: columnSizing['tags'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('tags', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'list_of_strings' }}\n              options={options.tags}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => updateEntities([{ field: column.id, value, id, type }])}\n              enableCustomValues\n            />\n          )\n        },\n      },\n    ]\n\n    const attributeColumns = attribs.map((attrib) => {\n      const attribColumn: ColumnDef<TableRow> = {\n        accessorKey: 'attrib.' + attrib.name,\n        header: () => attrib.data.title || attrib.name,\n        filterFn: 'fuzzy' as FilterFnOption<TableRow>,\n        sortingFn: withLoadingStateSort((a, b, c) => attribSort(a, b, c, attrib.data)),\n        cell: ({ row, column }) => {\n          const columnIdParsed = column.id.replace('attrib_', '')\n          const { value, id, type } = getValueIdType(row, columnIdParsed, 'attrib')\n          const isInherited = !row.original.ownAttrib.includes(columnIdParsed)\n\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('attrib', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: attrib.data.type || 'string' }}\n              options={attrib.data.enum || []}\n              isCollapsed={!!row.original.childOnlyMatch}\n              isInherited={isInherited}\n              isReadOnly={attrib.readOnly}\n              onChange={(value) =>\n                updateEntities([{ field: columnIdParsed, value, id, type, isAttrib: true }])\n              }\n            />\n          )\n        },\n      }\n      return attribColumn\n    })\n\n    return [...staticColumns, ...attributeColumns]\n  }, [isLoading, sliceId, tableData, options, attribs, showHierarchy, updateEntities])\n}\n\nexport default ProjectTreeTableColumns\n\nconst getValueIdType = (\n  row: Row<TableRow>,\n  field: string,\n  nestedField?: keyof TableRow,\n): {\n  value: any\n  id: string\n  type: string\n} => ({\n  value: nestedField\n    ? (row.original[nestedField as keyof TableRow] as any)?.[field]\n    : (row.original[field as keyof TableRow] as any),\n  id: row.id,\n  type: row.original.entityType,\n})\n"],"names":["getCellValue","sortingFns","useCellEditing","useMemo","ROW_SELECTION_COLUMN_ID","jsx","SelectionCell","getCellId","TableCellContent","EntityNameWidget","CellWidget","value"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTableColumns.es.js

@@ -1,270 +0,0 @@
-import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo } from "react";
-import { sortingFns } from "@tanstack/react-table";
-import "./widgets/CollapsedWidget.es.js";
-import "./widgets/DateWidget.es.js";
-import "./widgets/EnumWidget.es.js";
-import "./widgets/TextWidget.es.js";
-import "./widgets/BooleanWidget.es.js";
-import { CellWidget } from "./widgets/CellWidget.es.js";
-import { EntityNameWidget } from "./widgets/EntityNameWidget.es.js";
-import { useCellEditing } from "./context/CellEditingContext.es.js";
-import { getCellId, getCellValue } from "./utils/cellUtils.es.js";
-import { TableCellContent } from "./ProjectTreeTable.styled.es.js";
-import clsx from "clsx";
-import { SelectionCell } from "./components/SelectionCell.es.js";
-import RowSelectionHeader from "./components/RowSelectionHeader.es.js";
-import { ROW_SELECTION_COLUMN_ID } from "./context/SelectionCellsContext.es.js";
-const withLoadingStateSort = (sortFn) => {
-  return (rowA, rowB, ...args) => {
-    if (rowA.original.isLoading !== rowB.original.isLoading) {
-      return rowA.original.isLoading ? 1 : -1;
-    }
-    return sortFn(rowA, rowB, ...args);
-  };
-};
-const nameSort = (rowA, rowB) => {
-  const labelA = rowA.original.label || rowA.original.name;
-  const labelB = rowB.original.label || rowB.original.name;
-  return labelA.localeCompare(labelB);
-};
-const pathSort = (rowA, rowB) => {
-  const labelA = rowA.original.path || rowA.original.name;
-  const labelB = rowB.original.path || rowB.original.name;
-  return labelA.localeCompare(labelB);
-};
-const attribSort = (rowA, rowB, columnId, attrib) => {
-  const valueA = getCellValue(rowA.original, columnId);
-  const valueB = getCellValue(rowB.original, columnId);
-  if (attrib && attrib.enum) {
-    const indexA = attrib.enum.findIndex((o) => o.value === valueA);
-    const indexB = attrib.enum.findIndex((o) => o.value === valueB);
-    return indexA - indexB < 0 ? 1 : -1;
-  } else if ((attrib == null ? void 0 : attrib.type) === "datetime") {
-    return sortingFns.datetime(rowA, rowB, columnId);
-  } else if ((attrib == null ? void 0 : attrib.type) === "boolean") {
-    const boolA = valueA === true ? 1 : 0;
-    const boolB = valueB === true ? 1 : 0;
-    return boolA - boolB;
-  } else {
-    return sortingFns.alphanumeric(rowA, rowB, columnId);
-  }
-};
-const ProjectTreeTableColumns = ({
-  tableData,
-  attribs,
-  columnSizing = {},
-  showHierarchy,
-  isLoading,
-  sliceId,
-  options,
-  toggleExpandAll,
-  toggleExpanded
-}) => {
-  const { updateEntities } = useCellEditing();
-  return useMemo(() => {
-    const staticColumns = [
-      {
-        id: ROW_SELECTION_COLUMN_ID,
-        header: () => /* @__PURE__ */ jsxRuntimeExports.jsx(RowSelectionHeader, {}),
-        cell: () => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectionCell, {}),
-        size: 20
-      },
-      {
-        accessorKey: "name",
-        header: () => "Folder / Task",
-        sortingFn: withLoadingStateSort(showHierarchy ? nameSort : pathSort),
-        cell: ({ row, column }) => {
-          const cellId = getCellId(row.id, column.id);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            TableCellContent,
-            {
-              id: cellId,
-              className: clsx("large", row.original.entityType, {
-                loading: row.original.isLoading,
-                hierarchy: showHierarchy
-              }),
-              style: {
-                paddingLeft: `calc(${row.depth * 1}rem + 8px)`
-              },
-              tabIndex: 0,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                EntityNameWidget,
-                {
-                  id: row.id,
-                  label: row.original.label,
-                  name: row.original.name,
-                  path: !showHierarchy ? row.original.path : void 0,
-                  showHierarchy,
-                  icon: row.original.icon,
-                  type: row.original.entityType,
-                  isExpanded: row.getIsExpanded(),
-                  toggleExpandAll,
-                  toggleExpanded: () => toggleExpanded(row.id)
-                }
-              )
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "status",
-        header: () => "Status",
-        sortingFn: withLoadingStateSort(
-          (a, b, c) => attribSort(a, b, c, { enum: options.statuses, type: "string" })
-        ),
-        sortDescFirst: true,
-        size: columnSizing["status"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CellWidget,
-            {
-              rowId: id,
-              className: clsx("status", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "string" },
-              options: options.statuses.filter((s) => {
-                var _a;
-                return (_a = s.scope) == null ? void 0 : _a.includes(type);
-              }),
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => updateEntities([{ field: column.id, value: value2, id, type }])
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "subType",
-        header: () => "Type",
-        size: columnSizing["type"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          const fieldId = type === "folder" ? "folderType" : "taskType";
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CellWidget,
-            {
-              rowId: id,
-              className: clsx("subType", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "string" },
-              options: type === "folder" ? options.folderTypes : options.taskTypes,
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => updateEntities([{ field: fieldId, value: value2, id, type }])
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "assignees",
-        header: () => "Assignees",
-        size: columnSizing["assignees"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          if (type === "folder")
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              CellWidget,
-              {
-                rowId: id,
-                className: clsx("assignees", { loading: row.original.isLoading }),
-                columnId: column.id,
-                value: "",
-                isPlaceholder: true
-              }
-            );
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CellWidget,
-            {
-              rowId: id,
-              className: clsx("assignees", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "list_of_strings" },
-              options: options.assignees,
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => {
-                console.log(value2);
-                updateEntities([{ field: column.id, value: value2, id, type }]);
-              },
-              pt: {
-                enum: {
-                  multiSelectClose: (value == null ? void 0 : value.length) === 0,
-                  // close the dropdown on first assignment
-                  search: true,
-                  // enable search at all times
-                  multipleOverride: false
-                }
-              }
-            }
-          );
-        }
-      },
-      {
-        accessorKey: "tags",
-        header: () => "Tags",
-        size: columnSizing["tags"] || 150,
-        cell: ({ row, column }) => {
-          const { value, id, type } = getValueIdType(row, column.id);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CellWidget,
-            {
-              rowId: id,
-              className: clsx("tags", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: "list_of_strings" },
-              options: options.tags,
-              isCollapsed: !!row.original.childOnlyMatch,
-              onChange: (value2) => updateEntities([{ field: column.id, value: value2, id, type }]),
-              enableCustomValues: true
-            }
-          );
-        }
-      }
-    ];
-    const attributeColumns = attribs.map((attrib) => {
-      const attribColumn = {
-        accessorKey: "attrib." + attrib.name,
-        header: () => attrib.data.title || attrib.name,
-        filterFn: "fuzzy",
-        sortingFn: withLoadingStateSort((a, b, c) => attribSort(a, b, c, attrib.data)),
-        cell: ({ row, column }) => {
-          const columnIdParsed = column.id.replace("attrib_", "");
-          const { value, id, type } = getValueIdType(row, columnIdParsed, "attrib");
-          const isInherited = !row.original.ownAttrib.includes(columnIdParsed);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CellWidget,
-            {
-              rowId: id,
-              className: clsx("attrib", { loading: row.original.isLoading }),
-              columnId: column.id,
-              value,
-              attributeData: { type: attrib.data.type || "string" },
-              options: attrib.data.enum || [],
-              isCollapsed: !!row.original.childOnlyMatch,
-              isInherited,
-              isReadOnly: attrib.readOnly,
-              onChange: (value2) => updateEntities([{ field: columnIdParsed, value: value2, id, type, isAttrib: true }])
-            }
-          );
-        }
-      };
-      return attribColumn;
-    });
-    return [...staticColumns, ...attributeColumns];
-  }, [isLoading, sliceId, tableData, options, attribs, showHierarchy, updateEntities]);
-};
-const getValueIdType = (row, field, nestedField) => {
-  var _a;
-  return {
-    value: nestedField ? (_a = row.original[nestedField]) == null ? void 0 : _a[field] : row.original[field],
-    id: row.id,
-    type: row.original.entityType
-  };
-};
-export {
-  ProjectTreeTableColumns as default
-};
-//# sourceMappingURL=ProjectTreeTableColumns.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTableColumns.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectTreeTableColumns.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTableColumns.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  ColumnDef,\n  ColumnSizingState,\n  FilterFnOption,\n  Row,\n  SortingFn,\n  sortingFns,\n} from '@tanstack/react-table'\nimport { TableRow } from './types/table'\nimport { AttributeData, AttributeWithPermissions, BuiltInFieldOptions } from './types'\nimport { CellWidget, EntityNameWidget } from './widgets'\nimport { useCellEditing } from './context/CellEditingContext'\nimport { getCellId, getCellValue } from './utils/cellUtils'\nimport { TableCellContent } from './ProjectTreeTable.styled'\nimport clsx from 'clsx'\nimport { SelectionCell } from './components/SelectionCell'\nimport RowSelectionHeader from './components/RowSelectionHeader'\nimport { ROW_SELECTION_COLUMN_ID } from './context/SelectionCellsContext'\n\n// Wrapper function for sorting that pushes isLoading rows to the bottom\nconst withLoadingStateSort = (sortFn: SortingFn<any>): SortingFn<any> => {\n  return (rowA, rowB, ...args) => {\n    // If row loading states differ, prioritize non-loading rows\n    if (rowA.original.isLoading !== rowB.original.isLoading) {\n      return rowA.original.isLoading ? 1 : -1\n    }\n    // Otherwise, use the original sort function\n    return sortFn(rowA, rowB, ...args)\n  }\n}\n\nconst nameSort: SortingFn<any> = (rowA, rowB) => {\n  const labelA = rowA.original.label || rowA.original.name\n  const labelB = rowB.original.label || rowB.original.name\n  // sort alphabetically by label\n  return labelA.localeCompare(labelB)\n}\nconst pathSort: SortingFn<any> = (rowA, rowB) => {\n  const labelA = rowA.original.path || rowA.original.name\n  const labelB = rowB.original.path || rowB.original.name\n  // sort alphabetically by label\n  return labelA.localeCompare(labelB)\n}\n\ntype AttribSortingFn = (rowA: any, rowB: any, columnId: string, attribute?: AttributeData) => number\n// sort by the order of the enum options\nconst attribSort: AttribSortingFn = (rowA, rowB, columnId, attrib) => {\n  const valueA = getCellValue(rowA.original, columnId)\n  const valueB = getCellValue(rowB.original, columnId)\n  // if attrib is defined and has enum options, use them\n  if (attrib && attrib.enum) {\n    const indexA = attrib.enum.findIndex((o) => o.value === valueA)\n    const indexB = attrib.enum.findIndex((o) => o.value === valueB)\n    return indexA - indexB < 0 ? 1 : -1\n  } else if (attrib?.type === 'datetime') {\n    return sortingFns.datetime(rowA, rowB, columnId)\n  } else if (attrib?.type === 'boolean') {\n    const boolA = valueA === true ? 1 : 0\n    const boolB = valueB === true ? 1 : 0\n    return boolA - boolB\n  } else {\n    // default sorting\n    return sortingFns.alphanumeric(rowA, rowB, columnId)\n  }\n}\n\ntype Props = {\n  tableData: TableRow[]\n  attribs: AttributeWithPermissions[]\n  columnSizing: ColumnSizingState\n  isLoading: boolean\n  showHierarchy: boolean\n  sliceId: string\n  options: BuiltInFieldOptions\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: (id: string) => void\n}\n\nconst ProjectTreeTableColumns = ({\n  tableData,\n  attribs,\n  columnSizing = {},\n  showHierarchy,\n  isLoading,\n  sliceId,\n  options,\n  toggleExpandAll,\n  toggleExpanded,\n}: Props) => {\n  const { updateEntities } = useCellEditing()\n\n  return useMemo<ColumnDef<TableRow, any>[]>(() => {\n    const staticColumns: ColumnDef<TableRow>[] = [\n      {\n        id: ROW_SELECTION_COLUMN_ID,\n        header: () => <RowSelectionHeader />,\n        cell: () => <SelectionCell />,\n        size: 20,\n      },\n      {\n        accessorKey: 'name',\n        header: () => 'Folder / Task',\n        sortingFn: withLoadingStateSort(showHierarchy ? nameSort : pathSort),\n        cell: ({ row, column }) => {\n          const cellId = getCellId(row.id, column.id)\n          return (\n            <TableCellContent\n              id={cellId}\n              className={clsx('large', row.original.entityType, {\n                loading: row.original.isLoading,\n                hierarchy: showHierarchy,\n              })}\n              style={{\n                paddingLeft: `calc(${row.depth * 1}rem + 8px)`,\n              }}\n              tabIndex={0}\n            >\n              <EntityNameWidget\n                id={row.id}\n                label={row.original.label}\n                name={row.original.name}\n                path={!showHierarchy ? row.original.path : undefined}\n                showHierarchy={showHierarchy}\n                icon={row.original.icon}\n                type={row.original.entityType}\n                isExpanded={row.getIsExpanded()}\n                toggleExpandAll={toggleExpandAll}\n                toggleExpanded={() => toggleExpanded(row.id)}\n              />\n            </TableCellContent>\n          )\n        },\n      },\n      {\n        accessorKey: 'status',\n        header: () => 'Status',\n        sortingFn: withLoadingStateSort((a, b, c) =>\n          attribSort(a, b, c, { enum: options.statuses, type: 'string' }),\n        ),\n        sortDescFirst: true,\n        size: columnSizing['status'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('status', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'string' }}\n              options={options.statuses.filter((s) => s.scope?.includes(type))}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => updateEntities([{ field: column.id, value, id, type }])}\n            />\n          )\n        },\n      },\n      {\n        accessorKey: 'subType',\n        header: () => 'Type',\n        size: columnSizing['type'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n          const fieldId = type === 'folder' ? 'folderType' : 'taskType'\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('subType', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'string' }}\n              options={type === 'folder' ? options.folderTypes : options.taskTypes}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => updateEntities([{ field: fieldId, value, id, type }])}\n            />\n          )\n        },\n      },\n      {\n        accessorKey: 'assignees',\n        header: () => 'Assignees',\n        size: columnSizing['assignees'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n          if (type === 'folder')\n            return (\n              <CellWidget\n                rowId={id}\n                className={clsx('assignees', { loading: row.original.isLoading })}\n                columnId={column.id}\n                value=\"\"\n                isPlaceholder\n              />\n            )\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('assignees', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'list_of_strings' }}\n              options={options.assignees}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => {\n                console.log(value)\n                updateEntities([{ field: column.id, value, id, type }])\n              }}\n              pt={{\n                enum: {\n                  multiSelectClose: value?.length === 0, // close the dropdown on first assignment\n                  search: true, // enable search at all times\n                  multipleOverride: false,\n                },\n              }}\n            />\n          )\n        },\n      },\n      {\n        accessorKey: 'tags',\n        header: () => 'Tags',\n        size: columnSizing['tags'] || 150,\n        cell: ({ row, column }) => {\n          const { value, id, type } = getValueIdType(row, column.id)\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('tags', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: 'list_of_strings' }}\n              options={options.tags}\n              isCollapsed={!!row.original.childOnlyMatch}\n              onChange={(value) => updateEntities([{ field: column.id, value, id, type }])}\n              enableCustomValues\n            />\n          )\n        },\n      },\n    ]\n\n    const attributeColumns = attribs.map((attrib) => {\n      const attribColumn: ColumnDef<TableRow> = {\n        accessorKey: 'attrib.' + attrib.name,\n        header: () => attrib.data.title || attrib.name,\n        filterFn: 'fuzzy' as FilterFnOption<TableRow>,\n        sortingFn: withLoadingStateSort((a, b, c) => attribSort(a, b, c, attrib.data)),\n        cell: ({ row, column }) => {\n          const columnIdParsed = column.id.replace('attrib_', '')\n          const { value, id, type } = getValueIdType(row, columnIdParsed, 'attrib')\n          const isInherited = !row.original.ownAttrib.includes(columnIdParsed)\n\n          return (\n            <CellWidget\n              rowId={id}\n              className={clsx('attrib', { loading: row.original.isLoading })}\n              columnId={column.id}\n              value={value}\n              attributeData={{ type: attrib.data.type || 'string' }}\n              options={attrib.data.enum || []}\n              isCollapsed={!!row.original.childOnlyMatch}\n              isInherited={isInherited}\n              isReadOnly={attrib.readOnly}\n              onChange={(value) =>\n                updateEntities([{ field: columnIdParsed, value, id, type, isAttrib: true }])\n              }\n            />\n          )\n        },\n      }\n      return attribColumn\n    })\n\n    return [...staticColumns, ...attributeColumns]\n  }, [isLoading, sliceId, tableData, options, attribs, showHierarchy, updateEntities])\n}\n\nexport default ProjectTreeTableColumns\n\nconst getValueIdType = (\n  row: Row<TableRow>,\n  field: string,\n  nestedField?: keyof TableRow,\n): {\n  value: any\n  id: string\n  type: string\n} => ({\n  value: nestedField\n    ? (row.original[nestedField as keyof TableRow] as any)?.[field]\n    : (row.original[field as keyof TableRow] as any),\n  id: row.id,\n  type: row.original.entityType,\n})\n"],"names":["jsx","value"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuB,CAAC,WAA2C;AAChE,SAAA,CAAC,MAAM,SAAS,SAAS;AAE9B,QAAI,KAAK,SAAS,cAAc,KAAK,SAAS,WAAW;AAChD,aAAA,KAAK,SAAS,YAAY,IAAI;AAAA,IAAA;AAGvC,WAAO,OAAO,MAAM,MAAM,GAAG,IAAI;AAAA,EACnC;AACF;AAEA,MAAM,WAA2B,CAAC,MAAM,SAAS;AAC/C,QAAM,SAAS,KAAK,SAAS,SAAS,KAAK,SAAS;AACpD,QAAM,SAAS,KAAK,SAAS,SAAS,KAAK,SAAS;AAE7C,SAAA,OAAO,cAAc,MAAM;AACpC;AACA,MAAM,WAA2B,CAAC,MAAM,SAAS;AAC/C,QAAM,SAAS,KAAK,SAAS,QAAQ,KAAK,SAAS;AACnD,QAAM,SAAS,KAAK,SAAS,QAAQ,KAAK,SAAS;AAE5C,SAAA,OAAO,cAAc,MAAM;AACpC;AAIA,MAAM,aAA8B,CAAC,MAAM,MAAM,UAAU,WAAW;AACpE,QAAM,SAAS,aAAa,KAAK,UAAU,QAAQ;AACnD,QAAM,SAAS,aAAa,KAAK,UAAU,QAAQ;AAE/C,MAAA,UAAU,OAAO,MAAM;AACnB,UAAA,SAAS,OAAO,KAAK,UAAU,CAAC,MAAM,EAAE,UAAU,MAAM;AACxD,UAAA,SAAS,OAAO,KAAK,UAAU,CAAC,MAAM,EAAE,UAAU,MAAM;AACvD,WAAA,SAAS,SAAS,IAAI,IAAI;AAAA,EAAA,YACxB,iCAAQ,UAAS,YAAY;AACtC,WAAO,WAAW,SAAS,MAAM,MAAM,QAAQ;AAAA,EAAA,YACtC,iCAAQ,UAAS,WAAW;AAC/B,UAAA,QAAQ,WAAW,OAAO,IAAI;AAC9B,UAAA,QAAQ,WAAW,OAAO,IAAI;AACpC,WAAO,QAAQ;AAAA,EAAA,OACV;AAEL,WAAO,WAAW,aAAa,MAAM,MAAM,QAAQ;AAAA,EAAA;AAEvD;AAcA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACL,QAAA,EAAE,eAAe,IAAI,eAAe;AAE1C,SAAO,QAAoC,MAAM;AAC/C,UAAM,gBAAuC;AAAA,MAC3C;AAAA,QACE,IAAI;AAAA,QACJ,QAAQ,MAAMA,kCAAAA,IAAC,oBAAmB,EAAA;AAAA,QAClC,MAAM,MAAMA,kCAAAA,IAAC,eAAc,EAAA;AAAA,QAC3B,MAAM;AAAA,MACR;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,WAAW,qBAAqB,gBAAgB,WAAW,QAAQ;AAAA,QACnE,MAAM,CAAC,EAAE,KAAK,aAAa;AACzB,gBAAM,SAAS,UAAU,IAAI,IAAI,OAAO,EAAE;AAExC,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,KAAK,SAAS,IAAI,SAAS,YAAY;AAAA,gBAChD,SAAS,IAAI,SAAS;AAAA,gBACtB,WAAW;AAAA,cAAA,CACZ;AAAA,cACD,OAAO;AAAA,gBACL,aAAa,QAAQ,IAAI,QAAQ,CAAC;AAAA,cACpC;AAAA,cACA,UAAU;AAAA,cAEV,UAAAA,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI,IAAI;AAAA,kBACR,OAAO,IAAI,SAAS;AAAA,kBACpB,MAAM,IAAI,SAAS;AAAA,kBACnB,MAAM,CAAC,gBAAgB,IAAI,SAAS,OAAO;AAAA,kBAC3C;AAAA,kBACA,MAAM,IAAI,SAAS;AAAA,kBACnB,MAAM,IAAI,SAAS;AAAA,kBACnB,YAAY,IAAI,cAAc;AAAA,kBAC9B;AAAA,kBACA,gBAAgB,MAAM,eAAe,IAAI,EAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7C;AAAA,UACF;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,WAAW;AAAA,UAAqB,CAAC,GAAG,GAAG,MACrC,WAAW,GAAG,GAAG,GAAG,EAAE,MAAM,QAAQ,UAAU,MAAM,SAAU,CAAA;AAAA,QAChE;AAAA,QACA,eAAe;AAAA,QACf,MAAM,aAAa,QAAQ,KAAK;AAAA,QAChC,MAAM,CAAC,EAAE,KAAK,aAAa;AACnB,gBAAA,EAAE,OAAO,IAAI,KAAA,IAAS,eAAe,KAAK,OAAO,EAAE;AAGvD,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,WAAW,KAAK,UAAU,EAAE,SAAS,IAAI,SAAS,WAAW;AAAA,cAC7D,UAAU,OAAO;AAAA,cACjB;AAAA,cACA,eAAe,EAAE,MAAM,SAAS;AAAA,cAChC,SAAS,QAAQ,SAAS,OAAO,CAAC,MAAM;;AAAA,+BAAE,UAAF,mBAAS,SAAS;AAAA,eAAK;AAAA,cAC/D,aAAa,CAAC,CAAC,IAAI,SAAS;AAAA,cAC5B,UAAU,CAACC,WAAU,eAAe,CAAC,EAAE,OAAO,OAAO,IAAI,OAAAA,QAAO,IAAI,KAAA,CAAM,CAAC;AAAA,YAAA;AAAA,UAC7E;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,MAAM,aAAa,MAAM,KAAK;AAAA,QAC9B,MAAM,CAAC,EAAE,KAAK,aAAa;AACnB,gBAAA,EAAE,OAAO,IAAI,KAAA,IAAS,eAAe,KAAK,OAAO,EAAE;AACnD,gBAAA,UAAU,SAAS,WAAW,eAAe;AAEjD,iBAAAD,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,WAAW,KAAK,WAAW,EAAE,SAAS,IAAI,SAAS,WAAW;AAAA,cAC9D,UAAU,OAAO;AAAA,cACjB;AAAA,cACA,eAAe,EAAE,MAAM,SAAS;AAAA,cAChC,SAAS,SAAS,WAAW,QAAQ,cAAc,QAAQ;AAAA,cAC3D,aAAa,CAAC,CAAC,IAAI,SAAS;AAAA,cAC5B,UAAU,CAACC,WAAU,eAAe,CAAC,EAAE,OAAO,SAAS,OAAAA,QAAO,IAAI,KAAA,CAAM,CAAC;AAAA,YAAA;AAAA,UAC3E;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,MAAM,aAAa,WAAW,KAAK;AAAA,QACnC,MAAM,CAAC,EAAE,KAAK,aAAa;AACnB,gBAAA,EAAE,OAAO,IAAI,KAAA,IAAS,eAAe,KAAK,OAAO,EAAE;AACzD,cAAI,SAAS;AAET,mBAAAD,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,WAAW,KAAK,aAAa,EAAE,SAAS,IAAI,SAAS,WAAW;AAAA,gBAChE,UAAU,OAAO;AAAA,gBACjB,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAGF,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,WAAW,KAAK,aAAa,EAAE,SAAS,IAAI,SAAS,WAAW;AAAA,cAChE,UAAU,OAAO;AAAA,cACjB;AAAA,cACA,eAAe,EAAE,MAAM,kBAAkB;AAAA,cACzC,SAAS,QAAQ;AAAA,cACjB,aAAa,CAAC,CAAC,IAAI,SAAS;AAAA,cAC5B,UAAU,CAACC,WAAU;AACnB,wBAAQ,IAAIA,MAAK;AACF,+BAAA,CAAC,EAAE,OAAO,OAAO,IAAI,OAAAA,QAAO,IAAI,KAAK,CAAC,CAAC;AAAA,cACxD;AAAA,cACA,IAAI;AAAA,gBACF,MAAM;AAAA,kBACJ,mBAAkB,+BAAO,YAAW;AAAA;AAAA,kBACpC,QAAQ;AAAA;AAAA,kBACR,kBAAkB;AAAA,gBAAA;AAAA,cACpB;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,MAAM,aAAa,MAAM,KAAK;AAAA,QAC9B,MAAM,CAAC,EAAE,KAAK,aAAa;AACnB,gBAAA,EAAE,OAAO,IAAI,KAAA,IAAS,eAAe,KAAK,OAAO,EAAE;AAEvD,iBAAAD,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,WAAW,KAAK,QAAQ,EAAE,SAAS,IAAI,SAAS,WAAW;AAAA,cAC3D,UAAU,OAAO;AAAA,cACjB;AAAA,cACA,eAAe,EAAE,MAAM,kBAAkB;AAAA,cACzC,SAAS,QAAQ;AAAA,cACjB,aAAa,CAAC,CAAC,IAAI,SAAS;AAAA,cAC5B,UAAU,CAACC,WAAU,eAAe,CAAC,EAAE,OAAO,OAAO,IAAI,OAAAA,QAAO,IAAI,KAAM,CAAA,CAAC;AAAA,cAC3E,oBAAkB;AAAA,YAAA;AAAA,UACpB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAEJ;AAEA,UAAM,mBAAmB,QAAQ,IAAI,CAAC,WAAW;AAC/C,YAAM,eAAoC;AAAA,QACxC,aAAa,YAAY,OAAO;AAAA,QAChC,QAAQ,MAAM,OAAO,KAAK,SAAS,OAAO;AAAA,QAC1C,UAAU;AAAA,QACV,WAAW,qBAAqB,CAAC,GAAG,GAAG,MAAM,WAAW,GAAG,GAAG,GAAG,OAAO,IAAI,CAAC;AAAA,QAC7E,MAAM,CAAC,EAAE,KAAK,aAAa;AACzB,gBAAM,iBAAiB,OAAO,GAAG,QAAQ,WAAW,EAAE;AAChD,gBAAA,EAAE,OAAO,IAAI,KAAA,IAAS,eAAe,KAAK,gBAAgB,QAAQ;AACxE,gBAAM,cAAc,CAAC,IAAI,SAAS,UAAU,SAAS,cAAc;AAGjE,iBAAAD,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,WAAW,KAAK,UAAU,EAAE,SAAS,IAAI,SAAS,WAAW;AAAA,cAC7D,UAAU,OAAO;AAAA,cACjB;AAAA,cACA,eAAe,EAAE,MAAM,OAAO,KAAK,QAAQ,SAAS;AAAA,cACpD,SAAS,OAAO,KAAK,QAAQ,CAAC;AAAA,cAC9B,aAAa,CAAC,CAAC,IAAI,SAAS;AAAA,cAC5B;AAAA,cACA,YAAY,OAAO;AAAA,cACnB,UAAU,CAACC,WACT,eAAe,CAAC,EAAE,OAAO,gBAAgB,OAAAA,QAAO,IAAI,MAAM,UAAU,KAAA,CAAM,CAAC;AAAA,YAAA;AAAA,UAE/E;AAAA,QAAA;AAAA,MAGN;AACO,aAAA;AAAA,IAAA,CACR;AAED,WAAO,CAAC,GAAG,eAAe,GAAG,gBAAgB;AAAA,EAAA,GAC5C,CAAC,WAAW,SAAS,WAAW,SAAS,SAAS,eAAe,cAAc,CAAC;AACrF;AAIA,MAAM,iBAAiB,CACrB,KACA,OACA,gBAKI;;AAAA;AAAA,IACJ,OAAO,eACF,SAAI,SAAS,WAA6B,MAA1C,mBAAsD,SACtD,IAAI,SAAS,KAAuB;AAAA,IACzC,IAAI,IAAI;AAAA,IACR,MAAM,IAAI,SAAS;AAAA,EACrB;AAAA;"}