@ynput/ayon-frontend-shared 0.2.3 → 0.2.4

package/dist/shared/src/components/AttributeEditor/AttributeEditor.es.js

@@ -0,0 +1,355 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState, useEffect } from "react";
+import { Dialog, FormLayout, FormRow, InputText, LockedInput, Dropdown, Button, Spacer, SaveButton, InputSwitch } from "@ynput/ayon-react-components";
+import { upperFirst, camelCase } from "lodash";
+import { MinMaxField } from "./components/MinMaxField.es.js";
+import { EnumEditor } from "../EnumEditor/EnumEditor.es.js";
+const SCOPE_OPTIONS = [
+  { value: "project", label: "Project" },
+  { value: "folder", label: "Folder" },
+  { value: "task", label: "Task" },
+  { value: "product", label: "Product" },
+  { value: "version", label: "Version" },
+  { value: "representation", label: "Representation" },
+  { value: "user", label: "User" }
+];
+const GLOBAL_FIELDS = [
+  { value: "description", scope: null },
+  { value: "example", scope: null },
+  // @ts-expect-error - project is not a scope?
+  { value: "default", scope: ["project"] },
+  { value: "inherit", scope: null }
+];
+const TYPE_OPTIONS = {
+  string: {
+    value: "string",
+    label: "String",
+    fields: ["minLength", "maxLength", "enum", "regex"]
+  },
+  integer: {
+    value: "integer",
+    label: "Integer",
+    fields: ["ge", "gt", "le", "lt"]
+  },
+  float: {
+    value: "float",
+    label: "Decimal number",
+    fields: ["ge", "gt", "le", "lt"]
+  },
+  list_of_strings: {
+    value: "list_of_strings",
+    label: "List Of Strings",
+    fields: ["minItems", "maxItems", "enum"]
+  },
+  boolean: {
+    value: "boolean",
+    label: "Boolean",
+    fields: [],
+    exclude: ["example"]
+  }
+};
+const initFormData = {
+  name: "",
+  scope: ["folder", "task"],
+  builtin: false,
+  position: 0,
+  data: {
+    type: "string",
+    title: "",
+    description: "",
+    example: "",
+    default: void 0,
+    enum: [],
+    minLength: void 0,
+    maxLength: void 0,
+    regex: "",
+    minItems: void 0,
+    maxItems: void 0,
+    ge: void 0,
+    gt: void 0,
+    le: void 0,
+    lt: void 0
+  }
+};
+const buildInitFormData = (excludes, data) => {
+  const formData = JSON.parse(JSON.stringify(initFormData));
+  const required = ["name"];
+  Object.keys(formData).forEach((key) => {
+    if (!required.includes(key) && excludes.includes(key) && key !== "data") {
+      delete formData[key];
+    }
+  });
+  const requiredData = ["title"];
+  if (formData.data) {
+    Object.keys(formData.data).forEach((key) => {
+      if (!requiredData.includes(key) && excludes.includes(key)) {
+        delete formData.data[key];
+      }
+    });
+  }
+  if (data) {
+    Object.keys(data).forEach((key) => {
+      const typedKey = key;
+      if (typedKey !== "data" && excludes.includes(typedKey)) return;
+      if (typedKey === "data" && data.data && formData.data) {
+        formData.data = { ...formData.data, ...data.data };
+      } else if (data[typedKey] !== void 0) {
+        formData[typedKey] = data[typedKey];
+      }
+    });
+  }
+  return formData;
+};
+const AttributeEditor = ({
+  attribute,
+  existingNames,
+  error = "",
+  isUpdating,
+  excludes = [],
+  onHide,
+  onEdit,
+  onDelete
+}) => {
+  var _a, _b;
+  const initForm = buildInitFormData(excludes, { position: existingNames.length });
+  const [formData, setFormData] = useState(attribute || initForm);
+  useEffect(() => {
+    if (!!attribute) setFormData(attribute);
+  }, [attribute]);
+  const isNew = !attribute;
+  const setTopLevelData = (key, value) => {
+    setFormData((d) => {
+      if (!d) {
+        return d;
+      }
+      return { ...d, [key]: value };
+    });
+  };
+  const setData = (key, value) => {
+    setFormData((d) => {
+      if (!d || !d.data) {
+        return d;
+      }
+      const dt = { ...d.data, [key]: value };
+      return { ...d, data: dt };
+    });
+  };
+  let internalError = "";
+  if (formData) {
+    if (isNew) {
+      if (existingNames.includes(formData.name)) internalError = "This attribute already exists";
+      else if (!formData.name.match("^[a-zA-Z_]{2,20}$")) internalError = "Invalid attribute name";
+    }
+  }
+  const handleSubmit = () => {
+    if (formData) {
+      onEdit(formData);
+    }
+  };
+  const footer = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
+    onDelete && attribute && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        variant: "danger",
+        label: "Delete attribute",
+        icon: "delete",
+        disabled: isUpdating,
+        onClick: onDelete
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SaveButton,
+      {
+        label: isNew ? "Create Attribute" : "Save Attribute",
+        icon: "check",
+        disabled: !!internalError || !formData,
+        active: !internalError && !!formData,
+        saving: isUpdating,
+        onClick: handleSubmit
+      }
+    )
+  ] });
+  let dataFields = [];
+  GLOBAL_FIELDS.forEach((globalField) => {
+    var _a2;
+    if (!(globalField == null ? void 0 : globalField.scope) || ((_a2 = globalField == null ? void 0 : globalField.scope) == null ? void 0 : _a2.some((s) => {
+      var _a3;
+      return (_a3 = formData == null ? void 0 : formData.scope) == null ? void 0 : _a3.includes(s);
+    }))) {
+      dataFields.push(globalField.value);
+    }
+  });
+  if ((formData == null ? void 0 : formData.data.type) && TYPE_OPTIONS[formData.data.type]) {
+    const typeOpt = TYPE_OPTIONS[formData.data.type];
+    dataFields = [...dataFields, ...typeOpt.fields].filter((f) => {
+      var _a2;
+      return !((_a2 = typeOpt.exclude) == null ? void 0 : _a2.includes(f));
+    });
+  }
+  const customFields = {
+    enum: (value = [], onChange) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EnumEditor,
+      {
+        values: value,
+        onChange: (val) => {
+          onChange(val);
+        }
+      }
+    ),
+    inherit: (value, onChange) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      InputSwitch,
+      {
+        checked: value,
+        onChange: (e) => onChange(e.target.checked)
+      }
+    ),
+    booleanDefault: (value, onChange) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      InputSwitch,
+      {
+        checked: value,
+        onChange: (e) => onChange(e.target.checked)
+      }
+    )
+  };
+  const handleTitleChange = (e) => {
+    const v = e.target.value;
+    setData("title", v);
+    if (isNew) {
+      setTopLevelData("name", camelCase(v));
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Dialog,
+    {
+      header: ((_a = formData == null ? void 0 : formData.data) == null ? void 0 : _a.title) || (formData == null ? void 0 : formData.name) || "New attribute",
+      footer,
+      onClose: onHide,
+      isOpen: true,
+      style: { width: 700, zIndex: 999 },
+      size: "full",
+      onKeyDown: (e) => {
+        if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+          e.preventDefault();
+          handleSubmit();
+        }
+      },
+      children: formData && /* @__PURE__ */ jsxRuntimeExports.jsxs(FormLayout, { children: [
+        !excludes.includes("title") && /* @__PURE__ */ jsxRuntimeExports.jsx(FormRow, { label: "Title", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputText, { value: formData == null ? void 0 : formData.data["title"], onChange: handleTitleChange, autoFocus: true }) }, "title"),
+        !excludes.includes("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(FormRow, { label: "Name", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LockedInput,
+          {
+            value: formData.name,
+            disabled: !isNew,
+            onSubmit: (v) => setTopLevelData("name", v),
+            label: "name"
+          }
+        ) }, "name"),
+        !excludes.includes("scope") && /* @__PURE__ */ jsxRuntimeExports.jsx(FormRow, { label: "Scope", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Dropdown,
+          {
+            options: SCOPE_OPTIONS,
+            disabled: formData.builtin,
+            value: formData.scope || [],
+            onChange: (v) => setTopLevelData("scope", v),
+            multiSelect: true,
+            widthExpand: true
+          }
+        ) }),
+        !excludes.includes("type") && /* @__PURE__ */ jsxRuntimeExports.jsx(FormRow, { label: "Type", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Dropdown,
+          {
+            value: [(_b = formData == null ? void 0 : formData.data) == null ? void 0 : _b.type],
+            disabled: formData.builtin,
+            options: Object.values(TYPE_OPTIONS),
+            onChange: (v) => setData("type", v[0]),
+            minSelected: 1,
+            widthExpand: true
+          }
+        ) }),
+        dataFields.map((field) => {
+          var _a2, _b2;
+          if (excludes.includes(field)) return null;
+          let fieldComp = null;
+          let fieldLabel = upperFirst(field);
+          if (field === "enum" || field === "inherit") {
+            const renderer = customFields[field];
+            fieldComp = renderer(formData == null ? void 0 : formData.data[field], (value) => setData(field, value));
+          } else if (field === "default" && ((_a2 = formData == null ? void 0 : formData.data) == null ? void 0 : _a2.type) === "boolean") {
+            fieldComp = customFields["booleanDefault"](
+              formData == null ? void 0 : formData.data[field],
+              (value) => setData(field, value)
+            );
+          } else if (["ge", "gt", "le", "lt"].includes(field)) {
+            if (["gt", "lt"].includes(field)) return null;
+            fieldComp = /* @__PURE__ */ jsxRuntimeExports.jsx(
+              MinMaxField,
+              {
+                value: formData == null ? void 0 : formData.data,
+                isMin: field === "ge",
+                isFloat: ((_b2 = formData == null ? void 0 : formData.data) == null ? void 0 : _b2.type) === "float",
+                onChange: (v) => {
+                  const geValue = v.ge !== void 0 ? Number(v.ge) : void 0;
+                  const leValue = v.le !== void 0 ? Number(v.le) : void 0;
+                  if (
+                    // @ts-expect-error
+                    v.ge !== void 0 && isNaN(geValue) || // @ts-expect-error
+                    v.le !== void 0 && isNaN(leValue)
+                  ) {
+                    return;
+                  }
+                  setFormData((d) => {
+                    if (!d || !d.data) return d;
+                    const dt = { ...d.data, ...v };
+                    return { ...d, data: dt };
+                  });
+                }
+              }
+            );
+            fieldLabel = field === "ge" ? "Min" : "Max";
+          } else {
+            const handleInputChange = (e) => {
+              const strValue = e.target.value;
+              switch (field) {
+                case "minLength":
+                case "maxLength":
+                case "minItems":
+                case "maxItems": {
+                  const num = parseInt(strValue, 10);
+                  setData(field, isNaN(num) ? void 0 : num);
+                  break;
+                }
+                default:
+                  setData(field, strValue);
+                  break;
+              }
+            };
+            fieldComp = /* @__PURE__ */ jsxRuntimeExports.jsx(
+              InputText,
+              {
+                value: String((formData == null ? void 0 : formData.data[field]) ?? ""),
+                onChange: handleInputChange
+              }
+            );
+          }
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FormRow,
+            {
+              label: fieldLabel,
+              style: {
+                alignItems: "flex-start"
+              },
+              children: fieldComp
+            },
+            field
+          );
+        }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (internalError || error) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "form-error-text", children: internalError || error }) })
+      ] })
+    }
+  );
+};
+export {
+  AttributeEditor
+};
+//# sourceMappingURL=AttributeEditor.es.js.map

