@ynput/ayon-frontend-shared 0.2.13 → 0.2.14

package/dist/shared/src/containers/Feed/components/FilesGrid/FilesGrid.es.js

@@ -31,11 +31,11 @@ const FilesGrid = ({
       name: file.name,
       mime: file.mime || file.type,
       size: file.size,
-      src: file.isUnsavedAnnotation ? file.thumbnail : `/api/projects/${projectName}/files/${file.id}`,
-      isUnsavedAnnotation: file.isUnsavedAnnotation,
+      src: file.unsavedAnnotation ? file.thumbnail : `/api/projects/${projectName}/files/${file.id}`,
+      unsavedAnnotation: file.unsavedAnnotation,
       savedAnnotation: file.annotation,
       progress: file.progress,
-      onRemove: onRemove ? () => onRemove(file.id, file.name, file.isUnsavedAnnotation) : void 0,
+      onRemove: onRemove ? () => onRemove(file.id, file.name, !!file.unsavedAnnotation) : void 0,
       isCompact,
       isDownloadable,
       onExpand: () => handleExpand(index),

package/dist/shared/src/containers/Feed/components/FilesGrid/FilesGrid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesGrid.es.js","sources":["../../../../../../../src/containers/Feed/components/FilesGrid/FilesGrid.tsx"],"sourcesContent":["import * as Styled from './FilesGrid.styled'\nimport clsx from 'clsx'\nimport FileUploadCard from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps {\n  files?: any[]\n  activityId?: string\n  isCompact?: boolean\n  onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void\n  projectName: string\n  isDownloadable?: boolean\n  onExpand?: (data: { files: any[]; index: number; activityId: string }) => void\n  onAnnotationClick?: (file: any) => void\n  [key: string]: any\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\n  ...props\n}) => {\n  if (!files.length) return null\n\n  const handleExpand = useCallback(\n    (index: number) => {\n      const filteredFiles = files.filter((file) => isFilePreviewable(file.mime, file.ext))\n      const updatedIndex = filteredFiles.findIndex((file) => file.id === files[index].id)\n      onExpand?.({ files: filteredFiles, index: updatedIndex, activityId: activityId || '' })\n    },\n    [onExpand],\n  )\n\n  return (\n    <Styled.Grid className={clsx({ compact: isCompact })} {...props}>\n      {files.map((file, index) => (\n        <FileUploadCard\n          key={index}\n          id={file.id || file.name}\n          name={file.name}\n          mime={file.mime || file.type}\n          size={file.size}\n          src={\n            file.isUnsavedAnnotation\n              ? file.thumbnail\n              : `/api/projects/${projectName}/files/${file.id}`\n          }\n          isUnsavedAnnotation={file.isUnsavedAnnotation}\n          savedAnnotation={file.annotation}\n          progress={file.progress}\n          onRemove={\n            onRemove ? () => onRemove(file.id, file.name, file.isUnsavedAnnotation) : undefined\n          }\n          isCompact={isCompact}\n          isDownloadable={isDownloadable}\n          onExpand={() => handleExpand(index)}\n          onJumpTo={() => onAnnotationClick?.(file)}\n        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["Styled.Grid","jsx"],"mappings":";;;;;;AAkBA,MAAM,YAAsC,CAAC;AAAA,EAC3C,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACA,MAAA,CAAC,MAAM,OAAe,QAAA;AAE1B,QAAM,eAAe;AAAA,IACnB,CAAC,UAAkB;AACX,YAAA,gBAAgB,MAAM,OAAO,CAAC,SAAS,kBAAkB,KAAK,MAAM,KAAK,GAAG,CAAC;AAC7E,YAAA,eAAe,cAAc,UAAU,CAAC,SAAS,KAAK,OAAO,MAAM,KAAK,EAAE,EAAE;AACvE,2CAAA,EAAE,OAAO,eAAe,OAAO,cAAc,YAAY,cAAc;IACpF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,+CACGA,MAAA,EAAY,WAAW,KAAK,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OACvD,gBAAM,IAAI,CAAC,MAAM,UAChBC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,IAAI,KAAK,MAAM,KAAK;AAAA,MACpB,MAAM,KAAK;AAAA,MACX,MAAM,KAAK,QAAQ,KAAK;AAAA,MACxB,MAAM,KAAK;AAAA,MACX,KACE,KAAK,sBACD,KAAK,YACL,iBAAiB,WAAW,UAAU,KAAK,EAAE;AAAA,MAEnD,qBAAqB,KAAK;AAAA,MAC1B,iBAAiB,KAAK;AAAA,MACtB,UAAU,KAAK;AAAA,MACf,UACE,WAAW,MAAM,SAAS,KAAK,IAAI,KAAK,MAAM,KAAK,mBAAmB,IAAI;AAAA,MAE5E;AAAA,MACA;AAAA,MACA,UAAU,MAAM,aAAa,KAAK;AAAA,MAClC,UAAU,MAAM,uDAAoB;AAAA,IAAI;AAAA,IAnBnC;AAAA,EAqBR,CAAA,GACH;AAEJ;"}
+{"version":3,"file":"FilesGrid.es.js","sources":["../../../../../../../src/containers/Feed/components/FilesGrid/FilesGrid.tsx"],"sourcesContent":["import * as Styled from './FilesGrid.styled'\nimport clsx from 'clsx'\nimport FileUploadCard from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps {\n  files?: any[]\n  activityId?: string\n  isCompact?: boolean\n  onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void\n  projectName: string\n  isDownloadable?: boolean\n  onExpand?: (data: { files: any[]; index: number; activityId: string }) => void\n  onAnnotationClick?: (file: any) => void\n  [key: string]: any\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\n  ...props\n}) => {\n  if (!files.length) return null\n\n  const handleExpand = useCallback(\n    (index: number) => {\n      const filteredFiles = files.filter((file) => isFilePreviewable(file.mime, file.ext))\n      const updatedIndex = filteredFiles.findIndex((file) => file.id === files[index].id)\n      onExpand?.({ files: filteredFiles, index: updatedIndex, activityId: activityId || '' })\n    },\n    [onExpand],\n  )\n\n  return (\n    <Styled.Grid className={clsx({ compact: isCompact })} {...props}>\n      {files.map((file, index) => (\n        <FileUploadCard\n          key={index}\n          id={file.id || file.name}\n          name={file.name}\n          mime={file.mime || file.type}\n          size={file.size}\n          src={\n            file.unsavedAnnotation\n              ? file.thumbnail\n              : `/api/projects/${projectName}/files/${file.id}`\n          }\n          unsavedAnnotation={file.unsavedAnnotation}\n          savedAnnotation={file.annotation}\n          progress={file.progress}\n          onRemove={\n            onRemove ? () => onRemove(file.id, file.name, !!file.unsavedAnnotation) : undefined\n          }\n          isCompact={isCompact}\n          isDownloadable={isDownloadable}\n          onExpand={() => handleExpand(index)}\n          onJumpTo={() => onAnnotationClick?.(file)}\n        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["Styled.Grid","jsx"],"mappings":";;;;;;AAkBA,MAAM,YAAsC,CAAC;AAAA,EAC3C,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACA,MAAA,CAAC,MAAM,OAAe,QAAA;AAE1B,QAAM,eAAe;AAAA,IACnB,CAAC,UAAkB;AACX,YAAA,gBAAgB,MAAM,OAAO,CAAC,SAAS,kBAAkB,KAAK,MAAM,KAAK,GAAG,CAAC;AAC7E,YAAA,eAAe,cAAc,UAAU,CAAC,SAAS,KAAK,OAAO,MAAM,KAAK,EAAE,EAAE;AACvE,2CAAA,EAAE,OAAO,eAAe,OAAO,cAAc,YAAY,cAAc;IACpF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,+CACGA,MAAA,EAAY,WAAW,KAAK,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OACvD,gBAAM,IAAI,CAAC,MAAM,UAChBC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,IAAI,KAAK,MAAM,KAAK;AAAA,MACpB,MAAM,KAAK;AAAA,MACX,MAAM,KAAK,QAAQ,KAAK;AAAA,MACxB,MAAM,KAAK;AAAA,MACX,KACE,KAAK,oBACD,KAAK,YACL,iBAAiB,WAAW,UAAU,KAAK,EAAE;AAAA,MAEnD,mBAAmB,KAAK;AAAA,MACxB,iBAAiB,KAAK;AAAA,MACtB,UAAU,KAAK;AAAA,MACf,UACE,WAAW,MAAM,SAAS,KAAK,IAAI,KAAK,MAAM,CAAC,CAAC,KAAK,iBAAiB,IAAI;AAAA,MAE5E;AAAA,MACA;AAAA,MACA,UAAU,MAAM,aAAa,KAAK;AAAA,MAClC,UAAU,MAAM,uDAAoB;AAAA,IAAI;AAAA,IAnBnC;AAAA,EAqBR,CAAA,GACH;AAEJ;"}

package/dist/shared/src/containers/Feed/helpers/mergeAnnotationAttachments.cjs.js

@@ -5,8 +5,9 @@ const mergeAnnotationAttachments = (activities) => {
     if (activity.activityType !== "comment" || !((_a = activity.activityData) == null ? void 0 : _a.annotations)) return activity;
     const files = activity.files.map((file) => {
       const annotation = activity.activityData.annotations.find(
-        (annotation2) => annotation2.composite === file.id || annotation2.transparent === file.id
+        (annotation2) => (annotation2 == null ? void 0 : annotation2.composite) === file.id || (annotation2 == null ? void 0 : annotation2.transparent) === file.id
       );
+      if (!annotation) return file;
       if (annotation.transparent === file.id) return null;
       return { ...file, annotation };
     }).filter(Boolean);

package/dist/shared/src/containers/Feed/helpers/mergeAnnotationAttachments.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeAnnotationAttachments.cjs.js","sources":["../../../../../../src/containers/Feed/helpers/mergeAnnotationAttachments.ts"],"sourcesContent":["import { SavedAnnotationMetadata } from '../../index'\n\nexport default (activities: any[]) => {\n  return activities.map((activity) => {\n    if (activity.activityType !== 'comment' || !activity.activityData?.annotations) return activity\n\n    const files = activity.files\n      .map((file: any) => {\n        // look for an annotation that is using this file\n        const annotation = activity.activityData.annotations.find(\n          (annotation: SavedAnnotationMetadata) =>\n            annotation.composite === file.id || annotation.transparent === file.id,\n        )\n\n        // if the file is the transparent version of the annotation, ignore it\n        if (annotation.transparent === file.id) return null\n\n        return { ...file, annotation }\n      })\n      .filter(Boolean)\n\n    const newActivity = { ...activity, files }\n    return newActivity\n  })\n}\n"],"names":["annotation"],"mappings":";AAEA,MAAe,6BAAA,CAAC,eAAsB;AAC7B,SAAA,WAAW,IAAI,CAAC,aAAa;;AAClC,QAAI,SAAS,iBAAiB,aAAa,GAAC,cAAS,iBAAT,mBAAuB,aAAoB,QAAA;AAEvF,UAAM,QAAQ,SAAS,MACpB,IAAI,CAAC,SAAc;AAEZ,YAAA,aAAa,SAAS,aAAa,YAAY;AAAA,QACnD,CAACA,gBACCA,YAAW,cAAc,KAAK,MAAMA,YAAW,gBAAgB,KAAK;AAAA,MACxE;AAGA,UAAI,WAAW,gBAAgB,KAAK,GAAW,QAAA;AAExC,aAAA,EAAE,GAAG,MAAM,WAAW;AAAA,IAAA,CAC9B,EACA,OAAO,OAAO;AAEjB,UAAM,cAAc,EAAE,GAAG,UAAU,MAAM;AAClC,WAAA;AAAA,EAAA,CACR;AACH;;"}
+{"version":3,"file":"mergeAnnotationAttachments.cjs.js","sources":["../../../../../../src/containers/Feed/helpers/mergeAnnotationAttachments.ts"],"sourcesContent":["import { SavedAnnotationMetadata } from '../../index'\n\nexport default (activities: any[]) => {\n  return activities.map((activity) => {\n    if (activity.activityType !== 'comment' || !activity.activityData?.annotations) return activity\n\n    const files = activity.files\n      .map((file: any) => {\n        // look for an annotation that is using this file\n        const annotation = activity.activityData.annotations.find(\n          (annotation: SavedAnnotationMetadata) =>\n            annotation?.composite === file.id || annotation?.transparent === file.id,\n        )\n\n        if (!annotation) return file\n\n        // if the file is the transparent version of the annotation, ignore it\n        if (annotation.transparent === file.id) return null\n\n        return { ...file, annotation }\n      })\n      .filter(Boolean)\n\n    const newActivity = { ...activity, files }\n    return newActivity\n  })\n}\n"],"names":["annotation"],"mappings":";AAEA,MAAe,6BAAA,CAAC,eAAsB;AAC7B,SAAA,WAAW,IAAI,CAAC,aAAa;;AAClC,QAAI,SAAS,iBAAiB,aAAa,GAAC,cAAS,iBAAT,mBAAuB,aAAoB,QAAA;AAEvF,UAAM,QAAQ,SAAS,MACpB,IAAI,CAAC,SAAc;AAEZ,YAAA,aAAa,SAAS,aAAa,YAAY;AAAA,QACnD,CAACA,iBACCA,2CAAY,eAAc,KAAK,OAAMA,2CAAY,iBAAgB,KAAK;AAAA,MAC1E;AAEI,UAAA,CAAC,WAAmB,QAAA;AAGxB,UAAI,WAAW,gBAAgB,KAAK,GAAW,QAAA;AAExC,aAAA,EAAE,GAAG,MAAM,WAAW;AAAA,IAAA,CAC9B,EACA,OAAO,OAAO;AAEjB,UAAM,cAAc,EAAE,GAAG,UAAU,MAAM;AAClC,WAAA;AAAA,EAAA,CACR;AACH;;"}

package/dist/shared/src/containers/Feed/helpers/mergeAnnotationAttachments.es.js

@@ -4,8 +4,9 @@ const mergeAnnotationAttachments = (activities) => {
     if (activity.activityType !== "comment" || !((_a = activity.activityData) == null ? void 0 : _a.annotations)) return activity;
     const files = activity.files.map((file) => {
       const annotation = activity.activityData.annotations.find(
-        (annotation2) => annotation2.composite === file.id || annotation2.transparent === file.id
+        (annotation2) => (annotation2 == null ? void 0 : annotation2.composite) === file.id || (annotation2 == null ? void 0 : annotation2.transparent) === file.id
       );
+      if (!annotation) return file;
       if (annotation.transparent === file.id) return null;
       return { ...file, annotation };
     }).filter(Boolean);

package/dist/shared/src/containers/Feed/helpers/mergeAnnotationAttachments.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeAnnotationAttachments.es.js","sources":["../../../../../../src/containers/Feed/helpers/mergeAnnotationAttachments.ts"],"sourcesContent":["import { SavedAnnotationMetadata } from '../../index'\n\nexport default (activities: any[]) => {\n  return activities.map((activity) => {\n    if (activity.activityType !== 'comment' || !activity.activityData?.annotations) return activity\n\n    const files = activity.files\n      .map((file: any) => {\n        // look for an annotation that is using this file\n        const annotation = activity.activityData.annotations.find(\n          (annotation: SavedAnnotationMetadata) =>\n            annotation.composite === file.id || annotation.transparent === file.id,\n        )\n\n        // if the file is the transparent version of the annotation, ignore it\n        if (annotation.transparent === file.id) return null\n\n        return { ...file, annotation }\n      })\n      .filter(Boolean)\n\n    const newActivity = { ...activity, files }\n    return newActivity\n  })\n}\n"],"names":["annotation"],"mappings":"AAEA,MAAe,6BAAA,CAAC,eAAsB;AAC7B,SAAA,WAAW,IAAI,CAAC,aAAa;AADtC;AAEI,QAAI,SAAS,iBAAiB,aAAa,GAAC,cAAS,iBAAT,mBAAuB,aAAoB,QAAA;AAEvF,UAAM,QAAQ,SAAS,MACpB,IAAI,CAAC,SAAc;AAEZ,YAAA,aAAa,SAAS,aAAa,YAAY;AAAA,QACnD,CAACA,gBACCA,YAAW,cAAc,KAAK,MAAMA,YAAW,gBAAgB,KAAK;AAAA,MACxE;AAGA,UAAI,WAAW,gBAAgB,KAAK,GAAW,QAAA;AAExC,aAAA,EAAE,GAAG,MAAM,WAAW;AAAA,IAAA,CAC9B,EACA,OAAO,OAAO;AAEjB,UAAM,cAAc,EAAE,GAAG,UAAU,MAAM;AAClC,WAAA;AAAA,EAAA,CACR;AACH;"}
+{"version":3,"file":"mergeAnnotationAttachments.es.js","sources":["../../../../../../src/containers/Feed/helpers/mergeAnnotationAttachments.ts"],"sourcesContent":["import { SavedAnnotationMetadata } from '../../index'\n\nexport default (activities: any[]) => {\n  return activities.map((activity) => {\n    if (activity.activityType !== 'comment' || !activity.activityData?.annotations) return activity\n\n    const files = activity.files\n      .map((file: any) => {\n        // look for an annotation that is using this file\n        const annotation = activity.activityData.annotations.find(\n          (annotation: SavedAnnotationMetadata) =>\n            annotation?.composite === file.id || annotation?.transparent === file.id,\n        )\n\n        if (!annotation) return file\n\n        // if the file is the transparent version of the annotation, ignore it\n        if (annotation.transparent === file.id) return null\n\n        return { ...file, annotation }\n      })\n      .filter(Boolean)\n\n    const newActivity = { ...activity, files }\n    return newActivity\n  })\n}\n"],"names":["annotation"],"mappings":"AAEA,MAAe,6BAAA,CAAC,eAAsB;AAC7B,SAAA,WAAW,IAAI,CAAC,aAAa;AADtC;AAEI,QAAI,SAAS,iBAAiB,aAAa,GAAC,cAAS,iBAAT,mBAAuB,aAAoB,QAAA;AAEvF,UAAM,QAAQ,SAAS,MACpB,IAAI,CAAC,SAAc;AAEZ,YAAA,aAAa,SAAS,aAAa,YAAY;AAAA,QACnD,CAACA,iBACCA,2CAAY,eAAc,KAAK,OAAMA,2CAAY,iBAAgB,KAAK;AAAA,MAC1E;AAEI,UAAA,CAAC,WAAmB,QAAA;AAGxB,UAAI,WAAW,gBAAgB,KAAK,GAAW,QAAA;AAExC,aAAA,EAAE,GAAG,MAAM,WAAW;AAAA,IAAA,CAC9B,EACA,OAAO,OAAO;AAEjB,UAAM,cAAc,EAAE,GAAG,UAAU,MAAM;AAClC,WAAA;AAAA,EAAA,CACR;AACH;"}

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

@@ -177,6 +177,7 @@ require("../../components/SettingsPanel/SettingsPanel.cjs.js");
 require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
 require("../../components/AttributeEditor/components/MinMaxField.cjs.js");
 require("../../components/EnumEditor/EnumEditor.styled.cjs.js");
+require("../../components/SearchFilter/filterDates.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

@@ -175,6 +175,7 @@ import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../components/SearchFilter/filterDates.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;"}

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.cjs.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useFiltersWithHierarchy = ({
+  sliceFilter,
+  persistedHierarchySelection,
+  filters,
+  merge = true
+}) => {
+  const filtersWithHierarchy = React.useMemo(() => {
+    const buildHierarchyFilterOption = (hierarchy) => ({
+      id: "hierarchy",
+      label: "Folder",
+      type: "list_of_strings",
+      values: Object.values(hierarchy).map((item) => ({
+        id: item.id,
+        label: item.label || item.name || item.id
+      })),
+      isCustom: true,
+      singleSelect: true,
+      fieldType: "folder",
+      operator: "OR",
+      isReadonly: true
+    });
+    if (sliceFilter && persistedHierarchySelection) {
+      if (merge) {
+        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters];
+      } else {
+        return [buildHierarchyFilterOption(persistedHierarchySelection)];
+      }
+    }
+    return filters;
+  }, [sliceFilter, persistedHierarchySelection, filters]);
+  return filtersWithHierarchy;
+};
+exports.useFiltersWithHierarchy = useFiltersWithHierarchy;
+//# sourceMappingURL=useFiltersWithHierarchy.cjs.js.map

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersWithHierarchy.cjs.js","sources":["../../../../../src/containers/Slicer/useFiltersWithHierarchy.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter, FilterValue } from '@ynput/ayon-react-components'\nimport { SelectionData } from '@shared/containers/Slicer'\n\ninterface UseFiltersWithHierarchyProps {\n  sliceFilter: FilterValue | null\n  persistedHierarchySelection: SelectionData | null\n  filters: Filter[]\n  merge?: boolean\n}\n\nexport const useFiltersWithHierarchy = ({\n  sliceFilter,\n  persistedHierarchySelection,\n  filters,\n  merge = true,\n}: UseFiltersWithHierarchyProps) => {\n  const filtersWithHierarchy = useMemo(() => {\n    const buildHierarchyFilterOption = (hierarchy: SelectionData): Filter => ({\n      id: 'hierarchy',\n      label: 'Folder',\n      type: 'list_of_strings',\n      values: Object.values(hierarchy).map((item) => ({\n        id: item.id,\n        label: item.label || item.name || item.id,\n      })),\n      isCustom: true,\n      singleSelect: true,\n      fieldType: 'folder',\n      operator: 'OR',\n      isReadonly: true,\n    })\n\n    if (sliceFilter && persistedHierarchySelection) {\n      if (merge) {\n        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters]\n      } else {\n        return [buildHierarchyFilterOption(persistedHierarchySelection)]\n      }\n    }\n    return filters\n  }, [sliceFilter, persistedHierarchySelection, filters])\n\n  return filtersWithHierarchy\n}\n"],"names":["useMemo"],"mappings":";;;AAWO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAoC;AAC5B,QAAA,uBAAuBA,MAAAA,QAAQ,MAAM;AACnC,UAAA,6BAA6B,CAAC,eAAsC;AAAA,MACxE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ,OAAO,OAAO,SAAS,EAAE,IAAI,CAAC,UAAU;AAAA,QAC9C,IAAI,KAAK;AAAA,QACT,OAAO,KAAK,SAAS,KAAK,QAAQ,KAAK;AAAA,MAAA,EACvC;AAAA,MACF,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAGd,QAAI,eAAe,6BAA6B;AAC9C,UAAI,OAAO;AACT,eAAO,CAAC,2BAA2B,2BAA2B,GAAG,GAAG,OAAO;AAAA,MAAA,OACtE;AACE,eAAA,CAAC,2BAA2B,2BAA2B,CAAC;AAAA,MAAA;AAAA,IACjE;AAEK,WAAA;AAAA,EACN,GAAA,CAAC,aAAa,6BAA6B,OAAO,CAAC;AAE/C,SAAA;AACT;;"}

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.es.js

@@ -0,0 +1,37 @@
+import { useMemo } from "react";
+const useFiltersWithHierarchy = ({
+  sliceFilter,
+  persistedHierarchySelection,
+  filters,
+  merge = true
+}) => {
+  const filtersWithHierarchy = useMemo(() => {
+    const buildHierarchyFilterOption = (hierarchy) => ({
+      id: "hierarchy",
+      label: "Folder",
+      type: "list_of_strings",
+      values: Object.values(hierarchy).map((item) => ({
+        id: item.id,
+        label: item.label || item.name || item.id
+      })),
+      isCustom: true,
+      singleSelect: true,
+      fieldType: "folder",
+      operator: "OR",
+      isReadonly: true
+    });
+    if (sliceFilter && persistedHierarchySelection) {
+      if (merge) {
+        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters];
+      } else {
+        return [buildHierarchyFilterOption(persistedHierarchySelection)];
+      }
+    }
+    return filters;
+  }, [sliceFilter, persistedHierarchySelection, filters]);
+  return filtersWithHierarchy;
+};
+export {
+  useFiltersWithHierarchy
+};
+//# sourceMappingURL=useFiltersWithHierarchy.es.js.map

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersWithHierarchy.es.js","sources":["../../../../../src/containers/Slicer/useFiltersWithHierarchy.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter, FilterValue } from '@ynput/ayon-react-components'\nimport { SelectionData } from '@shared/containers/Slicer'\n\ninterface UseFiltersWithHierarchyProps {\n  sliceFilter: FilterValue | null\n  persistedHierarchySelection: SelectionData | null\n  filters: Filter[]\n  merge?: boolean\n}\n\nexport const useFiltersWithHierarchy = ({\n  sliceFilter,\n  persistedHierarchySelection,\n  filters,\n  merge = true,\n}: UseFiltersWithHierarchyProps) => {\n  const filtersWithHierarchy = useMemo(() => {\n    const buildHierarchyFilterOption = (hierarchy: SelectionData): Filter => ({\n      id: 'hierarchy',\n      label: 'Folder',\n      type: 'list_of_strings',\n      values: Object.values(hierarchy).map((item) => ({\n        id: item.id,\n        label: item.label || item.name || item.id,\n      })),\n      isCustom: true,\n      singleSelect: true,\n      fieldType: 'folder',\n      operator: 'OR',\n      isReadonly: true,\n    })\n\n    if (sliceFilter && persistedHierarchySelection) {\n      if (merge) {\n        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters]\n      } else {\n        return [buildHierarchyFilterOption(persistedHierarchySelection)]\n      }\n    }\n    return filters\n  }, [sliceFilter, persistedHierarchySelection, filters])\n\n  return filtersWithHierarchy\n}\n"],"names":[],"mappings":";AAWO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAoC;AAC5B,QAAA,uBAAuB,QAAQ,MAAM;AACnC,UAAA,6BAA6B,CAAC,eAAsC;AAAA,MACxE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ,OAAO,OAAO,SAAS,EAAE,IAAI,CAAC,UAAU;AAAA,QAC9C,IAAI,KAAK;AAAA,QACT,OAAO,KAAK,SAAS,KAAK,QAAQ,KAAK;AAAA,MAAA,EACvC;AAAA,MACF,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAGd,QAAI,eAAe,6BAA6B;AAC9C,UAAI,OAAO;AACT,eAAO,CAAC,2BAA2B,2BAA2B,GAAG,GAAG,OAAO;AAAA,MAAA,OACtE;AACE,eAAA,CAAC,2BAA2B,2BAA2B,CAAC;AAAA,MAAA;AAAA,IACjE;AAEK,WAAA;AAAA,EACN,GAAA,CAAC,aAAa,6BAA6B,OAAO,CAAC;AAE/C,SAAA;AACT;"}

package/dist/types/api/generated/actions.d.ts

@@ -109,7 +109,7 @@ export type ActionContext = {
     /** The name of the project. If not provided, use global actions, the rest of the fields are ignored. */
     projectName?: string;
     /** The type of the entity. If not specified, project-lever or global actions are used. */
-    entityType?: 'folder' | 'product' | 'version' | 'representation' | 'task' | 'workfile' | 'list';
+    entityType?: 'folder' | 'product' | 'version' | 'representation' | 'task' | 'workfile' | 'list' | 'project';
     /** List of subtypes present in the entity list */
     entitySubtypes?: string[];
     /** The IDs of the entities */

package/dist/types/api/generated/system.d.ts

@@ -187,6 +187,7 @@ export type InfoResponseModel = {
     attributes?: AttributeModel[];
     sites?: SiteInfo[];
     ssoOptions?: SsoOption[];
+    disableChangelog?: boolean;
     extras?: string;
 };
 export type SystemMetricsData = {

package/dist/types/components/SearchFilter/filterDates.d.ts

@@ -0,0 +1,56 @@
+import { Option } from '@ynput/ayon-react-components';
+export declare const NO_DATE = "no-date";
+export declare const filterDateFunctions: {
+    today: () => {
+        label: string;
+        id: string;
+    }[];
+    yesterday: () => {
+        label: string;
+        id: string;
+    }[];
+    "after-now": () => {
+        label: string;
+        id: string;
+    }[];
+    "before-now": () => {
+        id: string;
+        label: string;
+    }[];
+    "this-week": () => {
+        label: string;
+        id: string;
+    }[];
+    "next-week": () => {
+        label: string;
+        id: string;
+    }[];
+    "last-week": () => {
+        label: string;
+        id: string;
+    }[];
+    "this-month": () => {
+        label: string;
+        id: string;
+    }[];
+    "next-month": () => {
+        label: string;
+        id: string;
+    }[];
+    "last-month": () => {
+        label: string;
+        id: string;
+    }[];
+    "this-year": () => {
+        label: string;
+        id: string;
+    }[];
+    "last-year": () => {
+        label: string;
+        id: string;
+    }[];
+};
+export type DateOptionType = keyof typeof filterDateFunctions;
+export declare const dateOptions: (Option & {
+    id: DateOptionType;
+})[];

package/dist/types/components/SearchFilter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useBuildFilterOptions';
+export * from './filterDates';

package/dist/types/components/SearchFilter/useBuildFilterOptions.d.ts

@@ -0,0 +1,30 @@
+import { ColumnOrderState } from '@tanstack/react-table';
+import { Option } from '@ynput/ayon-react-components';
+type Scope = 'folder' | 'product' | 'task' | 'user' | 'version';
+export type FilterFieldType = 'folderType' | 'taskType' | 'productType' | ('users' | 'assignees') | 'attributes' | 'status' | 'tags';
+type AttributeType = string | number | boolean | Date | string[] | number[] | any[] | {
+    [key: string]: any;
+};
+type AttributeDataValue = AttributeType | null | undefined;
+type FilterConfig = {
+    enableExcludes?: boolean;
+    enableOperatorChange?: boolean;
+    enableRelativeValues?: boolean;
+    prefixes?: Partial<Record<FilterFieldType, string>>;
+    keys?: Partial<Record<FilterFieldType, string>>;
+};
+export type BuildFilterOptions = {
+    filterTypes: FilterFieldType[];
+    projectNames: string[];
+    scope: Scope;
+    data: {
+        tags?: string[];
+        attributes?: Record<string, AttributeDataValue[]>;
+        assignees?: string[];
+    };
+    columnOrder?: ColumnOrderState;
+    config?: FilterConfig;
+    power?: boolean;
+};
+export declare const useBuildFilterOptions: ({ filterTypes, projectNames, scope, data, config, columnOrder, power, }: BuildFilterOptions) => Option[];
+export {};

package/dist/types/components/index.d.ts

@@ -17,3 +17,4 @@ export * from './ProjectTableSettings';
 export * from './SettingsPanel';
 export * from './AttributeEditor';
 export * from './EnumEditor';
+export * from './SearchFilter';

package/dist/types/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.d.ts

@@ -3,7 +3,7 @@ type Props = {
     filesUploading: File[];
 };
 export type AnnotationPreview = any & {
-    isUnsavedAnnotation: true;
+    unsavedAnnotation: any;
 };
 export declare const filterEntityAnnotations: (annotations: Record<string, any>, entityId: string, filesUploading: File[]) => AnnotationPreview[];
 declare const useAnnotationsSync: ({ entityId, filesUploading }: Props) => {

package/dist/types/containers/Feed/components/CommentInput/hooks/useAnnotationsUpload.d.ts

@@ -1,7 +1,7 @@
 import { SavedAnnotationMetadata } from '../../../index';
 type Props = {
     projectName: string;
-    onSuccess: (data: any) => void;
+    onSuccess: (data: any) => any;
 };
 declare const useAnnotationsUpload: ({ projectName, onSuccess }: Props) => (annotations: any[]) => Promise<{
     files: any[];

package/dist/types/containers/Feed/components/FileUploadCard/FileUploadCard.d.ts

@@ -1,10 +1,11 @@
 import { SavedAnnotationMetadata } from '../../..';
+import { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync';
 export interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {
     name: string;
     mime?: string;
     src?: string;
-    isUnsavedAnnotation?: boolean;
-    savedAnnotation: SavedAnnotationMetadata;
+    unsavedAnnotation?: AnnotationPreview;
+    savedAnnotation?: SavedAnnotationMetadata;
     size: number;
     progress: number;
     onRemove?: () => void;
@@ -13,5 +14,5 @@ export interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement
     onExpand?: () => void;
     onJumpTo?: () => void;
 }
-declare const FileUploadCard: ({ name, mime, src, isUnsavedAnnotation, savedAnnotation, size, progress, onRemove, isCompact, isDownloadable, onExpand, onJumpTo, className, ...props }: FileUploadCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadCard: ({ name, mime, src, unsavedAnnotation, savedAnnotation, size, progress, onRemove, isCompact, isDownloadable, onExpand, onJumpTo, className, ...props }: FileUploadCardProps) => import("react/jsx-runtime").JSX.Element;
 export default FileUploadCard;

package/dist/types/containers/Slicer/index.d.ts

@@ -1,2 +1,3 @@
 export * from './types';
 export * from './createFilterFromSlicer';
+export * from './useFiltersWithHierarchy';

package/dist/types/containers/Slicer/useFiltersWithHierarchy.d.ts

@@ -0,0 +1,10 @@
+import { Filter, FilterValue } from '@ynput/ayon-react-components';
+import { SelectionData } from '.';
+interface UseFiltersWithHierarchyProps {
+    sliceFilter: FilterValue | null;
+    persistedHierarchySelection: SelectionData | null;
+    filters: Filter[];
+    merge?: boolean;
+}
+export declare const useFiltersWithHierarchy: ({ sliceFilter, persistedHierarchySelection, filters, merge, }: UseFiltersWithHierarchyProps) => Filter[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",