@ynput/ayon-frontend-shared 0.3.22 → 0.3.23

package/dist/shared/src/util/getAttributeIcon.es.js

@@ -1,5 +1,5 @@
-import { entityTypesWithIcons as s, getEntityTypeIcon as n } from "./getEntityTypeIcon.es.js";
-const a = (t, i, r) => {
+import { entityTypesWithIcons as r, getEntityTypeIcon as n } from "./getEntityTypeIcon.es.js";
+const a = (t, i, l) => {
   let e = "format_list_bulleted";
   const o = {
     status: "arrow_circle_right",
@@ -25,10 +25,10 @@ const a = (t, i, r) => {
     comment: "comment",
     colorSpace: "palette",
     description: "description"
-  }, l = {
+  }, s = {
     integer: "pin",
     float: "speed_1_2",
-    boolean: "radio_button_checked",
+    boolean: "check_box",
     datetime: "calendar_month",
     list_of_strings: "format_list_bulleted",
     list_of_integers: "format_list_numbered",
@@ -37,7 +37,7 @@ const a = (t, i, r) => {
     dict: "format_list_bulleted",
     string: "title"
   };
-  return o[t] ? e = o[t] : s.includes(t) ? e = n(t) : r ? e = "format_list_bulleted" : i && l[i] && (e = l[i]), e;
+  return o[t] ? e = o[t] : r.includes(t) ? e = n(t) : l && i === "string" ? e = "format_list_bulleted" : l ? e = "checklist" : i && s[i] && (e = s[i]), e;
 };
 export {
   a as getAttributeIcon

package/dist/shared/src/util/getAttributeIcon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAttributeIcon.es.js","sources":["../../../../src/util/getAttributeIcon.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { entityTypesWithIcons, getEntityTypeIcon } from './getEntityTypeIcon'\n\ntype GetAttributesIcon = (name: string, type?: AttributeData['type'], hasEnum?: boolean) => string\n\nexport const getAttributeIcon: GetAttributesIcon = (name, type, hasEnum) => {\n  let icon = 'format_list_bulleted'\n  // some attributes have custom icons\n  const customIcons: {\n    [key: string]: string\n  } = {\n    status: 'arrow_circle_right',\n    assignees: 'person',\n    author: 'person',\n    tags: 'local_offer',\n    priority: 'keyboard_double_arrow_up',\n    fps: '30fps_select',\n    resolutionWidth: 'settings_overscan',\n    resolutionHeight: 'settings_overscan',\n    pixelAspect: 'stop',\n    clipIn: 'line_start_diamond',\n    clipOut: 'line_end_diamond',\n    frameStart: 'line_start_circle',\n    frameEnd: 'line_end_circle',\n    handleStart: 'line_start_square',\n    handleEnd: 'line_end_square',\n    fullName: 'id_card',\n    email: 'alternate_email',\n    developerMode: 'code',\n    productGroup: 'inventory_2',\n    machine: 'computer',\n    comment: 'comment',\n    colorSpace: 'palette',\n    description: 'description',\n  }\n\n  const typeIcons: {\n    [key in AttributeData['type']]?: string\n  } = {\n    integer: 'pin',\n    float: 'speed_1_2',\n    boolean: 'radio_button_checked',\n    datetime: 'calendar_month',\n    list_of_strings: 'format_list_bulleted',\n    list_of_integers: 'format_list_numbered',\n    list_of_any: 'format_list_bulleted',\n    list_of_submodels: 'format_list_bulleted',\n    dict: 'format_list_bulleted',\n    string: 'title',\n  }\n\n  if (customIcons[name]) {\n    icon = customIcons[name]\n  } else if (entityTypesWithIcons.includes(name)) {\n    icon = getEntityTypeIcon(name)\n  } else if (hasEnum) {\n    icon = 'format_list_bulleted'\n  } else if (type && typeIcons[type]) {\n    icon = typeIcons[type]\n  }\n\n  return icon\n}\n"],"names":["getAttributeIcon","name","type","hasEnum","icon","customIcons","typeIcons","entityTypesWithIcons","getEntityTypeIcon"],"mappings":";AAKO,MAAMA,IAAsC,CAACC,GAAMC,GAAMC,MAAY;AAC1E,MAAIC,IAAO;AAEX,QAAMC,IAEF;AAAA,IACF,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA,GAGTC,IAEF;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAGV,SAAID,EAAYJ,CAAI,IAClBG,IAAOC,EAAYJ,CAAI,IACdM,EAAqB,SAASN,CAAI,IAC3CG,IAAOI,EAAkBP,CAAI,IACpBE,IACTC,IAAO,yBACEF,KAAQI,EAAUJ,CAAI,MAC/BE,IAAOE,EAAUJ,CAAI,IAGhBE;AACT;"}
+{"version":3,"file":"getAttributeIcon.es.js","sources":["../../../../src/util/getAttributeIcon.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { entityTypesWithIcons, getEntityTypeIcon } from './getEntityTypeIcon'\n\ntype GetAttributesIcon = (name: string, type?: AttributeData['type'], hasEnum?: boolean) => string\n\nexport const getAttributeIcon: GetAttributesIcon = (name, type, hasEnum) => {\n  let icon = 'format_list_bulleted'\n  // some attributes have custom icons\n  const customIcons: {\n    [key: string]: string\n  } = {\n    status: 'arrow_circle_right',\n    assignees: 'person',\n    author: 'person',\n    tags: 'local_offer',\n    priority: 'keyboard_double_arrow_up',\n    fps: '30fps_select',\n    resolutionWidth: 'settings_overscan',\n    resolutionHeight: 'settings_overscan',\n    pixelAspect: 'stop',\n    clipIn: 'line_start_diamond',\n    clipOut: 'line_end_diamond',\n    frameStart: 'line_start_circle',\n    frameEnd: 'line_end_circle',\n    handleStart: 'line_start_square',\n    handleEnd: 'line_end_square',\n    fullName: 'id_card',\n    email: 'alternate_email',\n    developerMode: 'code',\n    productGroup: 'inventory_2',\n    machine: 'computer',\n    comment: 'comment',\n    colorSpace: 'palette',\n    description: 'description',\n  }\n\n  const typeIcons: {\n    [key in AttributeData['type']]?: string\n  } = {\n    integer: 'pin',\n    float: 'speed_1_2',\n    boolean: 'check_box',\n    datetime: 'calendar_month',\n    list_of_strings: 'format_list_bulleted',\n    list_of_integers: 'format_list_numbered',\n    list_of_any: 'format_list_bulleted',\n    list_of_submodels: 'format_list_bulleted',\n    dict: 'format_list_bulleted',\n    string: 'title',\n  }\n\n  if (customIcons[name]) {\n    icon = customIcons[name]\n  } else if (entityTypesWithIcons.includes(name)) {\n    icon = getEntityTypeIcon(name)\n  } else if (hasEnum && type === 'string') {\n    icon = 'format_list_bulleted'\n  } else if (hasEnum) {\n    icon = 'checklist'\n  } else if (type && typeIcons[type]) {\n    icon = typeIcons[type]\n  }\n\n  return icon\n}\n"],"names":["getAttributeIcon","name","type","hasEnum","icon","customIcons","typeIcons","entityTypesWithIcons","getEntityTypeIcon"],"mappings":";AAKO,MAAMA,IAAsC,CAACC,GAAMC,GAAMC,MAAY;AAC1E,MAAIC,IAAO;AAEX,QAAMC,IAEF;AAAA,IACF,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA,GAGTC,IAEF;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAGV,SAAID,EAAYJ,CAAI,IAClBG,IAAOC,EAAYJ,CAAI,IACdM,EAAqB,SAASN,CAAI,IAC3CG,IAAOI,EAAkBP,CAAI,IACpBE,KAAWD,MAAS,WAC7BE,IAAO,yBACED,IACTC,IAAO,cACEF,KAAQI,EAAUJ,CAAI,MAC/BE,IAAOE,EAAUJ,CAAI,IAGhBE;AACT;"}

package/dist/types/components/AttributeEditor/attributeTypeMap.d.ts

@@ -0,0 +1,13 @@
+import { AttributeData } from '../../api';
+export type UIAttributeType = 'text' | 'select' | 'multi_select' | 'number' | 'checkbox' | 'datetime';
+export interface UITypeOption {
+    value: UIAttributeType;
+    label: string;
+    icon: string;
+}
+export declare const UI_TYPE_OPTIONS: UITypeOption[];
+export declare const UI_TYPE_FIELDS: Record<UIAttributeType, (keyof AttributeData)[]>;
+export declare const UI_TYPE_EXCLUDE: Partial<Record<UIAttributeType, (keyof AttributeData)[]>>;
+export declare const backendToUiType: (type: AttributeData["type"] | undefined, enumValues?: AttributeData["enum"]) => UIAttributeType;
+export declare const uiTypeToBackend: (uiType: UIAttributeType, isDecimal: boolean) => AttributeData["type"];
+export declare const getUiTypeLabel: (type: AttributeData["type"] | undefined, enumValues?: AttributeData["enum"]) => string;

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

@@ -1 +1,2 @@
 export * from './AttributeEditor';
+export { getUiTypeLabel } from './attributeTypeMap';

package/dist/types/components/ReviewablesSelector/Card.d.ts

@@ -0,0 +1,18 @@
+import { ReviewableModel } from '../../api';
+import { ContextMenuItemType } from '../../containers';
+import { KeyboardEvent, MouseEvent } from 'react';
+export type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label'> & {
+    tag?: JSX.Element;
+    contextMenuItems?: ContextMenuItemType[];
+    selectionVariant?: 'primary' | 'tertiary';
+};
+export type ReviewableCardProps = ReviewableCard & {
+    projectName: string | null;
+    selected: boolean;
+    onChange?: (fileId: string) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    onMouseOver: (event: MouseEvent<HTMLDivElement>, { label }: {
+        label?: string;
+    }) => void;
+};
+export default function Card({ fileId, label, selected, projectName, onKeyDown, onMouseOver, onChange, tag, contextMenuItems, selectionVariant, }: ReviewableCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
 import { FC } from 'react';
-import { ReviewableModel } from '../../api';
-type ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label' | 'fileId'>;
+import { ReviewableCard } from './Card';
 interface ReviewablesSelectorProps {
     reviewables: ReviewableCard[];
     selected: string[];

package/dist/types/components/ReviewablesSelector/ReviewablesSelector.styled.d.ts

@@ -8,3 +8,4 @@ export declare const AddButton: import('styled-components/dist/types').IStyledCo
 }, never> & Partial<Pick<Omit<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
 }, never>>> & string & Omit<import('react').ForwardRefExoticComponent<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Tag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/package.json

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