package/dist/shared/src/components/AttributeEditor/AttributeEditor.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeEditor.es.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n  SaveButton,\n  Spacer,\n  FormLayout,\n  FormRow,\n  InputText,\n  InputSwitch,\n  LockedInput,\n  Dropdown,\n  Dialog,\n  Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n  { value: 'project', label: 'Project' },\n  { value: 'folder', label: 'Folder' },\n  { value: 'task', label: 'Task' },\n  { value: 'product', label: 'Product' },\n  { value: 'version', label: 'Version' },\n  { value: 'representation', label: 'Representation' },\n  { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n  value: keyof AttributeData\n  scope: (AttributeModel['scope'] | '')[] | null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n  { value: 'description', scope: null },\n  { value: 'example', scope: null },\n  // @ts-expect-error - project is not a scope?\n  { value: 'default', scope: ['project'] },\n  { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n  value: AttributeData['type']\n  label: string\n  fields: (keyof AttributeData)[]\n  exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n  [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n  string: {\n    value: 'string',\n    label: 'String',\n    fields: ['minLength', 'maxLength', 'enum', 'regex'],\n  },\n  integer: {\n    value: 'integer',\n    label: 'Integer',\n    fields: ['ge', 'gt', 'le', 'lt'],\n  },\n  float: {\n    value: 'float',\n    label: 'Decimal number',\n    fields: ['ge', 'gt', 'le', 'lt'],\n  },\n  list_of_strings: {\n    value: 'list_of_strings',\n    label: 'List Of Strings',\n    fields: ['minItems', 'maxItems', 'enum'],\n  },\n  boolean: {\n    value: 'boolean',\n    label: 'Boolean',\n    fields: [],\n    exclude: ['example'],\n  },\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' | 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> | keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n  name: '',\n  scope: ['folder', 'task'],\n  builtin: false,\n  position: 0,\n  data: {\n    type: 'string',\n    title: '',\n    description: '',\n    example: '',\n    default: undefined,\n    enum: [],\n    minLength: undefined,\n    maxLength: undefined,\n    regex: '',\n    minItems: undefined,\n    maxItems: undefined,\n    ge: undefined,\n    gt: undefined,\n    le: undefined,\n    lt: undefined,\n  },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n  // Create a deep clone of init form data\n  const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n  // Filter out top-level excludes if not in required\n  const required = ['name']\n  Object.keys(formData).forEach((key) => {\n    if (\n      !required.includes(key) &&\n      excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n      key !== 'data'\n    ) {\n      delete formData[key as keyof AttributeForm]\n    }\n  })\n\n  // Filter out data field excludes if not in in required\n  const requiredData = ['title']\n  if (formData.data) {\n    Object.keys(formData.data).forEach((key) => {\n      if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n        delete formData.data[key as keyof AttributeData]\n      }\n    })\n  }\n\n  // Merge with provided data if any\n  if (data) {\n    // Merge top-level fields\n    Object.keys(data).forEach((key) => {\n      const typedKey = key as keyof AttributeForm\n      if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n      if (typedKey === 'data' && data.data && formData.data) {\n        // Deep merge of data fields\n        formData.data = { ...formData.data, ...data.data }\n      } else if (data[typedKey] !== undefined) {\n        // @ts-ignore - We know these properties exist\n        formData[typedKey] = data[typedKey]\n      }\n    })\n  }\n\n  return formData\n}\n\nexport interface AttributeEditorProps {\n  attribute: AttributeForm | null\n  existingNames: string[]\n  error?: string\n  isUpdating?: boolean\n  excludes?: Excludes\n  onHide: () => void\n  onEdit: (attribute: AttributeForm) => void\n  onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n  attribute,\n  existingNames,\n  error = '',\n  isUpdating,\n  excludes = [],\n  onHide,\n  onEdit,\n  onDelete,\n}) => {\n  const initForm = buildInitFormData(excludes, { position: existingNames.length })\n  const [formData, setFormData] = useState<AttributeForm | null>(attribute || initForm)\n\n  useEffect(() => {\n    if (!!attribute) setFormData(attribute)\n  }, [attribute])\n\n  const isNew = !attribute\n\n  // const setTopLevelData = (key: string, value: string) => {\n  const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n    key: K,\n    value: AttributeModel[K],\n  ) => {\n    setFormData((d) => {\n      if (!d) {\n        return d\n      }\n      return { ...d, [key]: value }\n    })\n  }\n\n  // const setData = (key, value) => {\n  const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n    setFormData((d) => {\n      // Add a check for d and d.data\n      if (!d || !d.data) {\n        return d\n      }\n      const dt = { ...d.data, [key]: value }\n      return { ...d, data: dt }\n    })\n  }\n\n  let internalError = ''\n  if (formData) {\n    if (isNew) {\n      if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n      else if (!formData.name.match('^[a-zA-Z_]{2,20}$')) internalError = 'Invalid attribute name'\n    } // name validation\n  }\n\n  const handleSubmit = () => {\n    if (formData) {\n      onEdit(formData)\n    }\n  }\n\n  const footer = (\n    <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n      {onDelete && attribute && (\n        <Button\n          variant=\"danger\"\n          label={'Delete attribute'}\n          icon={'delete'}\n          disabled={isUpdating}\n          onClick={onDelete}\n        />\n      )}\n      <Spacer />\n      <SaveButton\n        label={isNew ? 'Create Attribute' : 'Save Attribute'}\n        icon={'check'}\n        disabled={!!internalError || !formData}\n        active={!internalError && !!formData}\n        saving={isUpdating}\n        onClick={handleSubmit}\n      />\n    </div>\n  )\n\n  let dataFields: (keyof AttributeData)[] = []\n\n  // add global fields, only if scope are null (all) or the scope is included\n  GLOBAL_FIELDS.forEach((globalField) => {\n    // @ts-expect-error - project scope will never be found here?\n    if (!globalField?.scope || globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n      dataFields.push(globalField.value)\n    }\n  })\n\n  if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n    const typeOpt = TYPE_OPTIONS[formData.data.type]\n    dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n  }\n\n  type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element | null\n  const customFields: {\n    enum: CustomFieldRenderer\n    inherit: CustomFieldRenderer\n    booleanDefault: CustomFieldRenderer\n  } = {\n    enum: (value = [], onChange) => (\n      <EnumEditor\n        values={value as AttributeEnumItem[]}\n        onChange={(val) => {\n          onChange(val)\n        }}\n      />\n    ),\n    inherit: (value, onChange) => (\n      <InputSwitch\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n      />\n    ),\n    booleanDefault: (value, onChange) => (\n      <InputSwitch\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n      />\n    ),\n  }\n\n  const handleTitleChange = (e: React.ChangeEvent) => {\n    const v = (e.target as HTMLInputElement).value\n    setData('title', v)\n\n    if (isNew) {\n      setTopLevelData('name', camelCase(v))\n    }\n  }\n\n  return (\n    <Dialog\n      header={formData?.data?.title || formData?.name || 'New attribute'}\n      footer={footer}\n      onClose={onHide}\n      isOpen={true}\n      style={{ width: 700, zIndex: 999 }}\n      size=\"full\"\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n          e.preventDefault()\n          handleSubmit()\n        }\n      }}\n    >\n      {formData && (\n        <FormLayout>\n          {!excludes.includes('title') && (\n            <FormRow label={'Title'} key={'title'}>\n              <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n            </FormRow>\n          )}\n          {!excludes.includes('name') && (\n            <FormRow label={'Name'} key={'name'}>\n              <LockedInput\n                value={formData.name}\n                disabled={!isNew}\n                onSubmit={(v) => setTopLevelData('name', v)}\n                label=\"name\"\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('scope') && (\n            <FormRow label=\"Scope\">\n              <Dropdown\n                options={SCOPE_OPTIONS}\n                disabled={formData.builtin}\n                value={formData.scope || []}\n                onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n                multiSelect\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('type') && (\n            <FormRow label=\"Type\">\n              <Dropdown\n                value={[formData?.data?.type]}\n                disabled={formData.builtin}\n                options={Object.values(TYPE_OPTIONS)}\n                onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n                minSelected={1}\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {dataFields.map((field) => {\n            // skip if field is excluded\n            if (excludes.includes(field)) return null\n\n            let fieldComp = null\n            let fieldLabel = upperFirst(field)\n\n            if (field === 'enum' || field === 'inherit') {\n              const renderer = customFields[field as 'enum' | 'inherit']\n              fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n            } else if (field === 'default' && formData?.data?.type === 'boolean') {\n              fieldComp = customFields['booleanDefault'](\n                formData?.data[field] as boolean,\n                (value) => setData(field, value as AttributeData['default']),\n              )\n            } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n              // ignore gt and lt\n              if (['gt', 'lt'].includes(field)) return null\n              fieldComp = (\n                <MinMaxField\n                  value={formData?.data}\n                  isMin={field === 'ge'}\n                  isFloat={formData?.data?.type === 'float'}\n                  onChange={(v) => {\n                    const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n                    const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n                    if (\n                      // @ts-expect-error\n                      (v.ge !== undefined && isNaN(geValue)) ||\n                      // @ts-expect-error\n                      (v.le !== undefined && isNaN(leValue))\n                    ) {\n                      // Do not update the form if the value is not a valid number\n                      return\n                    }\n\n                    setFormData((d) => {\n                      if (!d || !d.data) return d\n                      const dt = { ...d.data, ...v }\n                      return { ...d, data: dt }\n                    })\n                  }}\n                />\n              )\n\n              // rewrite field to min or max for display label\n              fieldLabel = field === 'ge' ? 'Min' : 'Max'\n            } else {\n              const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const strValue = e.target.value\n                switch (field) {\n                  case 'minLength':\n                  case 'maxLength':\n                  case 'minItems':\n                  case 'maxItems': {\n                    const num = parseInt(strValue, 10)\n                    setData(field, isNaN(num) ? undefined : num)\n                    break\n                  }\n                  default:\n                    // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n                    setData(field, strValue as AttributeData[typeof field])\n                    break\n                }\n              }\n\n              fieldComp = (\n                <InputText\n                  value={String(formData?.data[field] ?? '')}\n                  onChange={handleInputChange}\n                />\n              )\n            }\n\n            return (\n              <FormRow\n                label={fieldLabel}\n                key={field}\n                style={{\n                  alignItems: 'flex-start',\n                }}\n              >\n                {fieldComp}\n              </FormRow>\n            )\n          })}\n          <span>\n            {(internalError || error) && (\n              <span className=\"form-error-text\">{internalError || error}</span>\n            )}\n          </span>\n        </FormLayout>\n      )}\n    </Dialog>\n  )\n}\n"],"names":["jsxs","jsx","_a","_b"],"mappings":"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"}

package/dist/shared/src/components/AttributeEditor/components/MinMaxField.cjs.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const React = require("react");
+const styled = require("styled-components");
+const Field = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: var(--base-gap-small);
+
+  input {
+    width: 100%;
+  }
+`;
+const MinMaxField = ({ value = {}, isMin, isFloat = false, onChange }) => {
+  const { le, lt, ge, gt } = value;
+  const min = ge ?? gt;
+  const max = le ?? lt;
+  const inputRef = React.useRef(null);
+  const fieldValue = isMin ? min : max;
+  const fieldKey = isMin ? "g" : "l";
+  const equalsKey = fieldKey + "e";
+  const moreThanKey = fieldKey + "t";
+  const [isEqual, setIsEqual] = React.useState(value[equalsKey] != void 0 || !isFloat);
+  React.useEffect(() => {
+    var _a;
+    if (!isFloat) {
+      onChange({ [equalsKey]: (_a = parseInt(String(fieldValue))) == null ? void 0 : _a.toString(), [moreThanKey]: void 0 });
+      setIsEqual(true);
+    } else {
+      if (fieldValue !== void 0) {
+        onChange({ [equalsKey]: String(fieldValue), [moreThanKey]: void 0 });
+      }
+      setIsEqual(true);
+    }
+  }, [isFloat]);
+  const handleOnChange = (e) => {
+    const inputValue = e.target.value;
+    if (isFloat) {
+      if (isEqual) {
+        onChange({ [equalsKey]: inputValue, [moreThanKey]: void 0 });
+      } else {
+        onChange({ [equalsKey]: void 0, [moreThanKey]: inputValue });
+      }
+    } else {
+      onChange({ [equalsKey]: inputValue, [moreThanKey]: void 0 });
+    }
+    if (inputRef.current) {
+      inputRef.current.setCustomValidity("");
+    }
+  };
+  const handleEqualsSwitch = () => {
+    const newIsEqual = !isEqual;
+    setIsEqual(newIsEqual);
+    if (newIsEqual) {
+      onChange({ [moreThanKey]: void 0, [equalsKey]: fieldValue });
+    } else {
+      onChange({ [moreThanKey]: fieldValue, [equalsKey]: void 0 });
+    }
+  };
+  const greaterOrLess = isMin ? "greater" : "less";
+  const greaterOrLessIcon = isMin ? ">" : "<";
+  const greaterOrLessEqualsIcon = isMin ? "≥" : "≤";
+  const equalsToolTip = `Determines if the value should be '${greaterOrLess} than or equal to' (${greaterOrLessEqualsIcon}) or 'strictly ${greaterOrLess} than' (${greaterOrLessIcon}). Currently: ${isEqual ? greaterOrLessEqualsIcon : greaterOrLessIcon}`;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Field, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ayonReactComponents.InputNumber,
+      {
+        value: fieldValue === void 0 ? "" : fieldValue,
+        onChange: handleOnChange,
+        step: isFloat ? "any" : 1,
+        min: isMin ? void 0 : min,
+        max: isMin ? max : void 0,
+        ref: inputRef
+      }
+    ),
+    isFloat && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ayonReactComponents.Button,
+      {
+        label: greaterOrLessEqualsIcon,
+        selected: isEqual,
+        onClick: handleEqualsSwitch,
+        "data-tooltip": equalsToolTip,
+        "data-tooltip-delay": 0
+      }
+    )
+  ] });
+};
+exports.MinMaxField = MinMaxField;
+//# sourceMappingURL=MinMaxField.cjs.js.map

package/dist/shared/src/components/AttributeEditor/components/MinMaxField.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinMaxField.cjs.js","sources":["../../../../../../src/components/AttributeEditor/components/MinMaxField.tsx"],"sourcesContent":["import { Button, InputNumber } from '@ynput/ayon-react-components'\nimport { useEffect, useRef, useState, ChangeEvent, RefObject } from 'react'\nimport styled from 'styled-components'\n\nconst Field = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: var(--base-gap-small);\n\n  input {\n    width: 100%;\n  }\n`\n\ninterface ValueObject {\n  le?: number\n  lt?: number\n  ge?: number\n  gt?: number\n}\n\nexport interface MinMaxFieldProps {\n  value?: ValueObject\n  isMin: boolean\n  isFloat?: boolean\n  onChange: (newValue: ValueObject) => void\n}\n\nexport const MinMaxField = ({ value = {}, isMin, isFloat = false, onChange }: MinMaxFieldProps) => {\n  const { le, lt, ge, gt } = value\n  const min = ge ?? gt\n  const max = le ?? lt\n  const inputRef: RefObject<HTMLInputElement> = useRef(null)\n\n  const fieldValue = isMin ? min : max\n  const fieldKey = isMin ? 'g' : 'l'\n  const equalsKey = (fieldKey + 'e') as 'ge' | 'le'\n  const moreThanKey = fieldKey + 't'\n\n  const [isEqual, setIsEqual] = useState(value[equalsKey] != undefined || !isFloat)\n\n  //   when changing from float to integer\n  //   ensure all values are equals: ge or le\n  // convert all values to integers\n  useEffect(() => {\n    if (!isFloat) {\n      onChange({ [equalsKey]: parseInt(String(fieldValue))?.toString(), [moreThanKey]: undefined })\n      setIsEqual(true)\n    } else {\n      // When switching to float, if there's a value, ensure it's set with 'equals'\n      // and it's a string for the input.\n      if (fieldValue !== undefined) {\n        onChange({ [equalsKey]: String(fieldValue), [moreThanKey]: undefined })\n      }\n      setIsEqual(true)\n    }\n  }, [isFloat])\n\n  const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value\n    if (isFloat) {\n      if (isEqual) {\n        onChange({ [equalsKey]: inputValue, [moreThanKey]: undefined })\n      } else {\n        onChange({ [equalsKey]: undefined, [moreThanKey]: inputValue })\n      }\n    } else {\n      onChange({ [equalsKey]: inputValue, [moreThanKey]: undefined })\n    }\n\n    // clear custom validity\n    if (inputRef.current) {\n      inputRef.current.setCustomValidity('')\n    }\n  }\n\n  const handleEqualsSwitch = () => {\n    const newIsEqual = !isEqual\n    setIsEqual(newIsEqual)\n    if (newIsEqual) {\n      onChange({ [moreThanKey]: undefined, [equalsKey]: fieldValue })\n    } else {\n      onChange({ [moreThanKey]: fieldValue, [equalsKey]: undefined })\n    }\n  }\n\n  const greaterOrLess = isMin ? 'greater' : 'less'\n  const greaterOrLessIcon = isMin ? '>' : '<'\n  const greaterOrLessEqualsIcon = isMin ? '≥' : '≤'\n  const equalsToolTip = `Determines if the value should be '${greaterOrLess} than or equal to' (${greaterOrLessEqualsIcon}) or 'strictly ${greaterOrLess} than' (${greaterOrLessIcon}). Currently: ${\n    isEqual ? greaterOrLessEqualsIcon : greaterOrLessIcon\n  }`\n\n  return (\n    <Field>\n      <InputNumber\n        value={fieldValue === undefined ? '' : fieldValue}\n        onChange={handleOnChange}\n        step={isFloat ? 'any' : 1}\n        min={isMin ? undefined : min}\n        max={isMin ? max : undefined}\n        ref={inputRef}\n      />\n      {isFloat && (\n        <Button\n          label={greaterOrLessEqualsIcon}\n          selected={isEqual}\n          onClick={handleEqualsSwitch}\n          data-tooltip={equalsToolTip}\n          data-tooltip-delay={0}\n        />\n      )}\n    </Field>\n  )\n}\n"],"names":["useRef","useState","useEffect","jsx","InputNumber","Button"],"mappings":";;;;;;AAIA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BR,MAAA,cAAc,CAAC,EAAE,QAAQ,IAAI,OAAO,UAAU,OAAO,eAAiC;AACjG,QAAM,EAAE,IAAI,IAAI,IAAI,GAAO,IAAA;AAC3B,QAAM,MAAM,MAAM;AAClB,QAAM,MAAM,MAAM;AACZ,QAAA,WAAwCA,aAAO,IAAI;AAEnD,QAAA,aAAa,QAAQ,MAAM;AAC3B,QAAA,WAAW,QAAQ,MAAM;AAC/B,QAAM,YAAa,WAAW;AAC9B,QAAM,cAAc,WAAW;AAEzB,QAAA,CAAC,SAAS,UAAU,IAAIC,MAAA,SAAS,MAAM,SAAS,KAAK,UAAa,CAAC,OAAO;AAKhFC,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,SAAS;AACZ,eAAS,EAAE,CAAC,SAAS,IAAG,cAAS,OAAO,UAAU,CAAC,MAA3B,mBAA8B,YAAY,CAAC,WAAW,GAAG,QAAW;AAC5F,iBAAW,IAAI;AAAA,IAAA,OACV;AAGL,UAAI,eAAe,QAAW;AACnB,iBAAA,EAAE,CAAC,SAAS,GAAG,OAAO,UAAU,GAAG,CAAC,WAAW,GAAG,QAAW;AAAA,MAAA;AAExE,iBAAW,IAAI;AAAA,IAAA;AAAA,EACjB,GACC,CAAC,OAAO,CAAC;AAEN,QAAA,iBAAiB,CAAC,MAAqC;AACrD,UAAA,aAAa,EAAE,OAAO;AAC5B,QAAI,SAAS;AACX,UAAI,SAAS;AACF,iBAAA,EAAE,CAAC,SAAS,GAAG,YAAY,CAAC,WAAW,GAAG,QAAW;AAAA,MAAA,OACzD;AACI,iBAAA,EAAE,CAAC,SAAS,GAAG,QAAW,CAAC,WAAW,GAAG,YAAY;AAAA,MAAA;AAAA,IAChE,OACK;AACI,eAAA,EAAE,CAAC,SAAS,GAAG,YAAY,CAAC,WAAW,GAAG,QAAW;AAAA,IAAA;AAIhE,QAAI,SAAS,SAAS;AACX,eAAA,QAAQ,kBAAkB,EAAE;AAAA,IAAA;AAAA,EAEzC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,UAAM,aAAa,CAAC;AACpB,eAAW,UAAU;AACrB,QAAI,YAAY;AACL,eAAA,EAAE,CAAC,WAAW,GAAG,QAAW,CAAC,SAAS,GAAG,YAAY;AAAA,IAAA,OACzD;AACI,eAAA,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,SAAS,GAAG,QAAW;AAAA,IAAA;AAAA,EAElE;AAEM,QAAA,gBAAgB,QAAQ,YAAY;AACpC,QAAA,oBAAoB,QAAQ,MAAM;AAClC,QAAA,0BAA0B,QAAQ,MAAM;AAC9C,QAAM,gBAAgB,sCAAsC,aAAa,uBAAuB,uBAAuB,kBAAkB,aAAa,WAAW,iBAAiB,iBAChL,UAAU,0BAA0B,iBACtC;AAEA,2DACG,OACC,EAAA,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,OAAO,eAAe,SAAY,KAAK;AAAA,QACvC,UAAU;AAAA,QACV,MAAM,UAAU,QAAQ;AAAA,QACxB,KAAK,QAAQ,SAAY;AAAA,QACzB,KAAK,QAAQ,MAAM;AAAA,QACnB,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACC,WACCD,2BAAA,kBAAA;AAAA,MAACE,oBAAA;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,gBAAc;AAAA,QACd,sBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GAEJ;AAEJ;;"}

package/dist/shared/src/components/AttributeEditor/components/MinMaxField.es.js

@@ -0,0 +1,93 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { InputNumber, Button } from "@ynput/ayon-react-components";
+import { useRef, useState, useEffect } from "react";
+import styled from "styled-components";
+const Field = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: var(--base-gap-small);
+
+  input {
+    width: 100%;
+  }
+`;
+const MinMaxField = ({ value = {}, isMin, isFloat = false, onChange }) => {
+  const { le, lt, ge, gt } = value;
+  const min = ge ?? gt;
+  const max = le ?? lt;
+  const inputRef = useRef(null);
+  const fieldValue = isMin ? min : max;
+  const fieldKey = isMin ? "g" : "l";
+  const equalsKey = fieldKey + "e";
+  const moreThanKey = fieldKey + "t";
+  const [isEqual, setIsEqual] = useState(value[equalsKey] != void 0 || !isFloat);
+  useEffect(() => {
+    var _a;
+    if (!isFloat) {
+      onChange({ [equalsKey]: (_a = parseInt(String(fieldValue))) == null ? void 0 : _a.toString(), [moreThanKey]: void 0 });
+      setIsEqual(true);
+    } else {
+      if (fieldValue !== void 0) {
+        onChange({ [equalsKey]: String(fieldValue), [moreThanKey]: void 0 });
+      }
+      setIsEqual(true);
+    }
+  }, [isFloat]);
+  const handleOnChange = (e) => {
+    const inputValue = e.target.value;
+    if (isFloat) {
+      if (isEqual) {
+        onChange({ [equalsKey]: inputValue, [moreThanKey]: void 0 });
+      } else {
+        onChange({ [equalsKey]: void 0, [moreThanKey]: inputValue });
+      }
+    } else {
+      onChange({ [equalsKey]: inputValue, [moreThanKey]: void 0 });
+    }
+    if (inputRef.current) {
+      inputRef.current.setCustomValidity("");
+    }
+  };
+  const handleEqualsSwitch = () => {
+    const newIsEqual = !isEqual;
+    setIsEqual(newIsEqual);
+    if (newIsEqual) {
+      onChange({ [moreThanKey]: void 0, [equalsKey]: fieldValue });
+    } else {
+      onChange({ [moreThanKey]: fieldValue, [equalsKey]: void 0 });
+    }
+  };
+  const greaterOrLess = isMin ? "greater" : "less";
+  const greaterOrLessIcon = isMin ? ">" : "<";
+  const greaterOrLessEqualsIcon = isMin ? "≥" : "≤";
+  const equalsToolTip = `Determines if the value should be '${greaterOrLess} than or equal to' (${greaterOrLessEqualsIcon}) or 'strictly ${greaterOrLess} than' (${greaterOrLessIcon}). Currently: ${isEqual ? greaterOrLessEqualsIcon : greaterOrLessIcon}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      InputNumber,
+      {
+        value: fieldValue === void 0 ? "" : fieldValue,
+        onChange: handleOnChange,
+        step: isFloat ? "any" : 1,
+        min: isMin ? void 0 : min,
+        max: isMin ? max : void 0,
+        ref: inputRef
+      }
+    ),
+    isFloat && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        label: greaterOrLessEqualsIcon,
+        selected: isEqual,
+        onClick: handleEqualsSwitch,
+        "data-tooltip": equalsToolTip,
+        "data-tooltip-delay": 0
+      }
+    )
+  ] });
+};
+export {
+  MinMaxField
+};
+//# sourceMappingURL=MinMaxField.es.js.map

