@webiny/app-headless-cms-common 6.3.0-beta.4 → 6.4.0-beta.0

package/Fields/useBind.js

@@ -1,117 +1,111 @@
-import React, { createContext, useContext, useRef, cloneElement } from "react";
+import react, { cloneElement, createContext, useContext, useRef } from "react";
 import { useForm } from "@webiny/form";
 import { createValidators } from "../createValidators.js";
 import { useModelField } from "../ModelFieldProvider/index.js";
 import { createValidationContainer } from "../createValidationContainer.js";
-const BindParentNameContext = /*#__PURE__*/createContext("");
-export const useBindParentName = () => useContext(BindParentNameContext);
-const createFieldCacheKey = field => {
-  return [field.id, field.fieldId, JSON.stringify(field.validation), JSON.stringify(field.listValidation)].join(";");
-};
+const BindParentNameContext = /*#__PURE__*/ createContext("");
+const useBindParentName = ()=>useContext(BindParentNameContext);
+const createFieldCacheKey = (field)=>[
+        field.id,
+        field.fieldId,
+        JSON.stringify(field.validation),
+        JSON.stringify(field.listValidation)
+    ].join(";");
 const emptyValidators = [];
-export function useBind({
-  Bind
-}) {
-  const {
-    field
-  } = useModelField();
-  const memoizedBindComponents = useRef({});
-  const cacheKey = createFieldCacheKey(field);
-  const form = useForm();
-  return (index = -1) => {
-    const {
-      parentName
-    } = Bind;
-
-    // If there's a parent name assigned to the given Bind component, we need to include it in the new field "name".
-    // This allows us to have nested fields (like "object" field with nested properties)
-    const name = [parentName, field.fieldId, index >= 0 ? index : undefined].filter(v => v !== undefined).join(".");
-    const componentId = `${name};${cacheKey}`;
-    if (memoizedBindComponents.current[componentId]) {
-      return memoizedBindComponents.current[componentId];
-    }
-    const validators = createValidators(field, field.validation || emptyValidators);
-    const listValidators = createValidators(field, field.listValidation || emptyValidators);
-    const isMultipleValues = index === -1 && field.list;
-    const inputValidators = isMultipleValues ? listValidators : validators;
-
-    // We only use default values for single-value fields.
-    const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;
-    memoizedBindComponents.current[componentId] = function UseBind(params) {
-      const {
-        name: childName,
-        validators: childValidators,
-        children,
-        defaultValue = defaultValueFromSettings
-      } = params;
-      const {
-        field
-      } = useModelField();
-      return /*#__PURE__*/React.createElement(BindParentNameContext.Provider, {
-        value: name
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: childName || name,
-        validators: childValidators || inputValidators,
-        defaultValue: defaultValue ?? null,
-        context: {
-          field
-        }
-      }, bind => {
-        // Multiple-values functions below.
-        const props = {
-          ...bind
+function useBind({ Bind }) {
+    const { field } = useModelField();
+    const memoizedBindComponents = useRef({});
+    const cacheKey = createFieldCacheKey(field);
+    const form = useForm();
+    return (index = -1)=>{
+        const { parentName } = Bind;
+        const name = [
+            parentName,
+            field.fieldId,
+            index >= 0 ? index : void 0
+        ].filter((v)=>void 0 !== v).join(".");
+        const componentId = `${name};${cacheKey}`;
+        if (memoizedBindComponents.current[componentId]) return memoizedBindComponents.current[componentId];
+        const validators = createValidators(field, field.validation || emptyValidators);
+        const listValidators = createValidators(field, field.listValidation || emptyValidators);
+        const isMultipleValues = -1 === index && field.list;
+        const inputValidators = isMultipleValues ? listValidators : validators;
+        const defaultValueFromSettings = isMultipleValues ? null : field.settings?.defaultValue;
+        memoizedBindComponents.current[componentId] = function(params) {
+            const { name: childName, validators: childValidators, children, defaultValue = defaultValueFromSettings } = params;
+            const { field } = useModelField();
+            return /*#__PURE__*/ react.createElement(BindParentNameContext.Provider, {
+                value: name
+            }, /*#__PURE__*/ react.createElement(Bind, {
+                name: childName || name,
+                validators: childValidators || inputValidators,
+                defaultValue: defaultValue ?? null,
+                context: {
+                    field
+                }
+            }, (bind)=>{
+                const props = {
+                    ...bind
+                };
+                if (field.list && -1 === index) {
+                    props.appendValue = (newValue, index)=>{
+                        const currentValue = bind.value || [];
+                        const newIndex = index ?? currentValue.length;
+                        bind.onChange([
+                            ...currentValue.slice(0, newIndex),
+                            newValue,
+                            ...currentValue.slice(newIndex)
+                        ]);
+                    };
+                    props.prependValue = (newValue)=>{
+                        bind.onChange([
+                            newValue,
+                            ...bind.value || []
+                        ]);
+                    };
+                    props.appendValues = (newValues)=>{
+                        bind.onChange([
+                            ...bind.value || [],
+                            ...newValues
+                        ]);
+                    };
+                    props.removeValue = (index)=>{
+                        if (index < 0) return;
+                        const value = [
+                            ...bind.value.slice(0, index),
+                            ...bind.value.slice(index + 1)
+                        ];
+                        bind.onChange(0 === value.length ? null : value);
+                        form.validateInput(field.fieldId);
+                    };
+                    props.moveValueUp = (index)=>{
+                        if (index <= 0) return;
+                        const value = [
+                            ...bind.value
+                        ];
+                        value.splice(index, 1);
+                        value.splice(index - 1, 0, bind.value[index]);
+                        bind.onChange(value);
+                    };
+                    props.moveValueDown = (index)=>{
+                        if (index >= bind.value.length) return;
+                        const value = [
+                            ...bind.value
+                        ];
+                        value.splice(index, 1);
+                        value.splice(index + 1, 0, bind.value[index]);
+                        bind.onChange(value);
+                    };
+                }
+                return "function" == typeof children ? children(props) : /*#__PURE__*/ cloneElement(children, props);
+            }));
         };
-        if (field.list && index === -1) {
-          props.appendValue = (newValue, index) => {
-            const currentValue = bind.value || [];
-            const newIndex = index ?? currentValue.length;
-            bind.onChange([...currentValue.slice(0, newIndex), newValue, ...currentValue.slice(newIndex)]);
-          };
-          props.prependValue = newValue => {
-            bind.onChange([newValue, ...(bind.value || [])]);
-          };
-          props.appendValues = newValues => {
-            bind.onChange([...(bind.value || []), ...newValues]);
-          };
-          props.removeValue = index => {
-            if (index < 0) {
-              return;
-            }
-            const value = [...bind.value.slice(0, index), ...bind.value.slice(index + 1)];
-            bind.onChange(value.length === 0 ? null : value);
-
-            // To make sure the field is still valid, we must trigger validation.
-            form.validateInput(field.fieldId);
-          };
-          props.moveValueUp = index => {
-            if (index <= 0) {
-              return;
-            }
-            const value = [...bind.value];
-            value.splice(index, 1);
-            value.splice(index - 1, 0, bind.value[index]);
-            bind.onChange(value);
-          };
-          props.moveValueDown = index => {
-            if (index >= bind.value.length) {
-              return;
-            }
-            const value = [...bind.value];
-            value.splice(index, 1);
-            value.splice(index + 1, 0, bind.value[index]);
-            bind.onChange(value);
-          };
-        }
-        return typeof children === "function" ? children(props) : /*#__PURE__*/cloneElement(children, props);
-      }));
+        memoizedBindComponents.current[componentId].parentName = name;
+        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;
+        memoizedBindComponents.current[componentId].ValidationContainer = createValidationContainer(name);
+        return memoizedBindComponents.current[componentId];
     };
-
-    // We need to keep track of current field name, to support nested fields.
-    memoizedBindComponents.current[componentId].parentName = name;
-    memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;
-    memoizedBindComponents.current[componentId].ValidationContainer = createValidationContainer(name);
-    return memoizedBindComponents.current[componentId];
-  };
 }
+export { useBind, useBindParentName };
 
 //# sourceMappingURL=useBind.js.map

package/Fields/useBind.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useRef","cloneElement","useForm","createValidators","useModelField","createValidationContainer","BindParentNameContext","useBindParentName","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","Bind","memoizedBindComponents","cacheKey","form","index","parentName","name","undefined","filter","v","componentId","current","validators","listValidators","isMultipleValues","list","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","createElement","Provider","value","context","bind","props","appendValue","newValue","currentValue","newIndex","length","onChange","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","displayName","ValidationContainer"],"sources":["useBind.tsx"],"sourcesContent":["import React, { createContext, useContext, useRef, cloneElement } from \"react\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/createValidators.js\";\nimport type { BindComponent, CmsModelField } from \"~/types/index.js\";\nimport { useModelField } from \"~/ModelFieldProvider/index.js\";\nimport { createValidationContainer } from \"~/createValidationContainer.js\";\n\nconst BindParentNameContext = createContext<string>(\"\");\n\nexport const useBindParentName = (): string => useContext(BindParentNameContext);\n\ninterface UseBindProps {\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind }: UseBindProps) {\n    const { field } = useModelField();\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return (index = -1) => {\n        const { parentName } = Bind;\n\n        // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n        // This allows us to have nested fields (like \"object\" field with nested properties)\n        const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n            .filter(v => v !== undefined)\n            .join(\".\");\n\n        const componentId = `${name};${cacheKey}`;\n\n        if (memoizedBindComponents.current[componentId]) {\n            return memoizedBindComponents.current[componentId];\n        }\n\n        const validators = createValidators(field, field.validation || emptyValidators);\n        const listValidators = createValidators(field, field.listValidation || emptyValidators);\n        const isMultipleValues = index === -1 && field.list;\n        const inputValidators = isMultipleValues ? listValidators : validators;\n\n        // We only use default values for single-value fields.\n        const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;\n\n        memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n            const {\n                name: childName,\n                validators: childValidators,\n                children,\n                defaultValue = defaultValueFromSettings\n            } = params;\n\n            const { field } = useModelField();\n\n            return (\n                <BindParentNameContext.Provider value={name}>\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={defaultValue ?? null}\n                        context={{ field }}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.list && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n\n                                    const value = [\n                                        ...bind.value.slice(0, index),\n                                        ...bind.value.slice(index + 1)\n                                    ];\n\n                                    bind.onChange(value.length === 0 ? null : value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            return typeof children === \"function\"\n                                ? children(props)\n                                : cloneElement(children, props);\n                        }}\n                    </Bind>\n                </BindParentNameContext.Provider>\n            );\n        } as BindComponent;\n\n        // We need to keep track of current field name, to support nested fields.\n        memoizedBindComponents.current[componentId].parentName = name;\n        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n        memoizedBindComponents.current[componentId].ValidationContainer =\n            createValidationContainer(name);\n\n        return memoizedBindComponents.current[componentId];\n    };\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAE9E,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,gBAAgB;AAEzB,SAASC,aAAa;AACtB,SAASC,yBAAyB;AAElC,MAAMC,qBAAqB,gBAAGR,aAAa,CAAS,EAAE,CAAC;AAEvD,OAAO,MAAMS,iBAAiB,GAAGA,CAAA,KAAcR,UAAU,CAACO,qBAAqB,CAAC;AAahF,MAAME,mBAAmB,GAAIC,KAAoB,IAAK;EAClD,OAAO,CACHA,KAAK,CAACC,EAAE,EACRD,KAAK,CAACE,OAAO,EACbC,IAAI,CAACC,SAAS,CAACJ,KAAK,CAACK,UAAU,CAAC,EAChCF,IAAI,CAACC,SAAS,CAACJ,KAAK,CAACM,cAAc,CAAC,CACvC,CAACC,IAAI,CAAC,GAAG,CAAC;AACf,CAAC;AAMD,MAAMC,eAA4B,GAAG,EAAE;AAEvC,OAAO,SAASC,OAAOA,CAAC;EAAEC;AAAmB,CAAC,EAAE;EAC5C,MAAM;IAAEV;EAAM,CAAC,GAAGL,aAAa,CAAC,CAAC;EACjC,MAAMgB,sBAAsB,GAAGpB,MAAM,CAAgC,CAAC,CAAC,CAAC;EACxE,MAAMqB,QAAQ,GAAGb,mBAAmB,CAACC,KAAK,CAAC;EAC3C,MAAMa,IAAI,GAAGpB,OAAO,CAAC,CAAC;EAEtB,OAAO,CAACqB,KAAK,GAAG,CAAC,CAAC,KAAK;IACnB,MAAM;MAAEC;IAAW,CAAC,GAAGL,IAAI;;IAE3B;IACA;IACA,MAAMM,IAAI,GAAG,CAACD,UAAU,EAAEf,KAAK,CAACE,OAAO,EAAEY,KAAK,IAAI,CAAC,GAAGA,KAAK,GAAGG,SAAS,CAAC,CACnEC,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKF,SAAS,CAAC,CAC5BV,IAAI,CAAC,GAAG,CAAC;IAEd,MAAMa,WAAW,GAAG,GAAGJ,IAAI,IAAIJ,QAAQ,EAAE;IAEzC,IAAID,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC,EAAE;MAC7C,OAAOT,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC;IACtD;IAEA,MAAME,UAAU,GAAG5B,gBAAgB,CAACM,KAAK,EAAEA,KAAK,CAACK,UAAU,IAAIG,eAAe,CAAC;IAC/E,MAAMe,cAAc,GAAG7B,gBAAgB,CAACM,KAAK,EAAEA,KAAK,CAACM,cAAc,IAAIE,eAAe,CAAC;IACvF,MAAMgB,gBAAgB,GAAGV,KAAK,KAAK,CAAC,CAAC,IAAId,KAAK,CAACyB,IAAI;IACnD,MAAMC,eAAe,GAAGF,gBAAgB,GAAGD,cAAc,GAAGD,UAAU;;IAEtE;IACA,MAAMK,wBAAwB,GAAG,CAACH,gBAAgB,GAAGxB,KAAK,CAAC4B,QAAQ,EAAEC,YAAY,GAAG,IAAI;IAExFlB,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC,GAAG,SAASU,OAAOA,CAACC,MAAqB,EAAE;MAClF,MAAM;QACFf,IAAI,EAAEgB,SAAS;QACfV,UAAU,EAAEW,eAAe;QAC3BC,QAAQ;QACRL,YAAY,GAAGF;MACnB,CAAC,GAAGI,MAAM;MAEV,MAAM;QAAE/B;MAAM,CAAC,GAAGL,aAAa,CAAC,CAAC;MAEjC,oBACIP,KAAA,CAAA+C,aAAA,CAACtC,qBAAqB,CAACuC,QAAQ;QAACC,KAAK,EAAErB;MAAK,gBACxC5B,KAAA,CAAA+C,aAAA,CAACzB,IAAI;QACDM,IAAI,EAAEgB,SAAS,IAAIhB,IAAK;QACxBM,UAAU,EAAEW,eAAe,IAAIP,eAAgB;QAC/CG,YAAY,EAAEA,YAAY,IAAI,IAAK;QACnCS,OAAO,EAAE;UAAEtC;QAAM;MAAE,GAElBuC,IAAI,IAAI;QACL;QACA,MAAMC,KAAK,GAAG;UAAE,GAAGD;QAAK,CAAC;QACzB,IAAIvC,KAAK,CAACyB,IAAI,IAAIX,KAAK,KAAK,CAAC,CAAC,EAAE;UAC5B0B,KAAK,CAACC,WAAW,GAAG,CAACC,QAAa,EAAE5B,KAAc,KAAK;YACnD,MAAM6B,YAAY,GAAGJ,IAAI,CAACF,KAAK,IAAI,EAAE;YACrC,MAAMO,QAAQ,GAAG9B,KAAK,IAAI6B,YAAY,CAACE,MAAM;YAE7CN,IAAI,CAACO,QAAQ,CAAC,CACV,GAAGH,YAAY,CAACI,KAAK,CAAC,CAAC,EAAEH,QAAQ,CAAC,EAClCF,QAAQ,EACR,GAAGC,YAAY,CAACI,KAAK,CAACH,QAAQ,CAAC,CAClC,CAAC;UACN,CAAC;UACDJ,KAAK,CAACQ,YAAY,GAAIN,QAAa,IAAK;YACpCH,IAAI,CAACO,QAAQ,CAAC,CAACJ,QAAQ,EAAE,IAAIH,IAAI,CAACF,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;UACpD,CAAC;UACDG,KAAK,CAACS,YAAY,GAAIC,SAAgB,IAAK;YACvCX,IAAI,CAACO,QAAQ,CAAC,CAAC,IAAIP,IAAI,CAACF,KAAK,IAAI,EAAE,CAAC,EAAE,GAAGa,SAAS,CAAC,CAAC;UACxD,CAAC;UAEDV,KAAK,CAACW,WAAW,GAAIrC,KAAa,IAAK;YACnC,IAAIA,KAAK,GAAG,CAAC,EAAE;cACX;YACJ;YAEA,MAAMuB,KAAK,GAAG,CACV,GAAGE,IAAI,CAACF,KAAK,CAACU,KAAK,CAAC,CAAC,EAAEjC,KAAK,CAAC,EAC7B,GAAGyB,IAAI,CAACF,KAAK,CAACU,KAAK,CAACjC,KAAK,GAAG,CAAC,CAAC,CACjC;YAEDyB,IAAI,CAACO,QAAQ,CAACT,KAAK,CAACQ,MAAM,KAAK,CAAC,GAAG,IAAI,GAAGR,KAAK,CAAC;;YAEhD;YACAxB,IAAI,CAACuC,aAAa,CAACpD,KAAK,CAACE,OAAO,CAAC;UACrC,CAAC;UAEDsC,KAAK,CAACa,WAAW,GAAIvC,KAAa,IAAK;YACnC,IAAIA,KAAK,IAAI,CAAC,EAAE;cACZ;YACJ;YAEA,MAAMuB,KAAK,GAAG,CAAC,GAAGE,IAAI,CAACF,KAAK,CAAC;YAC7BA,KAAK,CAACiB,MAAM,CAACxC,KAAK,EAAE,CAAC,CAAC;YACtBuB,KAAK,CAACiB,MAAM,CAACxC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAEyB,IAAI,CAACF,KAAK,CAACvB,KAAK,CAAC,CAAC;YAE7CyB,IAAI,CAACO,QAAQ,CAACT,KAAK,CAAC;UACxB,CAAC;UAEDG,KAAK,CAACe,aAAa,GAAIzC,KAAa,IAAK;YACrC,IAAIA,KAAK,IAAIyB,IAAI,CAACF,KAAK,CAACQ,MAAM,EAAE;cAC5B;YACJ;YAEA,MAAMR,KAAK,GAAG,CAAC,GAAGE,IAAI,CAACF,KAAK,CAAC;YAC7BA,KAAK,CAACiB,MAAM,CAACxC,KAAK,EAAE,CAAC,CAAC;YACtBuB,KAAK,CAACiB,MAAM,CAACxC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAEyB,IAAI,CAACF,KAAK,CAACvB,KAAK,CAAC,CAAC;YAE7CyB,IAAI,CAACO,QAAQ,CAACT,KAAK,CAAC;UACxB,CAAC;QACL;QAEA,OAAO,OAAOH,QAAQ,KAAK,UAAU,GAC/BA,QAAQ,CAACM,KAAK,CAAC,gBACfhD,YAAY,CAAC0C,QAAQ,EAAEM,KAAK,CAAC;MACvC,CACE,CACsB,CAAC;IAEzC,CAAkB;;IAElB;IACA7B,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC,CAACL,UAAU,GAAGC,IAAI;IAC7DL,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC,CAACoC,WAAW,GAAG,QAAQxC,IAAI,GAAG;IACzEL,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC,CAACqC,mBAAmB,GAC3D7D,yBAAyB,CAACoB,IAAI,CAAC;IAEnC,OAAOL,sBAAsB,CAACU,OAAO,CAACD,WAAW,CAAC;EACtD,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"Fields/useBind.js","sources":["../../src/Fields/useBind.tsx"],"sourcesContent":["import React, { createContext, useContext, useRef, cloneElement } from \"react\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/createValidators.js\";\nimport type { BindComponent, CmsModelField } from \"~/types/index.js\";\nimport { useModelField } from \"~/ModelFieldProvider/index.js\";\nimport { createValidationContainer } from \"~/createValidationContainer.js\";\n\nconst BindParentNameContext = createContext<string>(\"\");\n\nexport const useBindParentName = (): string => useContext(BindParentNameContext);\n\ninterface UseBindProps {\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind }: UseBindProps) {\n    const { field } = useModelField();\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return (index = -1) => {\n        const { parentName } = Bind;\n\n        // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n        // This allows us to have nested fields (like \"object\" field with nested properties)\n        const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n            .filter(v => v !== undefined)\n            .join(\".\");\n\n        const componentId = `${name};${cacheKey}`;\n\n        if (memoizedBindComponents.current[componentId]) {\n            return memoizedBindComponents.current[componentId];\n        }\n\n        const validators = createValidators(field, field.validation || emptyValidators);\n        const listValidators = createValidators(field, field.listValidation || emptyValidators);\n        const isMultipleValues = index === -1 && field.list;\n        const inputValidators = isMultipleValues ? listValidators : validators;\n\n        // We only use default values for single-value fields.\n        const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;\n\n        memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n            const {\n                name: childName,\n                validators: childValidators,\n                children,\n                defaultValue = defaultValueFromSettings\n            } = params;\n\n            const { field } = useModelField();\n\n            return (\n                <BindParentNameContext.Provider value={name}>\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={defaultValue ?? null}\n                        context={{ field }}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.list && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n\n                                    const value = [\n                                        ...bind.value.slice(0, index),\n                                        ...bind.value.slice(index + 1)\n                                    ];\n\n                                    bind.onChange(value.length === 0 ? null : value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            return typeof children === \"function\"\n                                ? children(props)\n                                : cloneElement(children, props);\n                        }}\n                    </Bind>\n                </BindParentNameContext.Provider>\n            );\n        } as BindComponent;\n\n        // We need to keep track of current field name, to support nested fields.\n        memoizedBindComponents.current[componentId].parentName = name;\n        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n        memoizedBindComponents.current[componentId].ValidationContainer =\n            createValidationContainer(name);\n\n        return memoizedBindComponents.current[componentId];\n    };\n}\n"],"names":["BindParentNameContext","createContext","useBindParentName","useContext","createFieldCacheKey","field","JSON","emptyValidators","useBind","Bind","useModelField","memoizedBindComponents","useRef","cacheKey","form","useForm","index","parentName","name","undefined","v","componentId","validators","createValidators","listValidators","isMultipleValues","inputValidators","defaultValueFromSettings","params","childName","childValidators","children","defaultValue","bind","props","newValue","currentValue","newIndex","newValues","value","cloneElement","createValidationContainer"],"mappings":"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"}

