npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.28 → 0.3.30 - Mend

@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (950) hide show

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

@@ -1,13 +1,19 @@
 import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as D, useEffect as J } from "react";
-import { Dialog as G, FormLayout as X, FormRow as h, InputText as O, LockedInput as Z, Dropdown as _, InputSwitch as T, Button as $, Spacer as H, SaveButton as Q } from "@ynput/ayon-react-components";
-import { camelCase as P, upperFirst as W } from "lodash";
-import { MinMaxField as ee } from "./components/MinMaxField.es.js";
-import { EnumEditor as te } from "../EnumEditor/EnumEditor.es.js";
+import { useState as w, useEffect as W } from "react";
+import { Dialog as X, FormLayout as Z, FormRow as v, InputText as P, LockedInput as $, Dropdown as T, InputSwitch as k, Button as H, Spacer as Q, SaveButton as ee } from "@ynput/ayon-react-components";
+import { camelCase as K, upperFirst as te } from "lodash";
+import { MinMaxField as ae } from "./components/MinMaxField.es.js";
+import { EnumEditor as ne } from "../EnumEditor/EnumEditor.es.js";
 import "../EnumEditor/EnumEditor.styled.es.js";
 import "clsx";
-import { backendToUiType as U, UI_TYPE_FIELDS as ae, UI_TYPE_EXCLUDE as ne, UI_TYPE_OPTIONS as A, uiTypeToBackend as ie } from "./attributeTypeMap.es.js";
-const oe = [
+import { backendToUiType as A, UI_TYPE_FIELDS as ie, UI_TYPE_EXCLUDE as le, UI_TYPE_OPTIONS as S, WIDGET_UNDEFINED_KEY as B, uiTypeToBackend as oe } from "./attributeTypeMap.es.js";
+import se from "styled-components";
+const re = se.div`
+  display: flex;
+  flex-direction: row;
+  gap: var(--base-gap-large);
+  align-items: center;
+`, ce = [
   { value: "project", label: "Project" },
   { value: "folder", label: "Folder" },
   { value: "task", label: "Task" },
@@ -16,16 +22,15 @@ const oe = [
   { value: "representation", label: "Representation" },
   { value: "user", label: "User" },
   { value: "list", label: "List" }
-], le = [
+], de = [
   { value: "description", scope: null },
   { value: "example", scope: null },
-  // @ts-expect-error - project is not a scope?
   { value: "default", scope: ["project"] },
   {
     value: "inherit",
     scope: ["project", "folder", "task", "product", "version", "representation", "user"]
   }
-], se = {
+], ue = {
   name: "",
   scope: ["folder", "task"],
   builtin: !1,
@@ -37,6 +42,7 @@ const oe = [
     example: "",
     default: void 0,
     enum: void 0,
+    widget: void 0,
     minLength: void 0,
     maxLength: void 0,
     regex: "",
@@ -47,88 +53,88 @@ const oe = [
     le: void 0,
     lt: void 0
   }
-}, re = (r, c) => {
-  const s = JSON.parse(JSON.stringify(se)), v = ["name"];
-  Object.keys(s).forEach((o) => {
-    !v.includes(o) && r.includes(o) && o !== "data" && delete s[o];
+}, pe = (r, c) => {
+  const s = JSON.parse(JSON.stringify(ue)), f = ["name"];
+  Object.keys(s).forEach((l) => {
+    !f.includes(l) && r.includes(l) && l !== "data" && delete s[l];
   });
-  const x = ["title"];
-  return s.data && Object.keys(s.data).forEach((o) => {
-    !x.includes(o) && r.includes(o) && delete s.data[o];
-  }), c && Object.keys(c).forEach((o) => {
-    const m = o;
-    m === "data" && c.data && s.data ? s.data = { ...s.data, ...c.data } : c[m] !== void 0 && (s[m] = c[m]);
+  const b = ["title"];
+  return s.data && Object.keys(s.data).forEach((l) => {
+    !b.includes(l) && r.includes(l) && delete s.data[l];
+  }), c && Object.keys(c).forEach((l) => {
+    const p = l;
+    p === "data" && c.data && s.data ? s.data = { ...s.data, ...c.data } : c[p] !== void 0 && (s[p] = c[p]);
   }), s;
-}, ge = ({
+}, Ie = ({
   attribute: r,
   defaultData: c,
   existingNames: s,
-  error: v = "",
-  isUpdating: x,
-  excludes: o = [],
-  onHide: m,
-  onEdit: B,
-  onDelete: k
+  error: f = "",
+  isUpdating: b,
+  excludes: l = [],
+  onHide: p,
+  onEdit: M,
+  onDelete: N
 }) => {
-  const M = c ? {
+  const R = c ? {
     ...c,
-    name: c.name || (c.data?.title ? P(c.data.title) : void 0)
-  } : void 0, j = r || re(o, {
+    name: c.name || (c.data?.title ? K(c.data.title) : void 0)
+  } : void 0, y = r || pe(l, {
     position: s.length,
-    ...M
-  }), [a, y] = D(j), [f, S] = D(
-    () => U(j?.data?.type, j?.data?.enum)
-  ), [N, L] = D(() => j?.data?.type === "float");
-  J(() => {
-    r && (y(r), S(U(r.data?.type, r.data?.enum)), L(r.data?.type === "float"));
+    ...R
+  }), [a, j] = w(y), [m, F] = w(
+    () => A(y?.data?.type, y?.data?.enum)
+  ), [L, O] = w(() => y?.data?.type === "float");
+  W(() => {
+    r && (j(r), F(A(r.data?.type, r.data?.enum)), O(r.data?.type === "float"));
   }, [r]);
-  const p = !r, C = (e, t) => {
-    y((i) => i && { ...i, [e]: t });
+  const h = !r, C = (e, t) => {
+    j((i) => i && { ...i, [e]: t });
   }, d = (e, t) => {
-    y((i) => {
+    j((i) => {
       if (!i || !i.data)
         return i;
-      const l = { ...i.data, [e]: t };
-      return { ...i, data: l };
+      const o = { ...i.data, [e]: t };
+      return { ...i, data: o };
     });
   };
-  let b = "";
-  a && p && (s.includes(a.name) ? b = "This attribute already exists" : a.name.match("^[a-zA-Z_]{2,64}$") || (v = "Invalid attribute name"));
-  const w = () => {
-    a && B(a);
-  }, K = /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
-    k && r && /* @__PURE__ */ n.jsx(
-      $,
+  let g = "";
+  a && h && (s.includes(a.name) ? g = "This attribute already exists" : a.name.match("^[a-zA-Z_]{2,64}$") || (f = "Invalid attribute name"));
+  const _ = () => {
+    a && M(a);
+  }, V = /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
+    N && r && /* @__PURE__ */ n.jsx(
+      H,
       {
         variant: "danger",
         label: "Delete attribute",
         icon: "delete",
-        disabled: x,
-        onClick: k
+        disabled: b,
+        onClick: N
       }
     ),
-    /* @__PURE__ */ n.jsx(H, {}),
+    /* @__PURE__ */ n.jsx(Q, {}),
     /* @__PURE__ */ n.jsx(
-      Q,
+      ee,
       {
-        label: p ? "Create Attribute" : "Save Attribute",
+        label: h ? "Create Attribute" : "Save Attribute",
         icon: "check",
-        disabled: !!b || !a,
-        active: !b && !!a,
-        saving: x,
-        onClick: w
+        disabled: !!g || !a,
+        active: !g && !!a,
+        saving: b,
+        onClick: _
       }
     )
   ] });
   let E = [];
-  le.forEach((e) => {
+  de.forEach((e) => {
     (!e?.scope || e?.scope?.some((t) => a?.scope?.includes(t))) && E.push(e.value);
   });
-  const V = ae[f] ?? [], z = ne[f] ?? [];
-  E = [...E, ...V].filter((e) => !z.includes(e));
-  const F = {
+  const Y = ie[m] ?? [], z = le[m] ?? [];
+  E = [...E, ...Y].filter((e) => !z.includes(e));
+  const U = {
     enum: (e = [], t) => /* @__PURE__ */ n.jsx(
-      te,
+      ne,
       {
         values: e,
         onChange: (i) => {
@@ -137,54 +143,54 @@ const oe = [
       }
     ),
     inherit: (e, t) => /* @__PURE__ */ n.jsx(
-      T,
+      k,
       {
         checked: e,
         onChange: (i) => t(i.target.checked)
       }
     ),
     booleanDefault: (e, t) => /* @__PURE__ */ n.jsx(
-      T,
+      k,
       {
         checked: e,
         onChange: (i) => t(i.target.checked)
       }
     )
-  }, R = (e) => {
+  }, G = (e) => {
     const t = e.target.value;
-    d("title", t), p && C("name", P(t));
-  }, Y = (e) => {
+    d("title", t), h && C("name", K(t));
+  }, q = (e) => {
     const t = e[0];
-    S(t), d("type", ie(t, N)), t !== "select" && t !== "multi_select" && d("enum", void 0), t !== "text" && a?.data?.regex && d("regex", "");
-  };
+    F(t), d("type", oe(t, L)), t !== "select" && t !== "multi_select" && d("enum", void 0), t !== "text" && a?.data?.regex && d("regex", ""), d("widget", void 0);
+  }, D = S.find((e) => e.value === m)?.widgets;
   return /* @__PURE__ */ n.jsx(
-    G,
+    X,
     {
       header: a?.data?.title || a?.name || "New attribute",
-      footer: K,
-      onClose: m,
+      footer: V,
+      onClose: p,
       isOpen: !0,
       style: { width: 700, zIndex: 999 },
       size: "full",
       enableBackdropClose: !1,
       onKeyDown: (e) => {
-        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w());
+        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), _());
       },
-      children: a && /* @__PURE__ */ n.jsxs(X, { children: [
-        !o.includes("title") && /* @__PURE__ */ n.jsx(h, { label: "Title", children: /* @__PURE__ */ n.jsx(O, { value: a?.data.title, onChange: R, autoFocus: !0 }) }, "title"),
-        !o.includes("name") && /* @__PURE__ */ n.jsx(h, { label: "Name", children: /* @__PURE__ */ n.jsx(
-          Z,
+      children: a && /* @__PURE__ */ n.jsxs(Z, { children: [
+        !l.includes("title") && /* @__PURE__ */ n.jsx(v, { label: "Title", children: /* @__PURE__ */ n.jsx(P, { value: a?.data.title, onChange: G, autoFocus: !0 }) }, "title"),
+        !l.includes("name") && /* @__PURE__ */ n.jsx(v, { label: "Name", children: /* @__PURE__ */ n.jsx(
+          $,
           {
             value: a.name,
-            disabled: !p,
+            disabled: !h,
             onSubmit: (e) => C("name", e),
             label: "name"
           }
         ) }, "name"),
-        !o.includes("scope") && /* @__PURE__ */ n.jsx(h, { label: "Scope", children: /* @__PURE__ */ n.jsx(
-          _,
+        !l.includes("scope") && /* @__PURE__ */ n.jsx(v, { label: "Scope", children: /* @__PURE__ */ n.jsx(
+          T,
           {
-            options: oe,
+            options: ce,
             disabled: a.builtin,
             value: a.scope || [],
             onChange: (e) => C("scope", e),
@@ -192,63 +198,79 @@ const oe = [
             widthExpand: !0
           }
         ) }),
-        !o.includes("type") && /* @__PURE__ */ n.jsx(h, { label: "Type", children: /* @__PURE__ */ n.jsx(
-          _,
-          {
-            value: [f],
-            disabled: a.builtin || !p,
-            valueIcon: A.find((e) => e.value === f)?.icon,
-            options: A,
-            onChange: Y,
-            minSelected: 1,
-            widthExpand: !0
-          }
-        ) }),
-        !o.includes("type") && f === "number" && /* @__PURE__ */ n.jsx(h, { label: "Decimal", children: /* @__PURE__ */ n.jsx(
-          T,
+        !l.includes("type") && /* @__PURE__ */ n.jsx(v, { label: "Type", children: /* @__PURE__ */ n.jsxs(re, { children: [
+          /* @__PURE__ */ n.jsx(
+            T,
+            {
+              value: [m],
+              disabled: a.builtin || !h,
+              valueIcon: S.find((e) => e.value === m)?.icon,
+              options: S,
+              onChange: q,
+              minSelected: 1,
+              widthExpand: !0,
+              style: { flex: 1 }
+            }
+          ),
+          D && D.length > 0 && /* @__PURE__ */ n.jsx(
+            T,
+            {
+              value: [
+                a.data.widget || D.find((e) => e.isDefault)?.value || B
+              ],
+              disabled: a.builtin,
+              dataKey: "value",
+              options: D,
+              onChange: (e) => d("widget", e[0] === B ? void 0 : e[0]),
+              style: { flex: 0.5 }
+            }
+          )
+        ] }) }),
+        !l.includes("type") && m === "number" && /* @__PURE__ */ n.jsx(v, { label: "Decimal", children: /* @__PURE__ */ n.jsx(
+          k,
           {
-            checked: N,
-            disabled: a.builtin || !p,
+            checked: L,
+            disabled: a.builtin || !h,
             onChange: (e) => {
               const t = e.target.checked;
-              L(t), d("type", t ? "float" : "integer");
+              O(t), d("type", t ? "float" : "integer");
             }
           }
         ) }),
         E.map((e) => {
-          if (o.includes(e)) return null;
-          let t = null, i = W(e);
+          if (l.includes(e)) return null;
+          let t = null, i = te(e);
           if (e === "enum" || e === "inherit") {
-            const l = F[e];
-            t = l(a?.data[e], (g) => d(e, g));
+            const o = U[e];
+            t = o(a?.data[e], (x) => d(e, x));
           } else if (e === "default" && a?.data?.type === "boolean")
-            t = F.booleanDefault(
+            t = U.booleanDefault(
               a?.data[e],
-              (l) => d(e, l)
+              (o) => d(e, o)
             );
           else if (["ge", "gt", "le", "lt"].includes(e)) {
             if (["gt", "lt"].includes(e)) return null;
             t = /* @__PURE__ */ n.jsx(
-              ee,
+              ae,
               {
                 value: a?.data,
                 isMin: e === "ge",
                 isFloat: a?.data?.type === "float",
-                onChange: (l) => {
-                  const g = l.ge !== void 0 ? Number(l.ge) : void 0, I = l.le !== void 0 ? Number(l.le) : void 0;
+                onChange: (o) => {
+                  const x = o.ge !== void 0 ? Number(o.ge) : void 0, I = o.le !== void 0 ? Number(o.le) : void 0;
                   // @ts-expect-error
-                  l.ge !== void 0 && isNaN(g) || // @ts-expect-error
-                  l.le !== void 0 && isNaN(I) || y((u) => {
+                  o.ge !== void 0 && isNaN(x) || // @ts-expect-error
+                  o.le !== void 0 && isNaN(I) || j((u) => {
                     if (!u || !u.data) return u;
-                    const q = { ...u.data, ...l };
-                    return { ...u, data: q };
+                    const J = { ...u.data, ...o };
+                    return { ...u, data: J };
                   });
                 }
               }
             ), i = e === "ge" ? "Min" : "Max";
           } else {
-            const l = (g) => {
-              const I = g.target.value;
+            const o = (x) => {
+              const I = x.target.value;
               switch (e) {
                 case "minLength":
                 case "maxLength":
@@ -264,15 +286,15 @@ const oe = [
               }
             };
             t = /* @__PURE__ */ n.jsx(
-              O,
+              P,
               {
                 value: String(a?.data[e] ?? ""),
-                onChange: l
+                onChange: o
               }
             );
           }
           return /* @__PURE__ */ n.jsx(
-            h,
+            v,
             {
               label: i,
               style: {
@@ -283,12 +305,12 @@ const oe = [
             e
           );
         }),
-        /* @__PURE__ */ n.jsx("span", { children: (b || v) && /* @__PURE__ */ n.jsx("span", { className: "form-error-text", children: b || v }) })
+        /* @__PURE__ */ n.jsx("span", { children: (g || f) && /* @__PURE__ */ n.jsx("span", { className: "form-error-text", children: g || f }) })
       ] })
     }
   );
 };
 export {
-  ge as AttributeEditor
+  Ie as AttributeEditor
 };
 //# sourceMappingURL=AttributeEditor.es.js.map

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

	@@ -1 +1 @@
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'\nimport {\n UIAttributeType,\n UI_TYPE_OPTIONS,\n UI_TYPE_FIELDS,\n UI_TYPE_EXCLUDE,\n backendToUiType,\n uiTypeToBackend,\n} from './attributeTypeMap'\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 { value: 'list', label: 'List' },\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 {\n value: 'inherit',\n scope: ['project', 'folder', 'task', 'product', 'version', 'representation', 'user'],\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: undefined,\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\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 defaultData?: Partial<AttributeForm>\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 defaultData,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const resolvedDefaultData = defaultData\n ? {\n ...defaultData,\n name:\n defaultData.name \|\|\n (defaultData.data?.title ? camelCase(defaultData.data.title) : undefined),\n }\n : undefined\n\n const initData =\n attribute \|\|\n buildInitFormData(excludes, {\n position: existingNames.length,\n ...resolvedDefaultData,\n })\n\n const [formData, setFormData] = useState<AttributeForm \| null>(initData)\n const [uiType, setUiType] = useState<UIAttributeType>(() =>\n backendToUiType(initData?.data?.type, initData?.data?.enum),\n )\n const [isDecimal, setIsDecimal] = useState<boolean>(() => initData?.data?.type === 'float')\n\n useEffect(() => {\n if (!!attribute) {\n setFormData(attribute)\n setUiType(backendToUiType(attribute.data?.type, attribute.data?.enum))\n setIsDecimal(attribute.data?.type === 'float')\n }\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,64}$')) error = '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 const typeFields = UI_TYPE_FIELDS[uiType] ?? []\n const typeExclude = UI_TYPE_EXCLUDE[uiType] ?? []\n dataFields = [...dataFields, ...typeFields].filter((f) => !typeExclude.includes(f))\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?.length ? val : undefined)\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 const handleUiTypeChange = (v: string[]) => {\n const newUiType = v[0] as UIAttributeType\n setUiType(newUiType)\n setData('type', uiTypeToBackend(newUiType, isDecimal))\n\n // Clear enum when switching away from select/multi_select\n if (newUiType !== 'select' && newUiType !== 'multi_select') {\n setData('enum', undefined)\n }\n // Clear regex if not supported by the new type\n if (newUiType !== 'text' && formData?.data?.regex) {\n setData('regex', '')\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 enableBackdropClose={false}\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={[uiType]}\n disabled={formData.builtin \|\| !isNew}\n valueIcon={UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.icon}\n options={UI_TYPE_OPTIONS}\n onChange={handleUiTypeChange}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && uiType === 'number' && (\n <FormRow label=\"Decimal\">\n <InputSwitch\n checked={isDecimal}\n disabled={formData.builtin \|\| !isNew}\n onChange={(e) => {\n const checked = (e.target as HTMLInputElement).checked\n setIsDecimal(checked)\n setData('type', checked ? 'float' : 'integer')\n }}\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":["SCOPE_OPTIONS","GLOBAL_FIELDS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","defaultData","existingNames","error","isUpdating","onHide","onEdit","onDelete","resolvedDefaultData","camelCase","initData","setFormData","useState","uiType","setUiType","backendToUiType","isDecimal","setIsDecimal","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","s","typeFields","UI_TYPE_FIELDS","typeExclude","UI_TYPE_EXCLUDE","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","handleUiTypeChange","newUiType","uiTypeToBackend","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","UI_TYPE_OPTIONS","o","checked","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}
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 } from '@shared/api'\nimport {\n UIAttributeType,\n UI_TYPE_OPTIONS,\n UI_TYPE_FIELDS,\n UI_TYPE_EXCLUDE,\n backendToUiType,\n uiTypeToBackend,\n WIDGET_UNDEFINED_KEY,\n} from './attributeTypeMap'\nimport styled from 'styled-components'\n\nconst RowFieldGroup = styled.div`\n display: flex;\n flex-direction: row;\n gap: var(--base-gap-large);\n align-items: center;\n`\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 { value: 'list', label: 'List' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: NonNullable<AttributeModel['scope']>[number][] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n { value: 'default', scope: ['project'] },\n {\n value: 'inherit',\n scope: ['project', 'folder', 'task', 'product', 'version', 'representation', 'user'],\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: undefined,\n widget: undefined,\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\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 defaultData?: Partial<AttributeForm>\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 defaultData,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const resolvedDefaultData = defaultData\n ? {\n ...defaultData,\n name:\n defaultData.name \|\|\n (defaultData.data?.title ? camelCase(defaultData.data.title) : undefined),\n }\n : undefined\n\n const initData =\n attribute \|\|\n buildInitFormData(excludes, {\n position: existingNames.length,\n ...resolvedDefaultData,\n })\n\n const [formData, setFormData] = useState<AttributeForm \| null>(initData)\n const [uiType, setUiType] = useState<UIAttributeType>(() =>\n backendToUiType(initData?.data?.type, initData?.data?.enum),\n )\n const [isDecimal, setIsDecimal] = useState<boolean>(() => initData?.data?.type === 'float')\n\n useEffect(() => {\n if (!!attribute) {\n setFormData(attribute)\n setUiType(backendToUiType(attribute.data?.type, attribute.data?.enum))\n setIsDecimal(attribute.data?.type === 'float')\n }\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,64}$')) error = '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 if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n const typeFields = UI_TYPE_FIELDS[uiType] ?? []\n const typeExclude = UI_TYPE_EXCLUDE[uiType] ?? []\n dataFields = [...dataFields, ...typeFields].filter((f) => !typeExclude.includes(f))\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}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\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 const handleUiTypeChange = (v: string[]) => {\n const newUiType = v[0] as UIAttributeType\n setUiType(newUiType)\n setData('type', uiTypeToBackend(newUiType, isDecimal))\n\n // Clear enum when switching away from select/multi_select\n if (newUiType !== 'select' && newUiType !== 'multi_select') {\n setData('enum', undefined)\n }\n // Clear regex if not supported by the new type\n if (newUiType !== 'text' && formData?.data?.regex) {\n setData('regex', '')\n }\n\n // Clear widget\n setData('widget', undefined)\n }\n\n const selectedOption = UI_TYPE_OPTIONS.find((o) => o.value === uiType)\n const widgets = selectedOption?.widgets\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 enableBackdropClose={false}\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 <RowFieldGroup>\n <Dropdown\n value={[uiType]}\n disabled={formData.builtin \|\| !isNew}\n valueIcon={UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.icon}\n options={UI_TYPE_OPTIONS}\n onChange={handleUiTypeChange}\n minSelected={1}\n widthExpand\n style={{ flex: 1 }}\n />\n {widgets && widgets.length > 0 && (\n <Dropdown\n value={[\n formData.data.widget \|\|\n widgets.find((w) => w.isDefault)?.value \|\|\n WIDGET_UNDEFINED_KEY,\n ]}\n disabled={formData.builtin}\n dataKey=\"value\"\n options={widgets}\n onChange={(v) =>\n setData('widget', v[0] === WIDGET_UNDEFINED_KEY ? undefined : v[0])\n }\n style={{ flex: 0.5 }}\n />\n )}\n </RowFieldGroup>\n </FormRow>\n )}\n {!excludes.includes('type') && uiType === 'number' && (\n <FormRow label=\"Decimal\">\n <InputSwitch\n checked={isDecimal}\n disabled={formData.builtin \|\| !isNew}\n onChange={(e) => {\n const checked = (e.target as HTMLInputElement).checked\n setIsDecimal(checked)\n setData('type', checked ? 'float' : 'integer')\n }}\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: string = 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":["RowFieldGroup","styled","SCOPE_OPTIONS","GLOBAL_FIELDS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","defaultData","existingNames","error","isUpdating","onHide","onEdit","onDelete","resolvedDefaultData","camelCase","initData","setFormData","useState","uiType","setUiType","backendToUiType","isDecimal","setIsDecimal","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","s","typeFields","UI_TYPE_FIELDS","typeExclude","UI_TYPE_EXCLUDE","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","handleUiTypeChange","newUiType","uiTypeToBackend","widgets","UI_TYPE_OPTIONS","o","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","w","WIDGET_UNDEFINED_KEY","checked","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":";;;;;;;;;;AA4BA,MAAMA,KAAgBC,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,KAAgB;AAAA,EACpB,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,EAC1B,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,kBAAkB,OAAO,iBAAA;AAAA,EAClC,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAC1B,GAQMC,KAAoC;AAAA,EACxC,EAAE,OAAO,eAAe,OAAO,KAAA;AAAA,EAC/B,EAAE,OAAO,WAAW,OAAO,KAAA;AAAA,EAC3B,EAAE,OAAO,WAAW,OAAO,CAAC,SAAS,EAAA;AAAA,EACrC;AAAA,IACE,OAAO;AAAA,IACP,OAAO,CAAC,WAAW,UAAU,QAAQ,WAAW,WAAW,kBAAkB,MAAM;AAAA,EAAA;AAEvF,GAOMC,KAA8B;AAAA,EAClC,MAAM;AAAA,EACN,OAAO,CAAC,UAAU,MAAM;AAAA,EACxB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAER,GAGMC,KAAoB,CAACC,GAAoBC,MAAkC;AAE/E,QAAMC,IAAW,KAAK,MAAM,KAAK,UAAUJ,EAAY,CAAC,GAGlDK,IAAW,CAAC,MAAM;AACxB,SAAO,KAAKD,CAAQ,EAAE,QAAQ,CAACE,MAAQ;AACrC,IACE,CAACD,EAAS,SAASC,CAAG,KACtBJ,EAAS,SAASI,CAAyC,KAC3DA,MAAQ,UAER,OAAOF,EAASE,CAA0B;AAAA,EAE9C,CAAC;AAGD,QAAMC,IAAe,CAAC,OAAO;AAC7B,SAAIH,EAAS,QACX,OAAO,KAAKA,EAAS,IAAI,EAAE,QAAQ,CAACE,MAAQ;AAC1C,IAAI,CAACC,EAAa,SAASD,CAAG,KAAKJ,EAAS,SAASI,CAA0B,KAC7E,OAAOF,EAAS,KAAKE,CAA0B;AAAA,EAEnD,CAAC,GAICH,KAEF,OAAO,KAAKA,CAAI,EAAE,QAAQ,CAACG,MAAQ;AACjC,UAAME,IAAWF;AAEjB,IAAIE,MAAa,UAAUL,EAAK,QAAQC,EAAS,OAE/CA,EAAS,OAAO,EAAE,GAAGA,EAAS,MAAM,GAAGD,EAAK,KAAA,IACnCA,EAAKK,CAAQ,MAAM,WAE5BJ,EAASI,CAAQ,IAAIL,EAAKK,CAAQ;AAAA,EAEtC,CAAC,GAGIJ;AACT,GAcaK,KAA4C,CAAC;AAAA,EACxD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC;AAAA,EACA,UAAAZ,IAAW,CAAA;AAAA,EACX,QAAAa;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAsBP,IACxB;AAAA,IACE,GAAGA;AAAA,IACH,MACEA,EAAY,SACXA,EAAY,MAAM,QAAQQ,EAAUR,EAAY,KAAK,KAAK,IAAI;AAAA,EAAA,IAEnE,QAEES,IACJV,KACAT,GAAkBC,GAAU;AAAA,IAC1B,UAAUU,EAAc;AAAA,IACxB,GAAGM;AAAA,EAAA,CACJ,GAEG,CAACd,GAAUiB,CAAW,IAAIC,EAA+BF,CAAQ,GACjE,CAACG,GAAQC,CAAS,IAAIF;AAAA,IAA0B,MACpDG,EAAgBL,GAAU,MAAM,MAAMA,GAAU,MAAM,IAAI;AAAA,EAAA,GAEtD,CAACM,GAAWC,CAAY,IAAIL,EAAkB,MAAMF,GAAU,MAAM,SAAS,OAAO;AAE1F,EAAAQ,EAAU,MAAM;AACd,IAAMlB,MACJW,EAAYX,CAAS,GACrBc,EAAUC,EAAgBf,EAAU,MAAM,MAAMA,EAAU,MAAM,IAAI,CAAC,GACrEiB,EAAajB,EAAU,MAAM,SAAS,OAAO;AAAA,EAEjD,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMmB,IAAQ,CAACnB,GAGToB,IAAkB,CACtBxB,GACAyB,MACG;AACH,IAAAV,EAAY,CAACW,MACNA,KAGE,EAAE,GAAGA,GAAG,CAAC1B,CAAG,GAAGyB,EAAA,CACvB;AAAA,EACH,GAGME,IAAU,CAAgC3B,GAAQyB,MAA4B;AAClF,IAAAV,EAAY,CAACW,MAAM;AAEjB,UAAI,CAACA,KAAK,CAACA,EAAE;AACX,eAAOA;AAET,YAAME,IAAK,EAAE,GAAGF,EAAE,MAAM,CAAC1B,CAAG,GAAGyB,EAAA;AAC/B,aAAO,EAAE,GAAGC,GAAG,MAAME,EAAA;AAAA,IACvB,CAAC;AAAA,EACH;AAEA,MAAIC,IAAgB;AACpB,EAAI/B,KACEyB,MACEjB,EAAc,SAASR,EAAS,IAAI,IAAG+B,IAAgB,kCACjD/B,EAAS,KAAK,MAAM,mBAAmB,MAAGS,IAAQ;AAIhE,QAAMuB,IAAe,MAAM;AACzB,IAAIhC,KACFY,EAAOZ,CAAQ;AAAA,EAEnB,GAEMiC,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,OAAO,QAAQ,eAAe,MAAA,GAC1D,UAAA;AAAA,IAAArB,KAAYP,KACX6B,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU1B;AAAA,QACV,SAASG;AAAA,MAAA;AAAA,IAAA;AAAA,0BAGZwB,GAAA,EAAO;AAAA,IACRF,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAOb,IAAQ,qBAAqB;AAAA,QACpC,MAAM;AAAA,QACN,UAAU,CAAC,CAACM,KAAiB,CAAC/B;AAAA,QAC9B,QAAQ,CAAC+B,KAAiB,CAAC,CAAC/B;AAAA,QAC5B,QAAQU;AAAA,QACR,SAASsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACF;AAGF,MAAIO,IAAsC,CAAA;AAG1C,EAAA5C,GAAc,QAAQ,CAAC6C,MAAgB;AACrC,KAAI,CAACA,GAAa,SAASA,GAAa,OAAO,KAAK,CAACC,MAAMzC,GAAU,OAAO,SAASyC,CAAC,CAAC,MACrFF,EAAW,KAAKC,EAAY,KAAK;AAAA,EAErC,CAAC;AAED,QAAME,IAAaC,GAAexB,CAAM,KAAK,CAAA,GACvCyB,IAAcC,GAAgB1B,CAAM,KAAK,CAAA;AAC/C,EAAAoB,IAAa,CAAC,GAAGA,GAAY,GAAGG,CAAU,EAAE,OAAO,CAACI,MAAM,CAACF,EAAY,SAASE,CAAC,CAAC;AAGlF,QAAMC,IAIF;AAAA,IACF,MAAM,CAACpB,IAAQ,CAAA,GAAIqB,MACjBb,gBAAAA,EAAAA;AAAAA,MAACc;AAAA,MAAA;AAAA,QACC,QAAQtB;AAAA,QACR,UAAU,CAACuB,MAAQ;AACjB,UAAAF,EAASE,GAAK,SAASA,IAAM,MAAS;AAAA,QACxC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,SAAS,CAACvB,GAAOqB,MACfb,gBAAAA,EAAAA;AAAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAASxB;AAAA,QACT,UAAU,CAACyB,MAAMJ,EAAUI,EAAE,OAA4B,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpE,gBAAgB,CAACzB,GAAOqB,MACtBb,gBAAAA,EAAAA;AAAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAASxB;AAAA,QACT,UAAU,CAACyB,MAAMJ,EAAUI,EAAE,OAA4B,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAClE,GAIEC,IAAoB,CAAC,MAAyB;AAClD,UAAMC,IAAK,EAAE,OAA4B;AACzC,IAAAzB,EAAQ,SAASyB,CAAC,GAEd7B,KACFC,EAAgB,QAAQX,EAAUuC,CAAC,CAAC;AAAA,EAExC,GAEMC,IAAqB,CAACD,MAAgB;AAC1C,UAAME,IAAYF,EAAE,CAAC;AACrB,IAAAlC,EAAUoC,CAAS,GACnB3B,EAAQ,QAAQ4B,GAAgBD,GAAWlC,CAAS,CAAC,GAGjDkC,MAAc,YAAYA,MAAc,kBAC1C3B,EAAQ,QAAQ,MAAS,GAGvB2B,MAAc,UAAUxD,GAAU,MAAM,SAC1C6B,EAAQ,SAAS,EAAE,GAIrBA,EAAQ,UAAU,MAAS;AAAA,EAC7B,GAGM6B,IADiBC,EAAgB,KAAK,CAACC,MAAMA,EAAE,UAAUzC,CAAM,GACrC;AAEhC,SACEgB,gBAAAA,EAAAA;AAAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,QAAQ7D,GAAU,MAAM,SAASA,GAAU,QAAQ;AAAA,MACnD,QAAAiC;AAAA,MACA,SAAStB;AAAA,MACT,QAAQ;AAAA,MACR,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAA;AAAA,MAC7B,MAAK;AAAA,MACL,qBAAqB;AAAA,MACrB,WAAW,CAAC,MAA2C;AACrD,QAAI,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,aACvC,EAAE,eAAA,GACFqB,EAAA;AAAA,MAEJ;AAAA,MAEC,UAAAhC,4BACE8D,GAAA,EACE,UAAA;AAAA,QAAA,CAAChE,EAAS,SAAS,OAAO,2BACxBiE,GAAA,EAAQ,OAAO,SACd,UAAA5B,gBAAAA,MAAC6B,GAAA,EAAU,OAAOhE,GAAU,KAAK,OAAU,UAAUqD,GAAmB,WAAS,IAAC,KADtD,OAE9B;AAAA,QAED,CAACvD,EAAS,SAAS,MAAM,KACxBqC,gBAAAA,EAAAA,IAAC4B,GAAA,EAAQ,OAAO,QACd,UAAA5B,gBAAAA,EAAAA;AAAAA,UAAC8B;AAAA,UAAA;AAAA,YACC,OAAOjE,EAAS;AAAA,YAChB,UAAU,CAACyB;AAAA,YACX,UAAU,CAAC6B,MAAM5B,EAAgB,QAAQ4B,CAAC;AAAA,YAC1C,OAAM;AAAA,UAAA;AAAA,QAAA,KALmB,MAO7B;AAAA,QAED,CAACxD,EAAS,SAAS,OAAO,KACzBqC,gBAAAA,EAAAA,IAAC4B,GAAA,EAAQ,OAAM,SACb,UAAA5B,gBAAAA,EAAAA;AAAAA,UAAC+B;AAAA,UAAA;AAAA,YACC,SAASxE;AAAA,YACT,UAAUM,EAAS;AAAA,YACnB,OAAOA,EAAS,SAAS,CAAA;AAAA,YACzB,UAAU,CAACsD,MAAM5B,EAAgB,SAAS4B,CAA4B;AAAA,YACtE,aAAW;AAAA,YACX,aAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAED,CAACxD,EAAS,SAAS,MAAM,2BACvBiE,GAAA,EAAQ,OAAM,QACb,UAAA7B,gBAAAA,EAAAA,KAAC1C,IAAA,EACC,UAAA;AAAA,UAAA2C,gBAAAA,EAAAA;AAAAA,YAAC+B;AAAA,YAAA;AAAA,cACC,OAAO,CAAC/C,CAAM;AAAA,cACd,UAAUnB,EAAS,WAAW,CAACyB;AAAA,cAC/B,WAAWkC,EAAgB,KAAK,CAACC,MAAMA,EAAE,UAAUzC,CAAM,GAAG;AAAA,cAC5D,SAASwC;AAAA,cACT,UAAUJ;AAAA,cACV,aAAa;AAAA,cACb,aAAW;AAAA,cACX,OAAO,EAAE,MAAM,EAAA;AAAA,YAAE;AAAA,UAAA;AAAA,UAElBG,KAAWA,EAAQ,SAAS,KAC3BvB,gBAAAA,EAAAA;AAAAA,YAAC+B;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACLlE,EAAS,KAAK,UACZ0D,EAAQ,KAAK,CAACS,MAAMA,EAAE,SAAS,GAAG,SAClCC;AAAA,cAAA;AAAA,cAEJ,UAAUpE,EAAS;AAAA,cACnB,SAAQ;AAAA,cACR,SAAS0D;AAAA,cACT,UAAU,CAACJ,MACTzB,EAAQ,UAAUyB,EAAE,CAAC,MAAMc,IAAuB,SAAYd,EAAE,CAAC,CAAC;AAAA,cAEpE,OAAO,EAAE,MAAM,IAAA;AAAA,YAAI;AAAA,UAAA;AAAA,QACrB,EAAA,CAEJ,EAAA,CACF;AAAA,QAED,CAACxD,EAAS,SAAS,MAAM,KAAKqB,MAAW,YACxCgB,gBAAAA,EAAAA,IAAC4B,GAAA,EAAQ,OAAM,WACb,UAAA5B,gBAAAA,EAAAA;AAAAA,UAACgB;AAAA,UAAA;AAAA,YACC,SAAS7B;AAAA,YACT,UAAUtB,EAAS,WAAW,CAACyB;AAAA,YAC/B,UAAU,CAAC,MAAM;AACf,oBAAM4C,IAAW,EAAE,OAA4B;AAC/C,cAAA9C,EAAa8C,CAAO,GACpBxC,EAAQ,QAAQwC,IAAU,UAAU,SAAS;AAAA,YAC/C;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAED9B,EAAW,IAAI,CAAC+B,MAAU;AAEzB,cAAIxE,EAAS,SAASwE,CAAK,EAAG,QAAO;AAErC,cAAIC,IAAY,MACZC,IAAqBC,GAAWH,CAAK;AAEzC,cAAIA,MAAU,UAAUA,MAAU,WAAW;AAC3C,kBAAMI,IAAW3B,EAAauB,CAA2B;AACzD,YAAAC,IAAYG,EAAS1E,GAAU,KAAKsE,CAAK,GAAG,CAAC3C,MAAUE,EAAQyC,GAAO3C,CAAK,CAAC;AAAA,UAC9E,WAAW2C,MAAU,aAAatE,GAAU,MAAM,SAAS;AACzD,YAAAuE,IAAYxB,EAAa;AAAA,cACvB/C,GAAU,KAAKsE,CAAK;AAAA,cACpB,CAAC3C,MAAUE,EAAQyC,GAAO3C,CAAiC;AAAA,YAAA;AAAA,mBAEpD,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS2C,CAAK,GAAG;AAEnD,gBAAI,CAAC,MAAM,IAAI,EAAE,SAASA,CAAK,EAAG,QAAO;AACzC,YAAAC,IACEpC,gBAAAA,EAAAA;AAAAA,cAACwC;AAAA,cAAA;AAAA,gBACC,OAAO3E,GAAU;AAAA,gBACjB,OAAOsE,MAAU;AAAA,gBACjB,SAAStE,GAAU,MAAM,SAAS;AAAA,gBAClC,UAAU,CAACsD,MAAM;AACf,wBAAMsB,IAAUtB,EAAE,OAAO,SAAY,OAAOA,EAAE,EAAE,IAAI,QAC9CuB,IAAUvB,EAAE,OAAO,SAAY,OAAOA,EAAE,EAAE,IAAI;AAEpD;AAAA,kBAEGA,EAAE,OAAO,UAAa,MAAMsB,CAAO;AAAA,kBAEnCtB,EAAE,OAAO,UAAa,MAAMuB,CAAO,KAMtC5D,EAAY,CAACW,MAAM;AACjB,wBAAI,CAACA,KAAK,CAACA,EAAE,KAAM,QAAOA;AAC1B,0BAAME,IAAK,EAAE,GAAGF,EAAE,MAAM,GAAG0B,EAAA;AAC3B,2BAAO,EAAE,GAAG1B,GAAG,MAAME,EAAA;AAAA,kBACvB,CAAC;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA,GAKJ0C,IAAaF,MAAU,OAAO,QAAQ;AAAA,UACxC,OAAO;AACL,kBAAMQ,IAAoB,CAAC1B,MAA2C;AACpE,oBAAM2B,IAAW3B,EAAE,OAAO;AAC1B,sBAAQkB,GAAA;AAAA,gBACN,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,KAAK,YAAY;AACf,wBAAMU,IAAM,SAASD,GAAU,EAAE;AACjC,kBAAAlD,EAAQyC,GAAO,MAAMU,CAAG,IAAI,SAAYA,CAAG;AAC3C;AAAA,gBACF;AAAA,gBACA;AAEE,kBAAAnD,EAAQyC,GAAOS,CAAuC;AACtD;AAAA,cAAA;AAAA,YAEN;AAEA,YAAAR,IACEpC,gBAAAA,EAAAA;AAAAA,cAAC6B;AAAA,cAAA;AAAA,gBACC,OAAO,OAAOhE,GAAU,KAAKsE,CAAK,KAAK,EAAE;AAAA,gBACzC,UAAUQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAGhB;AAEA,iBACE3C,gBAAAA,EAAAA;AAAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,OAAOS;AAAA,cAEP,OAAO;AAAA,gBACL,YAAY;AAAA,cAAA;AAAA,cAGb,UAAAD;AAAA,YAAA;AAAA,YALID;AAAA,UAAA;AAAA,QAQX,CAAC;AAAA,QACDnC,gBAAAA,EAAAA,IAAC,QAAA,EACG,WAAAJ,KAAiBtB,MACjB0B,gBAAAA,EAAAA,IAAC,UAAK,WAAU,mBAAmB,UAAAJ,KAAiBtB,EAAA,CAAM,EAAA,CAE9D;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/shared/src/components/AttributeEditor/attributeTypeMap.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("lodash");require("react-toastify");const t=require("../../util/getAttributeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const r=[{value:"text",label:"Text",icon:t.getAttributeIcon("text","string")},{value:"select",label:"Select",icon:t.getAttributeIcon("select","string",!0)},{value:"multi_select",label:"Multi-select",icon:t.getAttributeIcon("multi_select","list_of_strings",!0)},{value:"number",label:"Number",icon:t.getAttributeIcon("number","integer")},{value:"checkbox",label:"Checkbox",icon:t.getAttributeIcon("checkbox","boolean")},{value:"datetime",label:"Date and time",icon:t.getAttributeIcon("datetime","datetime")}],s={text:["minLength","maxLength","regex"],select:["enum"],multi_select:["enum","minItems","maxItems"],number:["ge","gt","le","lt"],checkbox:[],datetime:[]},u={checkbox:["example"]},i=(e,n)=>{switch(e){case"string":return n?.length?"select":"text";case"list_of_strings":return"multi_select";case"integer":case"float":return"number";case"boolean":return"checkbox";case"datetime":return"datetime";default:return"text"}},a=(e,n)=>{switch(e){case"text":return"string";case"select":return"string";case"multi_select":return"list_of_strings";case"number":return n?"float":"integer";case"checkbox":return"boolean";case"datetime":return"datetime"}},o=["string","integer","float","boolean","datetime","list_of_strings"],b=(e,n)=>{if(!e||!o.includes(e))return e??"";const c=i(e,n);return r.find(l=>l.value===c)?.label??e};exports.UI_TYPE_EXCLUDE=u;exports.UI_TYPE_FIELDS=s;exports.UI_TYPE_OPTIONS=r;exports.backendToUiType=i;exports.getUiTypeLabel=b;exports.uiTypeToBackend=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("lodash");require("react-toastify");const t=require("../../util/getAttributeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const i="__undefined___",r=[{value:"text",label:"Text",icon:t.getAttributeIcon("text","string"),widgets:[{value:i,label:"Short text",isDefault:!0,tooltip:"A short text input"},{value:"markdown",label:"Long text",tooltip:"A multi-line text input with markdown support"}]},{value:"select",label:"Select",icon:t.getAttributeIcon("select","string",!0)},{value:"multi_select",label:"Multi-select",icon:t.getAttributeIcon("multi_select","list_of_strings",!0)},{value:"number",label:"Number",icon:t.getAttributeIcon("number","integer")},{value:"checkbox",label:"Checkbox",icon:t.getAttributeIcon("checkbox","boolean")},{value:"datetime",label:"Date and time",icon:t.getAttributeIcon("datetime","datetime")}],a={text:["minLength","maxLength","regex"],select:["enum"],multi_select:["enum","minItems","maxItems"],number:["ge","gt","le","lt"],checkbox:[],datetime:[]},o={checkbox:["example"]},l=(e,n)=>{switch(e){case"string":return n?.length?"select":"text";case"list_of_strings":return"multi_select";case"integer":case"float":return"number";case"boolean":return"checkbox";case"datetime":return"datetime";default:return"text"}},s=(e,n)=>{switch(e){case"text":return"string";case"select":return"string";case"multi_select":return"list_of_strings";case"number":return n?"float":"integer";case"checkbox":return"boolean";case"datetime":return"datetime"}},b=["string","integer","float","boolean","datetime","list_of_strings"],_=(e,n)=>{if(!e||!b.includes(e))return e??"";const c=l(e,n);return r.find(u=>u.value===c)?.label??e};exports.UI_TYPE_EXCLUDE=o;exports.UI_TYPE_FIELDS=a;exports.UI_TYPE_OPTIONS=r;exports.WIDGET_UNDEFINED_KEY=i;exports.backendToUiType=l;exports.getUiTypeLabel=_;exports.uiTypeToBackend=s;
 //# sourceMappingURL=attributeTypeMap.cjs.js.map

package/dist/shared/src/components/AttributeEditor/attributeTypeMap.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"attributeTypeMap.cjs.js","sources":["../../../../../src/components/AttributeEditor/attributeTypeMap.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { getAttributeIcon } from '@shared/util'\n\nexport type UIAttributeType =\n \| 'text'\n \| 'select'\n \| 'multi_select'\n \| 'number'\n \| 'checkbox'\n \| 'datetime'\n\nexport interface UITypeOption {\n value: UIAttributeType\n label: string\n icon: string\n}\n\nexport const UI_TYPE_OPTIONS: UITypeOption[] = [\n { value: 'text', label: 'Text', icon: getAttributeIcon('text', 'string') },\n { value: 'select', label: 'Select', icon: getAttributeIcon('select', 'string', true) },\n {\n value: 'multi_select',\n label: 'Multi-select',\n icon: getAttributeIcon('multi_select', 'list_of_strings', true),\n },\n { value: 'number', label: 'Number', icon: getAttributeIcon('number', 'integer') },\n { value: 'checkbox', label: 'Checkbox', icon: getAttributeIcon('checkbox', 'boolean') },\n { value: 'datetime', label: 'Date and time', icon: getAttributeIcon('datetime', 'datetime') },\n]\n\nexport const UI_TYPE_FIELDS: Record<UIAttributeType, (keyof AttributeData)[]> = {\n text: ['minLength', 'maxLength', 'regex'],\n select: ['enum'],\n multi_select: ['enum', 'minItems', 'maxItems'],\n number: ['ge', 'gt', 'le', 'lt'],\n checkbox: [],\n datetime: [],\n}\n\nexport const UI_TYPE_EXCLUDE: Partial<Record<UIAttributeType, (keyof AttributeData)[]>> = {\n checkbox: ['example'],\n}\n\nexport const backendToUiType = (\n type: AttributeData['type'] \| undefined,\n enumValues?: AttributeData['enum'],\n): UIAttributeType => {\n switch (type) {\n case 'string':\n return enumValues?.length ? 'select' : 'text'\n case 'list_of_strings':\n return 'multi_select'\n case 'integer':\n case 'float':\n return 'number'\n case 'boolean':\n return 'checkbox'\n case 'datetime':\n return 'datetime'\n default:\n return 'text'\n }\n}\n\nexport const uiTypeToBackend = (\n uiType: UIAttributeType,\n isDecimal: boolean,\n): AttributeData['type'] => {\n switch (uiType) {\n case 'text':\n return 'string'\n case 'select':\n return 'string'\n case 'multi_select':\n return 'list_of_strings'\n case 'number':\n return isDecimal ? 'float' : 'integer'\n case 'checkbox':\n return 'boolean'\n case 'datetime':\n return 'datetime'\n }\n}\n\nconst UI_MAPPED_BACKEND_TYPES: ReadonlyArray<AttributeData['type']> = [\n 'string',\n 'integer',\n 'float',\n 'boolean',\n 'datetime',\n 'list_of_strings',\n]\n\nexport const getUiTypeLabel = (\n type: AttributeData['type'] \| undefined,\n enumValues?: AttributeData['enum'],\n): string => {\n // Unknown / unsupported backend types fall back to the raw type string\n // so the table doesn't mislabel them (e.g. list_of_integers, dict).\n if (!type \|\| !UI_MAPPED_BACKEND_TYPES.includes(type)) return type ?? ''\n const uiType = backendToUiType(type, enumValues)\n return UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.label ?? type\n}\n"],"names":["UI_TYPE_OPTIONS","getAttributeIcon","UI_TYPE_FIELDS","UI_TYPE_EXCLUDE","backendToUiType","type","enumValues","uiTypeToBackend","uiType","isDecimal","UI_MAPPED_BACKEND_TYPES","getUiTypeLabel","o"],"mappings":"~~sOAiBO~~,MAAMA,EAAkC,CAC7C,~~CAAE~~,MAAO,~~OAAQ~~,MAAO,~~OAAQ~~,KAAMC,EAAAA,iBAAiB,OAAQ,QAAQ,CAAA,~~EACvE~~,CAAE,MAAO,SAAU,MAAO,SAAU,~~KAAMA~~,EAAAA,iBAAiB,SAAU,SAAU,EAAI,CAAA,EACnF,CACE,MAAO,eACP,MAAO,eACP,KAAMA,EAAAA,iBAAiB,eAAgB,kBAAmB,EAAI,CAAA,EAEhE,CAAE,MAAO,SAAU,MAAO,SAAU,KAAMA,EAAAA,iBAAiB,SAAU,SAAS,CAAA,EAC9E,CAAE,MAAO,WAAY,MAAO,WAAY,KAAMA,EAAAA,iBAAiB,WAAY,SAAS,CAAA,EACpF,CAAE,MAAO,WAAY,MAAO,gBAAiB,KAAMA,EAAAA,iBAAiB,WAAY,UAAU,CAAA,CAC5F,EAEaC,EAAmE,CAC9E,KAAM,CAAC,YAAa,YAAa,OAAO,EACxC,OAAQ,CAAC,MAAM,EACf,aAAc,CAAC,OAAQ,WAAY,UAAU,EAC7C,OAAQ,CAAC,KAAM,KAAM,KAAM,IAAI,EAC/B,SAAU,CAAA,EACV,SAAU,CAAA,CACZ,EAEaC,EAA6E,CACxF,SAAU,CAAC,SAAS,CACtB,EAEaC,EAAkB,CAC7BC,EACAC,IACoB,CACpB,OAAQD,EAAA,CACN,IAAK,SACH,OAAOC,GAAY,OAAS,SAAW,OACzC,IAAK,kBACH,MAAO,eACT,IAAK,UACL,IAAK,QACH,MAAO,SACT,IAAK,UACH,MAAO,WACT,IAAK,WACH,MAAO,WACT,QACE,MAAO,MAAA,CAEb,EAEaC,EAAkB,CAC7BC,EACAC,IAC0B,CAC1B,OAAQD,EAAA,CACN,IAAK,OACH,MAAO,SACT,IAAK,SACH,MAAO,SACT,IAAK,eACH,MAAO,kBACT,IAAK,SACH,OAAOC,EAAY,QAAU,UAC/B,IAAK,WACH,MAAO,UACT,IAAK,WACH,MAAO,UAAA,CAEb,EAEMC,EAAgE,CACpE,SACA,UACA,QACA,UACA,WACA,iBACF,EAEaC,EAAiB,CAC5BN,EACAC,IACW,CAGX,GAAI,CAACD,GAAQ,CAACK,EAAwB,SAASL,CAAI,SAAUA,GAAQ,GACrE,MAAMG,EAASJ,EAAgBC,EAAMC,CAAU,EAC/C,OAAON,EAAgB,KAAMY,GAAMA,EAAE,QAAUJ,CAAM,GAAG,OAASH,CACnE"}
1	+ {"version":3,"file":"attributeTypeMap.cjs.js","sources":["../../../../../src/components/AttributeEditor/attributeTypeMap.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { getAttributeIcon } from '@shared/util'\n\nexport type UIAttributeType =\n \| 'text'\n \| 'select'\n \| 'multi_select'\n \| 'number'\n \| 'checkbox'\n \| 'datetime'\n\nexport interface UITypeWidget {\n isDefault?: boolean\n value: string \| undefined\n label: string\n icon?: string\n tooltip?: string\n}\n\nexport interface UITypeOption {\n value: UIAttributeType\n label: string\n icon: string\n widgets?: UITypeWidget[]\n}\n\nexport const WIDGET_UNDEFINED_KEY = '__undefined___'\n\nexport const UI_TYPE_OPTIONS: UITypeOption[] = [\n {\n value: 'text',\n label: 'Text',\n icon: getAttributeIcon('text', 'string'),\n widgets: [\n {\n value: WIDGET_UNDEFINED_KEY,\n label: 'Short text',\n isDefault: true,\n tooltip: 'A short text input',\n },\n {\n value: 'markdown',\n label: 'Long text',\n tooltip: 'A multi-line text input with markdown support',\n },\n ],\n },\n { value: 'select', label: 'Select', icon: getAttributeIcon('select', 'string', true) },\n {\n value: 'multi_select',\n label: 'Multi-select',\n icon: getAttributeIcon('multi_select', 'list_of_strings', true),\n },\n { value: 'number', label: 'Number', icon: getAttributeIcon('number', 'integer') },\n { value: 'checkbox', label: 'Checkbox', icon: getAttributeIcon('checkbox', 'boolean') },\n { value: 'datetime', label: 'Date and time', icon: getAttributeIcon('datetime', 'datetime') },\n]\n\nexport const UI_TYPE_FIELDS: Record<UIAttributeType, (keyof AttributeData)[]> = {\n text: ['minLength', 'maxLength', 'regex'],\n select: ['enum'],\n multi_select: ['enum', 'minItems', 'maxItems'],\n number: ['ge', 'gt', 'le', 'lt'],\n checkbox: [],\n datetime: [],\n}\n\nexport const UI_TYPE_EXCLUDE: Partial<Record<UIAttributeType, (keyof AttributeData)[]>> = {\n checkbox: ['example'],\n}\n\nexport const backendToUiType = (\n type: AttributeData['type'] \| undefined,\n enumValues?: AttributeData['enum'],\n): UIAttributeType => {\n switch (type) {\n case 'string':\n return enumValues?.length ? 'select' : 'text'\n case 'list_of_strings':\n return 'multi_select'\n case 'integer':\n case 'float':\n return 'number'\n case 'boolean':\n return 'checkbox'\n case 'datetime':\n return 'datetime'\n default:\n return 'text'\n }\n}\n\nexport const uiTypeToBackend = (\n uiType: UIAttributeType,\n isDecimal: boolean,\n): AttributeData['type'] => {\n switch (uiType) {\n case 'text':\n return 'string'\n case 'select':\n return 'string'\n case 'multi_select':\n return 'list_of_strings'\n case 'number':\n return isDecimal ? 'float' : 'integer'\n case 'checkbox':\n return 'boolean'\n case 'datetime':\n return 'datetime'\n }\n}\n\nconst UI_MAPPED_BACKEND_TYPES: ReadonlyArray<AttributeData['type']> = [\n 'string',\n 'integer',\n 'float',\n 'boolean',\n 'datetime',\n 'list_of_strings',\n]\n\nexport const getUiTypeLabel = (\n type: AttributeData['type'] \| undefined,\n enumValues?: AttributeData['enum'],\n): string => {\n // Unknown / unsupported backend types fall back to the raw type string\n // so the table doesn't mislabel them (e.g. list_of_integers, dict).\n if (!type \|\| !UI_MAPPED_BACKEND_TYPES.includes(type)) return type ?? ''\n const uiType = backendToUiType(type, enumValues)\n return UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.label ?? type\n}\n"],"names":["WIDGET_UNDEFINED_KEY","UI_TYPE_OPTIONS","getAttributeIcon","UI_TYPE_FIELDS","UI_TYPE_EXCLUDE","backendToUiType","type","enumValues","uiTypeToBackend","uiType","isDecimal","UI_MAPPED_BACKEND_TYPES","getUiTypeLabel","o"],"mappings":"sOA0BO,MAAMA,EAAuB,iBAEvBC,EAAkC,CAC7C,CACE,MAAO,OACP,MAAO,OACP,KAAMC,EAAAA,iBAAiB,OAAQ,QAAQ,EACvC,QAAS,CACP,CACE,MAAOF,EACP,MAAO,aACP,UAAW,GACX,QAAS,oBAAA,EAEX,CACE,MAAO,WACP,MAAO,YACP,QAAS,+CAAA,CACX,CACF,EAEF,CAAE,MAAO,SAAU,MAAO,SAAU,KAAME,EAAAA,iBAAiB,SAAU,SAAU,EAAI,CAAA,EACnF,CACE,MAAO,eACP,MAAO,eACP,KAAMA,EAAAA,iBAAiB,eAAgB,kBAAmB,EAAI,CAAA,EAEhE,CAAE,MAAO,SAAU,MAAO,SAAU,KAAMA,EAAAA,iBAAiB,SAAU,SAAS,CAAA,EAC9E,CAAE,MAAO,WAAY,MAAO,WAAY,KAAMA,EAAAA,iBAAiB,WAAY,SAAS,CAAA,EACpF,CAAE,MAAO,WAAY,MAAO,gBAAiB,KAAMA,EAAAA,iBAAiB,WAAY,UAAU,CAAA,CAC5F,EAEaC,EAAmE,CAC9E,KAAM,CAAC,YAAa,YAAa,OAAO,EACxC,OAAQ,CAAC,MAAM,EACf,aAAc,CAAC,OAAQ,WAAY,UAAU,EAC7C,OAAQ,CAAC,KAAM,KAAM,KAAM,IAAI,EAC/B,SAAU,CAAA,EACV,SAAU,CAAA,CACZ,EAEaC,EAA6E,CACxF,SAAU,CAAC,SAAS,CACtB,EAEaC,EAAkB,CAC7BC,EACAC,IACoB,CACpB,OAAQD,EAAA,CACN,IAAK,SACH,OAAOC,GAAY,OAAS,SAAW,OACzC,IAAK,kBACH,MAAO,eACT,IAAK,UACL,IAAK,QACH,MAAO,SACT,IAAK,UACH,MAAO,WACT,IAAK,WACH,MAAO,WACT,QACE,MAAO,MAAA,CAEb,EAEaC,EAAkB,CAC7BC,EACAC,IAC0B,CAC1B,OAAQD,EAAA,CACN,IAAK,OACH,MAAO,SACT,IAAK,SACH,MAAO,SACT,IAAK,eACH,MAAO,kBACT,IAAK,SACH,OAAOC,EAAY,QAAU,UAC/B,IAAK,WACH,MAAO,UACT,IAAK,WACH,MAAO,UAAA,CAEb,EAEMC,EAAgE,CACpE,SACA,UACA,QACA,UACA,WACA,iBACF,EAEaC,EAAiB,CAC5BN,EACAC,IACW,CAGX,GAAI,CAACD,GAAQ,CAACK,EAAwB,SAASL,CAAI,SAAUA,GAAQ,GACrE,MAAMG,EAASJ,EAAgBC,EAAMC,CAAU,EAC/C,OAAON,EAAgB,KAAMY,GAAMA,EAAE,QAAUJ,CAAM,GAAG,OAASH,CACnE"}