package/dist/shared/src/components/AttributeEditor/components/MinMaxField.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinMaxField.es.js","sources":["../../../../../../src/components/AttributeEditor/components/MinMaxField.tsx"],"sourcesContent":["import { Button, InputNumber } from '@ynput/ayon-react-components'\nimport { useEffect, useRef, useState, ChangeEvent, RefObject } from 'react'\nimport styled from 'styled-components'\n\nconst Field = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: var(--base-gap-small);\n\n  input {\n    width: 100%;\n  }\n`\n\ninterface ValueObject {\n  le?: number\n  lt?: number\n  ge?: number\n  gt?: number\n}\n\nexport interface MinMaxFieldProps {\n  value?: ValueObject\n  isMin: boolean\n  isFloat?: boolean\n  onChange: (newValue: ValueObject) => void\n}\n\nexport const MinMaxField = ({ value = {}, isMin, isFloat = false, onChange }: MinMaxFieldProps) => {\n  const { le, lt, ge, gt } = value\n  const min = ge ?? gt\n  const max = le ?? lt\n  const inputRef: RefObject<HTMLInputElement> = useRef(null)\n\n  const fieldValue = isMin ? min : max\n  const fieldKey = isMin ? 'g' : 'l'\n  const equalsKey = (fieldKey + 'e') as 'ge' | 'le'\n  const moreThanKey = fieldKey + 't'\n\n  const [isEqual, setIsEqual] = useState(value[equalsKey] != undefined || !isFloat)\n\n  //   when changing from float to integer\n  //   ensure all values are equals: ge or le\n  // convert all values to integers\n  useEffect(() => {\n    if (!isFloat) {\n      onChange({ [equalsKey]: parseInt(String(fieldValue))?.toString(), [moreThanKey]: undefined })\n      setIsEqual(true)\n    } else {\n      // When switching to float, if there's a value, ensure it's set with 'equals'\n      // and it's a string for the input.\n      if (fieldValue !== undefined) {\n        onChange({ [equalsKey]: String(fieldValue), [moreThanKey]: undefined })\n      }\n      setIsEqual(true)\n    }\n  }, [isFloat])\n\n  const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value\n    if (isFloat) {\n      if (isEqual) {\n        onChange({ [equalsKey]: inputValue, [moreThanKey]: undefined })\n      } else {\n        onChange({ [equalsKey]: undefined, [moreThanKey]: inputValue })\n      }\n    } else {\n      onChange({ [equalsKey]: inputValue, [moreThanKey]: undefined })\n    }\n\n    // clear custom validity\n    if (inputRef.current) {\n      inputRef.current.setCustomValidity('')\n    }\n  }\n\n  const handleEqualsSwitch = () => {\n    const newIsEqual = !isEqual\n    setIsEqual(newIsEqual)\n    if (newIsEqual) {\n      onChange({ [moreThanKey]: undefined, [equalsKey]: fieldValue })\n    } else {\n      onChange({ [moreThanKey]: fieldValue, [equalsKey]: undefined })\n    }\n  }\n\n  const greaterOrLess = isMin ? 'greater' : 'less'\n  const greaterOrLessIcon = isMin ? '>' : '<'\n  const greaterOrLessEqualsIcon = isMin ? '≥' : '≤'\n  const equalsToolTip = `Determines if the value should be '${greaterOrLess} than or equal to' (${greaterOrLessEqualsIcon}) or 'strictly ${greaterOrLess} than' (${greaterOrLessIcon}). Currently: ${\n    isEqual ? greaterOrLessEqualsIcon : greaterOrLessIcon\n  }`\n\n  return (\n    <Field>\n      <InputNumber\n        value={fieldValue === undefined ? '' : fieldValue}\n        onChange={handleOnChange}\n        step={isFloat ? 'any' : 1}\n        min={isMin ? undefined : min}\n        max={isMin ? max : undefined}\n        ref={inputRef}\n      />\n      {isFloat && (\n        <Button\n          label={greaterOrLessEqualsIcon}\n          selected={isEqual}\n          onClick={handleEqualsSwitch}\n          data-tooltip={equalsToolTip}\n          data-tooltip-delay={0}\n        />\n      )}\n    </Field>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BR,MAAA,cAAc,CAAC,EAAE,QAAQ,IAAI,OAAO,UAAU,OAAO,eAAiC;AACjG,QAAM,EAAE,IAAI,IAAI,IAAI,GAAO,IAAA;AAC3B,QAAM,MAAM,MAAM;AAClB,QAAM,MAAM,MAAM;AACZ,QAAA,WAAwC,OAAO,IAAI;AAEnD,QAAA,aAAa,QAAQ,MAAM;AAC3B,QAAA,WAAW,QAAQ,MAAM;AAC/B,QAAM,YAAa,WAAW;AAC9B,QAAM,cAAc,WAAW;AAEzB,QAAA,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,SAAS,KAAK,UAAa,CAAC,OAAO;AAKhF,YAAU,MAAM;;AACd,QAAI,CAAC,SAAS;AACZ,eAAS,EAAE,CAAC,SAAS,IAAG,cAAS,OAAO,UAAU,CAAC,MAA3B,mBAA8B,YAAY,CAAC,WAAW,GAAG,QAAW;AAC5F,iBAAW,IAAI;AAAA,IAAA,OACV;AAGL,UAAI,eAAe,QAAW;AACnB,iBAAA,EAAE,CAAC,SAAS,GAAG,OAAO,UAAU,GAAG,CAAC,WAAW,GAAG,QAAW;AAAA,MAAA;AAExE,iBAAW,IAAI;AAAA,IAAA;AAAA,EACjB,GACC,CAAC,OAAO,CAAC;AAEN,QAAA,iBAAiB,CAAC,MAAqC;AACrD,UAAA,aAAa,EAAE,OAAO;AAC5B,QAAI,SAAS;AACX,UAAI,SAAS;AACF,iBAAA,EAAE,CAAC,SAAS,GAAG,YAAY,CAAC,WAAW,GAAG,QAAW;AAAA,MAAA,OACzD;AACI,iBAAA,EAAE,CAAC,SAAS,GAAG,QAAW,CAAC,WAAW,GAAG,YAAY;AAAA,MAAA;AAAA,IAChE,OACK;AACI,eAAA,EAAE,CAAC,SAAS,GAAG,YAAY,CAAC,WAAW,GAAG,QAAW;AAAA,IAAA;AAIhE,QAAI,SAAS,SAAS;AACX,eAAA,QAAQ,kBAAkB,EAAE;AAAA,IAAA;AAAA,EAEzC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,UAAM,aAAa,CAAC;AACpB,eAAW,UAAU;AACrB,QAAI,YAAY;AACL,eAAA,EAAE,CAAC,WAAW,GAAG,QAAW,CAAC,SAAS,GAAG,YAAY;AAAA,IAAA,OACzD;AACI,eAAA,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,SAAS,GAAG,QAAW;AAAA,IAAA;AAAA,EAElE;AAEM,QAAA,gBAAgB,QAAQ,YAAY;AACpC,QAAA,oBAAoB,QAAQ,MAAM;AAClC,QAAA,0BAA0B,QAAQ,MAAM;AAC9C,QAAM,gBAAgB,sCAAsC,aAAa,uBAAuB,uBAAuB,kBAAkB,aAAa,WAAW,iBAAiB,iBAChL,UAAU,0BAA0B,iBACtC;AAEA,gDACG,OACC,EAAA,UAAA;AAAA,IAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,eAAe,SAAY,KAAK;AAAA,QACvC,UAAU;AAAA,QACV,MAAM,UAAU,QAAQ;AAAA,QACxB,KAAK,QAAQ,SAAY;AAAA,QACzB,KAAK,QAAQ,MAAM;AAAA,QACnB,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACC,WACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,gBAAc;AAAA,QACd,sBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GAEJ;AAEJ;"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js

@@ -50,6 +50,10 @@ require("../../api/queries/authentication/getAuthentication.cjs.js");
 const getEntity = require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
+require("../../api/queries/entityLists/getLists.cjs.js");
+require("../../api/queries/entityLists/updateLists.cjs.js");
+require("../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds[0] },\n    { skip: !visible },\n  )\n\n  if (isLoading)\n    if (isError) {\n      toast.error(`Unable to load detail. ${error}`)\n    }\n\n  if (!visible || data.length < 1) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <pre>\n        {!isLoading && !isError && JSON.stringify(data, null, 2)}\n        {isLoading && 'loading...'}\n        {isError && 'error...'}\n      </pre>\n    </Dialog>\n  )\n}\n"],"names":["useGetEntityQuery","toast","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,UAAA;AAAA,IACF,EAAE,aAAa,YAAwB,UAAU,UAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAAC,QAAQ;AAAA,EACnB;AAEI,MAAA,WAAA;AACF,QAAI,SAAS;AACLC,oBAAAA,MAAA,MAAM,0BAA0B,KAAK,EAAE;AAAA,IAAA;AAAA,EAC/C;AAEF,MAAI,CAAC,WAAW,KAAK,SAAS,EAAU,QAAA;AAGtC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAG,UAAU;AAAA,MAErB,4DAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAAC,aAAa,CAAC,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QACtD,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds[0] },\n    { skip: !visible },\n  )\n\n  if (isLoading)\n    if (isError) {\n      toast.error(`Unable to load detail. ${error}`)\n    }\n\n  if (!visible || data.length < 1) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <pre>\n        {!isLoading && !isError && JSON.stringify(data, null, 2)}\n        {isLoading && 'loading...'}\n        {isError && 'error...'}\n      </pre>\n    </Dialog>\n  )\n}\n"],"names":["useGetEntityQuery","toast","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,UAAA;AAAA,IACF,EAAE,aAAa,YAAwB,UAAU,UAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAAC,QAAQ;AAAA,EACnB;AAEI,MAAA,WAAA;AACF,QAAI,SAAS;AACLC,oBAAAA,MAAA,MAAM,0BAA0B,KAAK,EAAE;AAAA,IAAA;AAAA,EAC/C;AAEF,MAAI,CAAC,WAAW,KAAK,SAAS,EAAU,QAAA;AAGtC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAG,UAAU;AAAA,MAErB,4DAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAAC,aAAa,CAAC,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QACtD,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js

@@ -48,6 +48,10 @@ import "../../api/queries/authentication/getAuthentication.es.js";
 import { useGetEntityQuery } from "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";