package/Fields/useFieldRules.js

@@ -3,151 +3,97 @@ import { useAuthentication } from "@webiny/app-admin";
 import { evaluateExpression, resolveFieldPath } from "./evaluateExpression.js";
 import { useParentRules } from "./FieldRulesProvider.js";
 import { useBindParentName } from "./useBind.js";
-/**
- * Evaluate access control rules against an identity.
- * Pure function — no hooks, can be called anywhere.
- */
 function evaluateAccessControlRulesForIdentity(rules, identity) {
-  const userTargets = new Set();
-  userTargets.add(`admin:${identity.id}`);
-  for (const team of identity.teams) {
-    userTargets.add(`team:${team.slug}`);
-  }
-  let canView = true;
-  let canEdit = true;
-  for (const rule of rules) {
-    if (rule.type !== "accessControl") {
-      continue;
+    const userTargets = new Set();
+    userTargets.add(`admin:${identity.id}`);
+    for (const team of identity.teams)userTargets.add(`team:${team.slug}`);
+    let canView = true;
+    let canEdit = true;
+    for (const rule of rules){
+        if ("accessControl" === rule.type) {
+            if (rule.value && rule.operator) {
+                if (userTargets.has(String(rule.value))) {
+                    if ("hide" === rule.action) canView = false;
+                    else if ("disable" === rule.action) canEdit = false;
+                }
+            }
+        }
     }
-    if (!rule.value || !rule.operator) {
-      continue;
-    }
-    if (!userTargets.has(String(rule.value))) {
-      continue;
-    }
-    if (rule.action === "hide") {
-      canView = false;
-    } else if (rule.action === "disable") {
-      canEdit = false;
-    }
-  }
-  return {
-    canView,
-    canEdit
-  };
-}
-
-/**
- * Hook that evaluates access control rules for the current identity.
- * Does not require `bindParentName` — only identity-based permissions.
- */
-export function useFieldAccessControlRules(item) {
-  const {
-    identity
-  } = useAuthentication();
-  const rules = item.rules;
-  if (!rules || rules.length === 0) {
     return {
-      canView: true,
-      canEdit: true
+        canView,
+        canEdit
     };
-  }
-  return evaluateAccessControlRulesForIdentity(rules, identity);
 }
-
-/**
- * Evaluate access control rules statically (without hooks).
- * Used in RowRenderer for the visibility approximation where hooks can't be called.
- */
-export function evaluateAccessControlRules(item, identity) {
-  const rules = item.rules;
-  if (!rules || rules.length === 0) {
+function useFieldAccessControlRules(item) {
+    const { identity } = useAuthentication();
+    const rules = item.rules;
+    if (!rules || 0 === rules.length) return {
+        canView: true,
+        canEdit: true
+    };
+    return evaluateAccessControlRulesForIdentity(rules, identity);
+}
+function evaluateAccessControlRules(item, identity) {
+    const rules = item.rules;
+    if (!rules || 0 === rules.length) return {
+        canView: true,
+        canEdit: true,
+        hidden: false,
+        disabled: false
+    };
+    const { canView, canEdit } = evaluateAccessControlRulesForIdentity(rules, identity);
     return {
-      canView: true,
-      canEdit: true,
-      hidden: false,
-      disabled: false
+        canView,
+        canEdit,
+        hidden: false,
+        disabled: false
     };
-  }
-  const {
-    canView,
-    canEdit
-  } = evaluateAccessControlRulesForIdentity(rules, identity);
-  return {
-    canView,
-    canEdit,
-    hidden: false,
-    disabled: false
-  };
 }
-
-/**
- * Internal hook that evaluates all rules (access control + entry value).
- */
 function useFieldRules(item) {
-  const {
-    identity
-  } = useAuthentication();
-  const form = useForm();
-  const bindParentName = useBindParentName();
-  const rules = item.rules;
-  if (!rules || rules.length === 0) {
-    return {
-      canView: true,
-      canEdit: true,
-      hidden: false,
-      disabled: false
+    const { identity } = useAuthentication();
+    const form = useForm();
+    const bindParentName = useBindParentName();
+    const rules = item.rules;
+    if (!rules || 0 === rules.length) return {
+        canView: true,
+        canEdit: true,
+        hidden: false,
+        disabled: false
     };
-  }
-  const {
-    canView,
-    canEdit
-  } = evaluateAccessControlRulesForIdentity(rules, identity);
-  let hidden = false;
-  let disabled = false;
-  for (const rule of rules) {
-    if (rule.type !== "condition") {
-      continue;
-    }
-    if (!rule.target || !rule.operator) {
-      continue;
-    }
-    const resolvedPath = resolveFieldPath(rule.target, bindParentName);
-    const matches = evaluateExpression({
-      target: resolvedPath,
-      operator: rule.operator,
-      value: rule.value
-    }, name => form.getValue(name));
-    if (!matches) {
-      continue;
+    const { canView, canEdit } = evaluateAccessControlRulesForIdentity(rules, identity);
+    let hidden = false;
+    let disabled = false;
+    for (const rule of rules){
+        if ("condition" !== rule.type) continue;
+        if (!rule.target || !rule.operator) continue;
+        const resolvedPath = resolveFieldPath(rule.target, bindParentName);
+        const matches = evaluateExpression({
+            target: resolvedPath,
+            operator: rule.operator,
+            value: rule.value
+        }, (name)=>form.getValue(name));
+        if (matches) {
+            if ("hide" === rule.action) hidden = true;
+            else if ("disable" === rule.action) disabled = true;
+        }
     }
-    if (rule.action === "hide") {
-      hidden = true;
-    } else if (rule.action === "disable") {
-      disabled = true;
-    }
-  }
-  return {
-    canView,
-    canEdit,
-    hidden,
-    disabled
-  };
+    return {
+        canView,
+        canEdit,
+        hidden,
+        disabled
+    };
 }
-
-/**
- * Composes useParentRules and useFieldRules into a single hook
- * that returns the effective (intersected) rules.
- */
-export function useFieldEffectiveRules(item) {
-  const parentRules = useParentRules();
-  const itemRules = useFieldRules(item);
-  return {
-    canView: parentRules.canView && itemRules.canView,
-    canEdit: parentRules.canEdit && itemRules.canEdit,
-    hidden: parentRules.hidden || itemRules.hidden,
-    disabled: parentRules.disabled || itemRules.disabled
-  };
+function useFieldEffectiveRules(item) {
+    const parentRules = useParentRules();
+    const itemRules = useFieldRules(item);
+    return {
+        canView: parentRules.canView && itemRules.canView,
+        canEdit: parentRules.canEdit && itemRules.canEdit,
+        hidden: parentRules.hidden || itemRules.hidden,
+        disabled: parentRules.disabled || itemRules.disabled
+    };
 }
+export { evaluateAccessControlRules, useFieldAccessControlRules, useFieldEffectiveRules };
 
 //# sourceMappingURL=useFieldRules.js.map

package/Fields/useFieldRules.js.map

@@ -1 +1 @@
-{"version":3,"names":["useForm","useAuthentication","evaluateExpression","resolveFieldPath","useParentRules","useBindParentName","evaluateAccessControlRulesForIdentity","rules","identity","userTargets","Set","add","id","team","teams","slug","canView","canEdit","rule","type","value","operator","has","String","action","useFieldAccessControlRules","item","length","evaluateAccessControlRules","hidden","disabled","useFieldRules","form","bindParentName","target","resolvedPath","matches","name","getValue","useFieldEffectiveRules","parentRules","itemRules"],"sources":["useFieldRules.ts"],"sourcesContent":["import { useForm } from \"@webiny/form\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport type { FieldRule } from \"~/types/model.js\";\nimport { evaluateExpression, resolveFieldPath } from \"./evaluateExpression.js\";\nimport { useParentRules } from \"./FieldRulesProvider.js\";\nimport { useBindParentName } from \"./useBind.js\";\n\nexport interface EffectiveFieldRules {\n    canView: boolean;\n    canEdit: boolean;\n    hidden: boolean;\n    disabled: boolean;\n}\n\ninterface HasRules {\n    rules?: FieldRule[];\n}\n\ninterface IdentityLike {\n    id: string;\n    teams: { slug: string }[];\n}\n\n/**\n * Evaluate access control rules against an identity.\n * Pure function — no hooks, can be called anywhere.\n */\nfunction evaluateAccessControlRulesForIdentity(\n    rules: FieldRule[],\n    identity: IdentityLike\n): Pick<EffectiveFieldRules, \"canView\" | \"canEdit\"> {\n    const userTargets = new Set<string>();\n    userTargets.add(`admin:${identity.id}`);\n    for (const team of identity.teams) {\n        userTargets.add(`team:${team.slug}`);\n    }\n\n    let canView = true;\n    let canEdit = true;\n\n    for (const rule of rules) {\n        if (rule.type !== \"accessControl\") {\n            continue;\n        }\n        if (!rule.value || !rule.operator) {\n            continue;\n        }\n        if (!userTargets.has(String(rule.value))) {\n            continue;\n        }\n        if (rule.action === \"hide\") {\n            canView = false;\n        } else if (rule.action === \"disable\") {\n            canEdit = false;\n        }\n    }\n\n    return { canView, canEdit };\n}\n\n/**\n * Hook that evaluates access control rules for the current identity.\n * Does not require `bindParentName` — only identity-based permissions.\n */\nexport function useFieldAccessControlRules(\n    item: HasRules\n): Pick<EffectiveFieldRules, \"canView\" | \"canEdit\"> {\n    const { identity } = useAuthentication();\n\n    const rules = item.rules;\n    if (!rules || rules.length === 0) {\n        return { canView: true, canEdit: true };\n    }\n\n    return evaluateAccessControlRulesForIdentity(rules, identity);\n}\n\n/**\n * Evaluate access control rules statically (without hooks).\n * Used in RowRenderer for the visibility approximation where hooks can't be called.\n */\nexport function evaluateAccessControlRules(\n    item: HasRules,\n    identity: IdentityLike\n): EffectiveFieldRules {\n    const rules = item.rules;\n    if (!rules || rules.length === 0) {\n        return { canView: true, canEdit: true, hidden: false, disabled: false };\n    }\n\n    const { canView, canEdit } = evaluateAccessControlRulesForIdentity(rules, identity);\n    return { canView, canEdit, hidden: false, disabled: false };\n}\n\n/**\n * Internal hook that evaluates all rules (access control + entry value).\n */\nfunction useFieldRules(item: HasRules): EffectiveFieldRules {\n    const { identity } = useAuthentication();\n    const form = useForm();\n    const bindParentName = useBindParentName();\n\n    const rules = item.rules;\n    if (!rules || rules.length === 0) {\n        return { canView: true, canEdit: true, hidden: false, disabled: false };\n    }\n\n    const { canView, canEdit } = evaluateAccessControlRulesForIdentity(rules, identity);\n\n    let hidden = false;\n    let disabled = false;\n\n    for (const rule of rules) {\n        if (rule.type !== \"condition\") {\n            continue;\n        }\n        if (!rule.target || !rule.operator) {\n            continue;\n        }\n        const resolvedPath = resolveFieldPath(rule.target, bindParentName);\n        const matches = evaluateExpression(\n            { target: resolvedPath, operator: rule.operator as any, value: rule.value },\n            name => form.getValue(name)\n        );\n        if (!matches) {\n            continue;\n        }\n        if (rule.action === \"hide\") {\n            hidden = true;\n        } else if (rule.action === \"disable\") {\n            disabled = true;\n        }\n    }\n\n    return { canView, canEdit, hidden, disabled };\n}\n\n/**\n * Composes useParentRules and useFieldRules into a single hook\n * that returns the effective (intersected) rules.\n */\nexport function useFieldEffectiveRules(item: HasRules): EffectiveFieldRules {\n    const parentRules = useParentRules();\n    const itemRules = useFieldRules(item);\n    return {\n        canView: parentRules.canView && itemRules.canView,\n        canEdit: parentRules.canEdit && itemRules.canEdit,\n        hidden: parentRules.hidden || itemRules.hidden,\n        disabled: parentRules.disabled || itemRules.disabled\n    };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Fields/useFieldRules.js","sources":["../../src/Fields/useFieldRules.ts"],"sourcesContent":["import { useForm } from \"@webiny/form\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport type { FieldRule } from \"~/types/model.js\";\nimport { evaluateExpression, resolveFieldPath } from \"./evaluateExpression.js\";\nimport { useParentRules } from \"./FieldRulesProvider.js\";\nimport { useBindParentName } from \"./useBind.js\";\n\nexport interface EffectiveFieldRules {\n    canView: boolean;\n    canEdit: boolean;\n    hidden: boolean;\n    disabled: boolean;\n}\n\ninterface HasRules {\n    rules?: FieldRule[];\n}\n\ninterface IdentityLike {\n    id: string;\n    teams: { slug: string }[];\n}\n\n/**\n * Evaluate access control rules against an identity.\n * Pure function — no hooks, can be called anywhere.\n */\nfunction evaluateAccessControlRulesForIdentity(\n    rules: FieldRule[],\n    identity: IdentityLike\n): Pick<EffectiveFieldRules, \"canView\" | \"canEdit\"> {\n    const userTargets = new Set<string>();\n    userTargets.add(`admin:${identity.id}`);\n    for (const team of identity.teams) {\n        userTargets.add(`team:${team.slug}`);\n    }\n\n    let canView = true;\n    let canEdit = true;\n\n    for (const rule of rules) {\n        if (rule.type !== \"accessControl\") {\n            continue;\n        }\n        if (!rule.value || !rule.operator) {\n            continue;\n        }\n        if (!userTargets.has(String(rule.value))) {\n            continue;\n        }\n        if (rule.action === \"hide\") {\n            canView = false;\n        } else if (rule.action === \"disable\") {\n            canEdit = false;\n        }\n    }\n\n    return { canView, canEdit };\n}\n\n/**\n * Hook that evaluates access control rules for the current identity.\n * Does not require `bindParentName` — only identity-based permissions.\n */\nexport function useFieldAccessControlRules(\n    item: HasRules\n): Pick<EffectiveFieldRules, \"canView\" | \"canEdit\"> {\n    const { identity } = useAuthentication();\n\n    const rules = item.rules;\n    if (!rules || rules.length === 0) {\n        return { canView: true, canEdit: true };\n    }\n\n    return evaluateAccessControlRulesForIdentity(rules, identity);\n}\n\n/**\n * Evaluate access control rules statically (without hooks).\n * Used in RowRenderer for the visibility approximation where hooks can't be called.\n */\nexport function evaluateAccessControlRules(\n    item: HasRules,\n    identity: IdentityLike\n): EffectiveFieldRules {\n    const rules = item.rules;\n    if (!rules || rules.length === 0) {\n        return { canView: true, canEdit: true, hidden: false, disabled: false };\n    }\n\n    const { canView, canEdit } = evaluateAccessControlRulesForIdentity(rules, identity);\n    return { canView, canEdit, hidden: false, disabled: false };\n}\n\n/**\n * Internal hook that evaluates all rules (access control + entry value).\n */\nfunction useFieldRules(item: HasRules): EffectiveFieldRules {\n    const { identity } = useAuthentication();\n    const form = useForm();\n    const bindParentName = useBindParentName();\n\n    const rules = item.rules;\n    if (!rules || rules.length === 0) {\n        return { canView: true, canEdit: true, hidden: false, disabled: false };\n    }\n\n    const { canView, canEdit } = evaluateAccessControlRulesForIdentity(rules, identity);\n\n    let hidden = false;\n    let disabled = false;\n\n    for (const rule of rules) {\n        if (rule.type !== \"condition\") {\n            continue;\n        }\n        if (!rule.target || !rule.operator) {\n            continue;\n        }\n        const resolvedPath = resolveFieldPath(rule.target, bindParentName);\n        const matches = evaluateExpression(\n            { target: resolvedPath, operator: rule.operator as any, value: rule.value },\n            name => form.getValue(name)\n        );\n        if (!matches) {\n            continue;\n        }\n        if (rule.action === \"hide\") {\n            hidden = true;\n        } else if (rule.action === \"disable\") {\n            disabled = true;\n        }\n    }\n\n    return { canView, canEdit, hidden, disabled };\n}\n\n/**\n * Composes useParentRules and useFieldRules into a single hook\n * that returns the effective (intersected) rules.\n */\nexport function useFieldEffectiveRules(item: HasRules): EffectiveFieldRules {\n    const parentRules = useParentRules();\n    const itemRules = useFieldRules(item);\n    return {\n        canView: parentRules.canView && itemRules.canView,\n        canEdit: parentRules.canEdit && itemRules.canEdit,\n        hidden: parentRules.hidden || itemRules.hidden,\n        disabled: parentRules.disabled || itemRules.disabled\n    };\n}\n"],"names":["evaluateAccessControlRulesForIdentity","rules","identity","userTargets","Set","team","canView","canEdit","rule","String","useFieldAccessControlRules","item","useAuthentication","evaluateAccessControlRules","useFieldRules","form","useForm","bindParentName","useBindParentName","hidden","disabled","resolvedPath","resolveFieldPath","matches","evaluateExpression","name","useFieldEffectiveRules","parentRules","useParentRules","itemRules"],"mappings":"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"}

package/Fields/useRenderPlugins.js

@@ -1,7 +1,8 @@
 import { plugins } from "@webiny/plugins";
 import { useMemo } from "react";
-export function useRenderPlugins() {
-  return useMemo(() => plugins.byType("cms-editor-field-renderer"), []);
+function useRenderPlugins() {
+    return useMemo(()=>plugins.byType("cms-editor-field-renderer"), []);
 }
+export { useRenderPlugins };
 
 //# sourceMappingURL=useRenderPlugins.js.map

package/Fields/useRenderPlugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugins","useMemo","useRenderPlugins","byType"],"sources":["useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types/index.js\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,SAASC,OAAO,QAAQ,OAAO;AAG/B,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,OAAOD,OAAO,CACV,MAAMD,OAAO,CAACG,MAAM,CAA8B,2BAA2B,CAAC,EAC9E,EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"Fields/useRenderPlugins.js","sources":["../../src/Fields/useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types/index.js\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"names":["useRenderPlugins","useMemo","plugins"],"mappings":";;AAIO,SAASA;IACZ,OAAOC,QACH,IAAMC,QAAQ,MAAM,CAA8B,8BAClD,EAAE;AAEV"}

package/ModelFieldProvider/CanEditField.js

@@ -1,13 +1,10 @@
-import React from "react";
+import react from "react";
 import { useParentRules } from "../Fields/index.js";
-export const CanEditField = ({
-  children
-}) => {
-  const rules = useParentRules();
-  if (!rules.canEdit || rules.disabled) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+const CanEditField = ({ children })=>{
+    const rules = useParentRules();
+    if (!rules.canEdit || rules.disabled) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
 };
+export { CanEditField };
 
 //# sourceMappingURL=CanEditField.js.map

package/ModelFieldProvider/CanEditField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useParentRules","CanEditField","children","rules","canEdit","disabled","createElement","Fragment"],"sources":["CanEditField.tsx"],"sourcesContent":["import React from \"react\";\nimport { useParentRules } from \"~/Fields/index.js\";\n\nexport interface CanEditFieldProps {\n    children: React.ReactNode;\n}\n\nexport const CanEditField = ({ children }: CanEditFieldProps) => {\n    const rules = useParentRules();\n\n    if (!rules.canEdit || rules.disabled) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AAMvB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC7D,MAAMC,KAAK,GAAGH,cAAc,CAAC,CAAC;EAE9B,IAAI,CAACG,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,QAAQ,EAAE;IAClC,OAAO,IAAI;EACf;EAEA,oBAAON,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QAAGL,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"ModelFieldProvider/CanEditField.js","sources":["../../src/ModelFieldProvider/CanEditField.tsx"],"sourcesContent":["import React from \"react\";\nimport { useParentRules } from \"~/Fields/index.js\";\n\nexport interface CanEditFieldProps {\n    children: React.ReactNode;\n}\n\nexport const CanEditField = ({ children }: CanEditFieldProps) => {\n    const rules = useParentRules();\n\n    if (!rules.canEdit || rules.disabled) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"names":["CanEditField","children","rules","useParentRules"],"mappings":";;AAOO,MAAMA,eAAe,CAAC,EAAEC,QAAQ,EAAqB;IACxD,MAAMC,QAAQC;IAEd,IAAI,CAACD,MAAM,OAAO,IAAIA,MAAM,QAAQ,EAChC,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGD;AACd"}