@webiny/app-headless-cms-common 6.0.0-rc.1 → 6.0.0-rc.3

package/Fields/FieldRulesProvider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { EffectiveFieldRules } from "./useFieldRules.js";
+interface FieldRulesProviderProps {
+    rules: EffectiveFieldRules;
+    children: React.ReactNode;
+}
+export declare const FieldRulesProvider: ({ rules, children }: FieldRulesProviderProps) => React.JSX.Element;
+export declare const useParentRules: () => EffectiveFieldRules;
+export {};

package/Fields/FieldRulesProvider.js

@@ -0,0 +1,20 @@
+import React, { createContext, useContext } from "react";
+const FieldRulesContext = /*#__PURE__*/createContext({
+  canView: true,
+  canEdit: true,
+  hidden: false,
+  disabled: false
+});
+export const FieldRulesProvider = ({
+  rules,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(FieldRulesContext.Provider, {
+    value: rules
+  }, children);
+};
+export const useParentRules = () => {
+  return useContext(FieldRulesContext);
+};
+
+//# sourceMappingURL=FieldRulesProvider.js.map

package/Fields/FieldRulesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","FieldRulesContext","canView","canEdit","hidden","disabled","FieldRulesProvider","rules","children","createElement","Provider","value","useParentRules"],"sources":["FieldRulesProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { EffectiveFieldRules } from \"./useFieldRules.js\";\n\nconst FieldRulesContext = createContext<EffectiveFieldRules>({\n    canView: true,\n    canEdit: true,\n    hidden: false,\n    disabled: false\n});\n\ninterface FieldRulesProviderProps {\n    rules: EffectiveFieldRules;\n    children: React.ReactNode;\n}\n\nexport const FieldRulesProvider = ({ rules, children }: FieldRulesProviderProps) => {\n    return <FieldRulesContext.Provider value={rules}>{children}</FieldRulesContext.Provider>;\n};\n\nexport const useParentRules = (): EffectiveFieldRules => {\n    return useContext(FieldRulesContext);\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGxD,MAAMC,iBAAiB,gBAAGF,aAAa,CAAsB;EACzDG,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE;AACd,CAAC,CAAC;AAOF,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAChF,oBAAOV,KAAA,CAAAW,aAAA,CAACR,iBAAiB,CAACS,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAEC,QAAqC,CAAC;AAC5F,CAAC;AAED,OAAO,MAAMI,cAAc,GAAGA,CAAA,KAA2B;EACrD,OAAOZ,UAAU,CAACC,iBAAiB,CAAC;AACxC,CAAC","ignoreList":[]}

package/Fields/Fields.js

@@ -2,6 +2,11 @@ import React from "react";
 import { Alert, Grid } from "@webiny/admin-ui";
 import { FieldElement } from "./FieldElement.js";
 import { FieldElementError } from "./FieldElementError.js";
+import { isLayoutDescriptor } from "../types/model.js";
+import { LayoutDescriptorCell } from "./LayoutDescriptorCell.js";
+import { useAuthentication } from "@webiny/app-admin";
+import { FieldRulesProvider, useParentRules } from "./FieldRulesProvider.js";
+import { evaluateAccessControlRules, useEffectiveRules } from "./useFieldRules.js";
 const getFieldById = (fields, id) => {
   return fields.find(field => field.id === id) || null;
 };
@@ -10,6 +15,121 @@ const LayoutNotDefined = () => {
     type: "warning"
   }, "You are missing the layout definition in your code content model. Please ensure you have the layout property correctly defined.");
 };
+
+/**
+ * Renders a single layout descriptor cell with rules + permissions.
+ */
+
+const LayoutCell = ({
+  cell,
+  Bind,
+  fields,
+  contentModel,
+  gridClassName
+}) => {
+  const isLayout = isLayoutDescriptor(cell);
+  const rules = useEffectiveRules(isLayout ? cell : {});
+  if (!isLayout) {
+    return null;
+  }
+  if (!rules.canView || rules.hidden) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(FieldRulesProvider, {
+    rules: rules
+  }, /*#__PURE__*/React.createElement(LayoutDescriptorCell, {
+    descriptor: cell,
+    Bind: Bind,
+    fields: fields,
+    contentModel: contentModel,
+    gridClassName: gridClassName
+  }));
+};
+
+/**
+ * Renders a single data field cell with rules + permissions.
+ */
+
+const FieldCell = ({
+  id,
+  field,
+  span,
+  Bind,
+  contentModel
+}) => {
+  const rules = useEffectiveRules(field ?? {});
+  if (!rules.canView || rules.hidden) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: span
+  }, field ? /*#__PURE__*/React.createElement(FieldRulesProvider, {
+    rules: rules
+  }, /*#__PURE__*/React.createElement(FieldElement, {
+    field: field,
+    Bind: Bind,
+    contentModel: contentModel
+  })) : /*#__PURE__*/React.createElement(FieldElementError, {
+    title: `Missing field with id "${id}"!`,
+    description: "Make sure field layout contains the correct field ids (hint: check for typos)."
+  }));
+};
+
+/**
+ * Renders a single row, delegating each cell to FieldCell or LayoutCell.
+ */
+
+const RowRenderer = ({
+  row,
+  fields,
+  Bind,
+  contentModel,
+  gridClassName
+}) => {
+  const {
+    identity
+  } = useAuthentication();
+  const parentRules = useParentRules();
+
+  // Count visible string cells for column span calculation.
+  // This count is approximate based on access control rules only (not entry value rules),
+  // because entry value rules require per-field hooks and we can't call them in a filter.
+  // The actual visibility is enforced in FieldCell.
+  const visibleStringCells = row.filter(c => {
+    if (typeof c !== "string") {
+      return false;
+    }
+    const f = getFieldById(fields, c);
+    if (!f) {
+      return true;
+    }
+    const acPerms = evaluateAccessControlRules(f, identity);
+    return parentRules.canView && acPerms.canView;
+  });
+  const span = visibleStringCells.length > 0 ? Math.floor(12 / visibleStringCells.length) : 12;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, row.map(cell => {
+    if (isLayoutDescriptor(cell)) {
+      return /*#__PURE__*/React.createElement(LayoutCell, {
+        key: cell.id,
+        cell: cell,
+        Bind: Bind,
+        fields: fields,
+        contentModel: contentModel,
+        gridClassName: gridClassName
+      });
+    }
+    const id = cell;
+    const field = getFieldById(fields, id);
+    return /*#__PURE__*/React.createElement(FieldCell, {
+      key: id,
+      id: id,
+      field: field,
+      span: span,
+      Bind: Bind,
+      contentModel: contentModel
+    });
+  }));
+};
 export const Fields = ({
   Bind,
   fields,
@@ -17,26 +137,19 @@ export const Fields = ({
   contentModel,
   gridClassName
 }) => {
-  if (fields.length > 0 && layout.length === 0) {
+  if (contentModel.plugin && fields.length > 0 && layout.length === 0) {
     return /*#__PURE__*/React.createElement(LayoutNotDefined, null);
   }
   return /*#__PURE__*/React.createElement(Grid, {
     className: gridClassName
   }, layout.map((row, rowIndex) => /*#__PURE__*/React.createElement(React.Fragment, {
     key: rowIndex
-  }, row.map(id => {
-    const field = getFieldById(fields, id);
-    return /*#__PURE__*/React.createElement(Grid.Column, {
-      span: Math.floor(12 / row.length),
-      key: id
-    }, field ? /*#__PURE__*/React.createElement(FieldElement, {
-      field: field,
-      Bind: Bind,
-      contentModel: contentModel
-    }) : /*#__PURE__*/React.createElement(FieldElementError, {
-      title: `Missing field with id "${id}"!`,
-      description: "Make sure field layout contains the correct field ids (hint: check for typos)."
-    }));
+  }, /*#__PURE__*/React.createElement(RowRenderer, {
+    row: row,
+    fields: fields,
+    Bind: Bind,
+    contentModel: contentModel,
+    gridClassName: gridClassName
   }))));
 };
 

package/Fields/Fields.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","Grid","FieldElement","FieldElementError","getFieldById","fields","id","find","field","LayoutNotDefined","createElement","type","Fields","Bind","layout","contentModel","gridClassName","length","className","map","row","rowIndex","Fragment","key","Column","span","Math","floor","title","description"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, type ColumnProps, Grid } from \"@webiny/admin-ui\";\nimport { FieldElement } from \"./FieldElement.js\";\nimport { FieldElementError } from \"./FieldElementError.js\";\nimport type {\n    BindComponent,\n    CmsEditorContentModel,\n    CmsEditorFieldsLayout,\n    CmsModelField\n} from \"~/types/index.js\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nconst LayoutNotDefined = () => {\n    return (\n        <Alert type={\"warning\"}>\n            You are missing the layout definition in your code content model. Please ensure you have\n            the layout property correctly defined.\n        </Alert>\n    );\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    if (fields.length > 0 && layout.length === 0) {\n        return <LayoutNotDefined />;\n    }\n\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(id => {\n                        const field = getFieldById(fields, id) as CmsModelField;\n\n                        return (\n                            <Grid.Column\n                                span={Math.floor(12 / row.length) as ColumnProps[\"span\"]}\n                                key={id}\n                            >\n                                {field ? (\n                                    <FieldElement\n                                        field={field}\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                    />\n                                ) : (\n                                    <FieldElementError\n                                        title={`Missing field with id \"${id}\"!`}\n                                        description={\n                                            \"Make sure field layout contains the correct field ids (hint: check for typos).\"\n                                        }\n                                    />\n                                )}\n                            </Grid.Column>\n                        );\n                    })}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAoBC,IAAI,QAAQ,kBAAkB;AAChE,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAgB1B,MAAMC,YAAY,GAAGA,CAACC,MAAuB,EAAEC,EAAU,KAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE,CAAC,IAAI,IAAI;AACxD,CAAC;AAED,MAAMG,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,oBACIV,KAAA,CAAAW,aAAA,CAACV,KAAK;IAACW,IAAI,EAAE;EAAU,GAAC,iIAGjB,CAAC;AAEhB,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAER,MAAM;EAAES,MAAM;EAAEC,YAAY;EAAEC;AAA2B,CAAC,KAAK;EAC1F,IAAIX,MAAM,CAACY,MAAM,GAAG,CAAC,IAAIH,MAAM,CAACG,MAAM,KAAK,CAAC,EAAE;IAC1C,oBAAOlB,KAAA,CAAAW,aAAA,CAACD,gBAAgB,MAAE,CAAC;EAC/B;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACiB,SAAS,EAAEF;EAAc,GAC1BF,MAAM,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBtB,KAAA,CAAAW,aAAA,CAACX,KAAK,CAACuB,QAAQ;IAACC,GAAG,EAAEF;EAAS,GACzBD,GAAG,CAACD,GAAG,CAACb,EAAE,IAAI;IACX,MAAME,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEC,EAAE,CAAkB;IAEvD,oBACIP,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACuB,MAAM;MACRC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGP,GAAG,CAACH,MAAM,CAAyB;MACzDM,GAAG,EAAEjB;IAAG,GAEPE,KAAK,gBACFT,KAAA,CAAAW,aAAA,CAACR,YAAY;MACTM,KAAK,EAAEA,KAAM;MACbK,IAAI,EAAEA,IAAK;MACXE,YAAY,EAAEA;IAAa,CAC9B,CAAC,gBAEFhB,KAAA,CAAAW,aAAA,CAACP,iBAAiB;MACdyB,KAAK,EAAE,0BAA0BtB,EAAE,IAAK;MACxCuB,WAAW,EACP;IACH,CACJ,CAEI,CAAC;EAEtB,CAAC,CACW,CACnB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Alert","Grid","FieldElement","FieldElementError","isLayoutDescriptor","LayoutDescriptorCell","useAuthentication","FieldRulesProvider","useParentRules","evaluateAccessControlRules","useEffectiveRules","getFieldById","fields","id","find","field","LayoutNotDefined","createElement","type","LayoutCell","cell","Bind","contentModel","gridClassName","isLayout","rules","canView","hidden","descriptor","FieldCell","span","Column","title","description","RowRenderer","row","identity","parentRules","visibleStringCells","filter","c","f","acPerms","length","Math","floor","Fragment","map","key","Fields","layout","plugin","className","rowIndex"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, type ColumnProps, Grid } from \"@webiny/admin-ui\";\nimport { FieldElement } from \"./FieldElement.js\";\nimport { FieldElementError } from \"./FieldElementError.js\";\nimport type {\n    BindComponent,\n    CmsEditorContentModel,\n    CmsEditorFieldsLayout,\n    CmsModelField\n} from \"~/types/index.js\";\nimport type { CmsEditorLayoutCell } from \"~/types/model.js\";\nimport { isLayoutDescriptor } from \"~/types/model.js\";\nimport { LayoutDescriptorCell } from \"./LayoutDescriptorCell.js\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { FieldRulesProvider, useParentRules } from \"./FieldRulesProvider.js\";\nimport { evaluateAccessControlRules, useEffectiveRules } from \"./useFieldRules.js\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nconst LayoutNotDefined = () => {\n    return (\n        <Alert type={\"warning\"}>\n            You are missing the layout definition in your code content model. Please ensure you have\n            the layout property correctly defined.\n        </Alert>\n    );\n};\n\n/**\n * Renders a single layout descriptor cell with rules + permissions.\n */\ninterface LayoutCellProps {\n    cell: CmsEditorLayoutCell;\n    Bind: BindComponent;\n    fields: CmsModelField[];\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nconst LayoutCell = ({ cell, Bind, fields, contentModel, gridClassName }: LayoutCellProps) => {\n    const isLayout = isLayoutDescriptor(cell);\n    const rules = useEffectiveRules(isLayout ? cell : {});\n\n    if (!isLayout) {\n        return null;\n    }\n\n    if (!rules.canView || rules.hidden) {\n        return null;\n    }\n\n    return (\n        <FieldRulesProvider rules={rules}>\n            <LayoutDescriptorCell\n                descriptor={cell}\n                Bind={Bind}\n                fields={fields}\n                contentModel={contentModel}\n                gridClassName={gridClassName}\n            />\n        </FieldRulesProvider>\n    );\n};\n\n/**\n * Renders a single data field cell with rules + permissions.\n */\ninterface FieldCellProps {\n    id: string;\n    field: CmsModelField | null;\n    span: ColumnProps[\"span\"];\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nconst FieldCell = ({ id, field, span, Bind, contentModel }: FieldCellProps) => {\n    const rules = useEffectiveRules(field ?? {});\n\n    if (!rules.canView || rules.hidden) {\n        return null;\n    }\n\n    return (\n        <Grid.Column span={span}>\n            {field ? (\n                <FieldRulesProvider rules={rules}>\n                    <FieldElement field={field} Bind={Bind} contentModel={contentModel} />\n                </FieldRulesProvider>\n            ) : (\n                <FieldElementError\n                    title={`Missing field with id \"${id}\"!`}\n                    description={\n                        \"Make sure field layout contains the correct field ids (hint: check for typos).\"\n                    }\n                />\n            )}\n        </Grid.Column>\n    );\n};\n\n/**\n * Renders a single row, delegating each cell to FieldCell or LayoutCell.\n */\ninterface RowRendererProps {\n    row: CmsEditorLayoutCell[];\n    fields: CmsModelField[];\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nconst RowRenderer = ({ row, fields, Bind, contentModel, gridClassName }: RowRendererProps) => {\n    const { identity } = useAuthentication();\n    const parentRules = useParentRules();\n\n    // Count visible string cells for column span calculation.\n    // This count is approximate based on access control rules only (not entry value rules),\n    // because entry value rules require per-field hooks and we can't call them in a filter.\n    // The actual visibility is enforced in FieldCell.\n    const visibleStringCells = row.filter(c => {\n        if (typeof c !== \"string\") {\n            return false;\n        }\n        const f = getFieldById(fields, c);\n        if (!f) {\n            return true;\n        }\n        const acPerms = evaluateAccessControlRules(f, identity);\n        return parentRules.canView && acPerms.canView;\n    });\n\n    const span =\n        visibleStringCells.length > 0\n            ? (Math.floor(12 / visibleStringCells.length) as ColumnProps[\"span\"])\n            : (12 as ColumnProps[\"span\"]);\n\n    return (\n        <>\n            {row.map(cell => {\n                if (isLayoutDescriptor(cell)) {\n                    return (\n                        <LayoutCell\n                            key={cell.id}\n                            cell={cell}\n                            Bind={Bind}\n                            fields={fields}\n                            contentModel={contentModel}\n                            gridClassName={gridClassName}\n                        />\n                    );\n                }\n\n                const id = cell as string;\n                const field = getFieldById(fields, id);\n\n                return (\n                    <FieldCell\n                        key={id}\n                        id={id}\n                        field={field}\n                        span={span}\n                        Bind={Bind}\n                        contentModel={contentModel}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    if (contentModel.plugin && fields.length > 0 && layout.length === 0) {\n        return <LayoutNotDefined />;\n    }\n\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    <RowRenderer\n                        row={row}\n                        fields={fields}\n                        Bind={Bind}\n                        contentModel={contentModel}\n                        gridClassName={gridClassName}\n                    />\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/Fields/LayoutDescriptorCell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsLayoutDescriptor } from "../types/model.js";
+import type { BindComponent, CmsEditorContentModel, CmsModelField } from "../types/index.js";
+interface LayoutDescriptorCellProps {
+    descriptor: CmsLayoutDescriptor;
+    Bind: BindComponent;
+    fields: CmsModelField[];
+    contentModel: CmsEditorContentModel;
+    gridClassName?: string;
+}
+export declare const LayoutDescriptorCell: ({ descriptor, Bind, fields, contentModel, gridClassName }: LayoutDescriptorCellProps) => React.JSX.Element | null;
+export {};

package/Fields/LayoutDescriptorCell.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import { SeparatorFieldRenderer } from "./layoutFieldRenderers/SeparatorFieldRenderer.js";
+import { AlertFieldRenderer } from "./layoutFieldRenderers/AlertFieldRenderer.js";
+import { TabsFieldRenderer } from "./layoutFieldRenderers/TabsFieldRenderer.js";
+export const LayoutDescriptorCell = ({
+  descriptor,
+  Bind,
+  fields,
+  contentModel,
+  gridClassName
+}) => {
+  switch (descriptor.type) {
+    case "separator":
+      return /*#__PURE__*/React.createElement(SeparatorFieldRenderer, {
+        descriptor: descriptor
+      });
+    case "alert":
+      return /*#__PURE__*/React.createElement(AlertFieldRenderer, {
+        descriptor: descriptor
+      });
+    case "tabs":
+      return /*#__PURE__*/React.createElement(TabsFieldRenderer, {
+        descriptor: descriptor,
+        Bind: Bind,
+        fields: fields,
+        contentModel: contentModel,
+        gridClassName: gridClassName
+      });
+    default:
+      {
+        const rendererPlugin = plugins.byType("cms-layout-descriptor-renderer").find(p => p.descriptorType === descriptor.type);
+        if (rendererPlugin) {
+          return rendererPlugin.render({
+            descriptor,
+            Bind,
+            fields,
+            contentModel,
+            gridClassName
+          });
+        }
+        return null;
+      }
+  }
+};
+
+//# sourceMappingURL=LayoutDescriptorCell.js.map

package/Fields/LayoutDescriptorCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","plugins","SeparatorFieldRenderer","AlertFieldRenderer","TabsFieldRenderer","LayoutDescriptorCell","descriptor","Bind","fields","contentModel","gridClassName","type","createElement","rendererPlugin","byType","find","p","descriptorType","render"],"sources":["LayoutDescriptorCell.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsAlertLayoutDescriptor,\n    CmsLayoutDescriptor,\n    CmsSeparatorLayoutDescriptor,\n    CmsTabLayoutDescriptor\n} from \"~/types/model.js\";\nimport type {\n    BindComponent,\n    CmsEditorContentModel,\n    CmsLayoutDescriptorRendererPlugin,\n    CmsModelField\n} from \"~/types/index.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport { SeparatorFieldRenderer } from \"./layoutFieldRenderers/SeparatorFieldRenderer.js\";\nimport { AlertFieldRenderer } from \"./layoutFieldRenderers/AlertFieldRenderer.js\";\nimport { TabsFieldRenderer } from \"./layoutFieldRenderers/TabsFieldRenderer.js\";\n\ninterface LayoutDescriptorCellProps {\n    descriptor: CmsLayoutDescriptor;\n    Bind: BindComponent;\n    fields: CmsModelField[];\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nexport const LayoutDescriptorCell = ({\n    descriptor,\n    Bind,\n    fields,\n    contentModel,\n    gridClassName\n}: LayoutDescriptorCellProps) => {\n    switch (descriptor.type) {\n        case \"separator\":\n            return (\n                <SeparatorFieldRenderer descriptor={descriptor as CmsSeparatorLayoutDescriptor} />\n            );\n        case \"alert\":\n            return <AlertFieldRenderer descriptor={descriptor as CmsAlertLayoutDescriptor} />;\n        case \"tabs\":\n            return (\n                <TabsFieldRenderer\n                    descriptor={descriptor as CmsTabLayoutDescriptor}\n                    Bind={Bind}\n                    fields={fields}\n                    contentModel={contentModel}\n                    gridClassName={gridClassName}\n                />\n            );\n        default: {\n            const rendererPlugin = plugins\n                .byType<CmsLayoutDescriptorRendererPlugin>(\"cms-layout-descriptor-renderer\")\n                .find(p => p.descriptorType === descriptor.type);\n            if (rendererPlugin) {\n                return rendererPlugin.render({\n                    descriptor,\n                    Bind,\n                    fields,\n                    contentModel,\n                    gridClassName\n                });\n            }\n            return null;\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAazB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAU1B,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACjCC,UAAU;EACVC,IAAI;EACJC,MAAM;EACNC,YAAY;EACZC;AACuB,CAAC,KAAK;EAC7B,QAAQJ,UAAU,CAACK,IAAI;IACnB,KAAK,WAAW;MACZ,oBACIX,KAAA,CAAAY,aAAA,CAACV,sBAAsB;QAACI,UAAU,EAAEA;MAA2C,CAAE,CAAC;IAE1F,KAAK,OAAO;MACR,oBAAON,KAAA,CAAAY,aAAA,CAACT,kBAAkB;QAACG,UAAU,EAAEA;MAAuC,CAAE,CAAC;IACrF,KAAK,MAAM;MACP,oBACIN,KAAA,CAAAY,aAAA,CAACR,iBAAiB;QACdE,UAAU,EAAEA,UAAqC;QACjDC,IAAI,EAAEA,IAAK;QACXC,MAAM,EAAEA,MAAO;QACfC,YAAY,EAAEA,YAAa;QAC3BC,aAAa,EAAEA;MAAc,CAChC,CAAC;IAEV;MAAS;QACL,MAAMG,cAAc,GAAGZ,OAAO,CACzBa,MAAM,CAAoC,gCAAgC,CAAC,CAC3EC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,cAAc,KAAKX,UAAU,CAACK,IAAI,CAAC;QACpD,IAAIE,cAAc,EAAE;UAChB,OAAOA,cAAc,CAACK,MAAM,CAAC;YACzBZ,UAAU;YACVC,IAAI;YACJC,MAAM;YACNC,YAAY;YACZC;UACJ,CAAC,CAAC;QACN;QACA,OAAO,IAAI;MACf;EACJ;AACJ,CAAC","ignoreList":[]}

package/Fields/evaluateExpression.d.ts

@@ -0,0 +1,23 @@
+export type Operator = "==" | "!=" | ">" | "<" | ">=" | "<=" | "contains" | "startsWith" | "endsWith" | "isEmpty" | "isNotEmpty";
+export interface ParsedExpression {
+    target: string;
+    operator: Operator;
+    value: string | number | boolean | null;
+}
+/**
+ * Resolve a fieldPath that may contain `$` placeholders using the bindParentName.
+ *
+ * The bindParentName gives us the concrete indices for the current list context.
+ * For example, if fieldPath is `panorama.hotspots.$.title` and bindParentName
+ * is `panorama.hotspots.2`, the result is `panorama.hotspots.2.title`.
+ *
+ * Supports multiple nested `$` segments for deeply nested list objects.
+ */
+export declare function resolveFieldPath(fieldPath: string, bindParentName?: string): string;
+/**
+ * Evaluate a parsed expression against form values.
+ *
+ * If the resolved fieldPath ends with `.length`, it reads the array at the parent
+ * path and uses its length as the left-hand value.
+ */
+export declare function evaluateExpression(parsed: ParsedExpression, getFormValue: (path: string) => unknown): boolean;

package/Fields/evaluateExpression.js

@@ -0,0 +1,102 @@
+/**
+ * Resolve a fieldPath that may contain `$` placeholders using the bindParentName.
+ *
+ * The bindParentName gives us the concrete indices for the current list context.
+ * For example, if fieldPath is `panorama.hotspots.$.title` and bindParentName
+ * is `panorama.hotspots.2`, the result is `panorama.hotspots.2.title`.
+ *
+ * Supports multiple nested `$` segments for deeply nested list objects.
+ */
+export function resolveFieldPath(fieldPath, bindParentName) {
+  if (!fieldPath.includes("$")) {
+    return fieldPath;
+  }
+  if (!bindParentName) {
+    // No parent context, replace $ with 0 as fallback
+    return fieldPath.replace(/\$/g, "0");
+  }
+  const pathParts = fieldPath.split(".");
+  const parentParts = bindParentName.split(".");
+
+  // Build a map of prefix -> index from the parent path.
+  // E.g., parentName "panorama.hotspots.2.items.1" gives us:
+  //   "panorama.hotspots" -> "2"
+  //   "panorama.hotspots.2.items" -> "1"
+  const indexMap = new Map();
+  const prefixParts = [];
+  for (const part of parentParts) {
+    if (/^\d+$/.test(part)) {
+      indexMap.set(prefixParts.join("."), part);
+    } else {
+      prefixParts.push(part);
+    }
+  }
+
+  // Walk through pathParts and replace each `$` with the corresponding index
+  const resolved = [];
+  const currentPrefix = [];
+  for (const part of pathParts) {
+    if (part === "$") {
+      const key = currentPrefix.join(".");
+      const index = indexMap.get(key) ?? "0";
+      resolved.push(index);
+    } else {
+      currentPrefix.push(part);
+      resolved.push(part);
+    }
+  }
+  return resolved.join(".");
+}
+function compareValues(operator, val, rhs) {
+  switch (operator) {
+    case "==":
+      return val == rhs;
+    case "!=":
+      return val != rhs;
+    case ">":
+      return Number(val) > Number(rhs);
+    case "<":
+      return Number(val) < Number(rhs);
+    case ">=":
+      return Number(val) >= Number(rhs);
+    case "<=":
+      return Number(val) <= Number(rhs);
+    case "contains":
+      return String(val ?? "").includes(String(rhs ?? ""));
+    case "startsWith":
+      return String(val ?? "").startsWith(String(rhs ?? ""));
+    case "endsWith":
+      return String(val ?? "").endsWith(String(rhs ?? ""));
+    case "isEmpty":
+      return val == null || val === "" || Array.isArray(val) && val.length === 0;
+    case "isNotEmpty":
+      return val != null && val !== "" && !(Array.isArray(val) && val.length === 0);
+    default:
+      return false;
+  }
+}
+
+/**
+ * Evaluate a parsed expression against form values.
+ *
+ * If the resolved fieldPath ends with `.length`, it reads the array at the parent
+ * path and uses its length as the left-hand value.
+ */
+export function evaluateExpression(parsed, getFormValue) {
+  const {
+    target,
+    operator,
+    value: rhs
+  } = parsed;
+  let val;
+  if (target.endsWith(".length")) {
+    const arrayPath = target.slice(0, -".length".length);
+    const arr = getFormValue(arrayPath);
+    val = Array.isArray(arr) ? arr.length : 0;
+  } else {
+    val = getFormValue(target);
+  }
+  return compareValues(operator, val, rhs);
+}
+
+//# sourceMappingURL=evaluateExpression.js.map

package/Fields/evaluateExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveFieldPath","fieldPath","bindParentName","includes","replace","pathParts","split","parentParts","indexMap","Map","prefixParts","part","test","set","join","push","resolved","currentPrefix","key","index","get","compareValues","operator","val","rhs","Number","String","startsWith","endsWith","Array","isArray","length","evaluateExpression","parsed","getFormValue","target","value","arrayPath","slice","arr"],"sources":["evaluateExpression.ts"],"sourcesContent":["export type Operator =\n    | \"==\"\n    | \"!=\"\n    | \">\"\n    | \"<\"\n    | \">=\"\n    | \"<=\"\n    | \"contains\"\n    | \"startsWith\"\n    | \"endsWith\"\n    | \"isEmpty\"\n    | \"isNotEmpty\";\n\nexport interface ParsedExpression {\n    target: string;\n    operator: Operator;\n    value: string | number | boolean | null;\n}\n\n/**\n * Resolve a fieldPath that may contain `$` placeholders using the bindParentName.\n *\n * The bindParentName gives us the concrete indices for the current list context.\n * For example, if fieldPath is `panorama.hotspots.$.title` and bindParentName\n * is `panorama.hotspots.2`, the result is `panorama.hotspots.2.title`.\n *\n * Supports multiple nested `$` segments for deeply nested list objects.\n */\nexport function resolveFieldPath(fieldPath: string, bindParentName?: string): string {\n    if (!fieldPath.includes(\"$\")) {\n        return fieldPath;\n    }\n\n    if (!bindParentName) {\n        // No parent context, replace $ with 0 as fallback\n        return fieldPath.replace(/\\$/g, \"0\");\n    }\n\n    const pathParts = fieldPath.split(\".\");\n    const parentParts = bindParentName.split(\".\");\n\n    // Build a map of prefix -> index from the parent path.\n    // E.g., parentName \"panorama.hotspots.2.items.1\" gives us:\n    //   \"panorama.hotspots\" -> \"2\"\n    //   \"panorama.hotspots.2.items\" -> \"1\"\n    const indexMap = new Map<string, string>();\n    const prefixParts: string[] = [];\n    for (const part of parentParts) {\n        if (/^\\d+$/.test(part)) {\n            indexMap.set(prefixParts.join(\".\"), part);\n        } else {\n            prefixParts.push(part);\n        }\n    }\n\n    // Walk through pathParts and replace each `$` with the corresponding index\n    const resolved: string[] = [];\n    const currentPrefix: string[] = [];\n    for (const part of pathParts) {\n        if (part === \"$\") {\n            const key = currentPrefix.join(\".\");\n            const index = indexMap.get(key) ?? \"0\";\n            resolved.push(index);\n        } else {\n            currentPrefix.push(part);\n            resolved.push(part);\n        }\n    }\n\n    return resolved.join(\".\");\n}\n\nfunction compareValues(\n    operator: string,\n    val: unknown,\n    rhs: string | number | boolean | null\n): boolean {\n    switch (operator) {\n        case \"==\":\n            return val == rhs;\n        case \"!=\":\n            return val != rhs;\n        case \">\":\n            return Number(val) > Number(rhs);\n        case \"<\":\n            return Number(val) < Number(rhs);\n        case \">=\":\n            return Number(val) >= Number(rhs);\n        case \"<=\":\n            return Number(val) <= Number(rhs);\n        case \"contains\":\n            return String(val ?? \"\").includes(String(rhs ?? \"\"));\n        case \"startsWith\":\n            return String(val ?? \"\").startsWith(String(rhs ?? \"\"));\n        case \"endsWith\":\n            return String(val ?? \"\").endsWith(String(rhs ?? \"\"));\n        case \"isEmpty\":\n            return val == null || val === \"\" || (Array.isArray(val) && val.length === 0);\n        case \"isNotEmpty\":\n            return val != null && val !== \"\" && !(Array.isArray(val) && val.length === 0);\n        default:\n            return false;\n    }\n}\n\n/**\n * Evaluate a parsed expression against form values.\n *\n * If the resolved fieldPath ends with `.length`, it reads the array at the parent\n * path and uses its length as the left-hand value.\n */\nexport function evaluateExpression(\n    parsed: ParsedExpression,\n    getFormValue: (path: string) => unknown\n): boolean {\n    const { target, operator, value: rhs } = parsed;\n\n    let val: unknown;\n    if (target.endsWith(\".length\")) {\n        const arrayPath = target.slice(0, -\".length\".length);\n        const arr = getFormValue(arrayPath);\n        val = Array.isArray(arr) ? arr.length : 0;\n    } else {\n        val = getFormValue(target);\n    }\n\n    return compareValues(operator, val, rhs);\n}\n"],"mappings":"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","ignoreList":[]}

package/Fields/fieldOptions.d.ts

@@ -0,0 +1,36 @@
+import type { CmsModelField, CmsEditorFieldsLayout } from "../types/model.js";
+import type { CmsLayoutFieldTypePlugin } from "../types/index.js";
+export interface FieldOption {
+    label: string;
+    value: string;
+    fieldType: string;
+}
+/**
+ * Walk a model layout and collect label prefixes for each field ID by delegating
+ * to `getFieldLabelPrefixes` on the matching layout-field-type plugin.
+ *
+ * Returns a map from fieldId to its label prefix string
+ * (e.g., `"metaTitle" → "My Tabs › SEO"`).
+ */
+export declare function buildFieldLabelPrefixes(layout: CmsEditorFieldsLayout, plugins: CmsLayoutFieldTypePlugin[]): Map<string, string>;
+/**
+ * Build a flat list of field options from the model's field tree.
+ * Paths are absolute using fieldId segments, with `$` for list-object children
+ * (e.g., `panorama.hotspots.$.title`).
+ *
+ * When `fieldLabelPrefixes` is provided, fields whose IDs appear in the map will
+ * have the layout hierarchy prepended to their labels
+ * (e.g., `"My Tabs › SEO › Meta Title"`).
+ *
+ * When `layoutPlugins` is provided, nested layouts inside object fields
+ * (e.g., tabs inside an object field) are also scanned for label prefixes.
+ *
+ * Recursion rules:
+ * - Leaf field (no settings.fields): emit option
+ * - Object field (settings.fields, not list): recurse with prefix
+ * - List object field (settings.fields, list: true): emit `.length` pseudo-option,
+ *   then recurse children with `.$` segment
+ * - dynamicZone: skip
+ * - ref: emit for isEmpty checks, skip children
+ */
+export declare function buildFieldOptions(fields: CmsModelField[], prefix?: string, labelPrefix?: string, fieldLabelPrefixes?: Map<string, string>, layoutPlugins?: CmsLayoutFieldTypePlugin[]): FieldOption[];

package/Fields/fieldOptions.js

@@ -0,0 +1,113 @@
+import { isLayoutDescriptor } from "../types/model.js";
+/**
+ * Walk a model layout and collect label prefixes for each field ID by delegating
+ * to `getFieldLabelPrefixes` on the matching layout-field-type plugin.
+ *
+ * Returns a map from fieldId to its label prefix string
+ * (e.g., `"metaTitle" → "My Tabs › SEO"`).
+ */
+export function buildFieldLabelPrefixes(layout, plugins) {
+  const map = new Map();
+  const pluginByType = new Map(plugins.map(p => [p.field.type, p]));
+  for (const row of layout) {
+    for (const cell of row) {
+      if (!isLayoutDescriptor(cell)) {
+        continue;
+      }
+      const plugin = pluginByType.get(cell.type);
+      if (!plugin?.field.getFieldLabelPrefixes) {
+        continue;
+      }
+      const prefixes = plugin.field.getFieldLabelPrefixes({
+        descriptor: cell
+      });
+      for (const [fieldId, prefix] of Object.entries(prefixes)) {
+        map.set(fieldId, prefix);
+      }
+    }
+  }
+  return map;
+}
+
+/**
+ * Build a flat list of field options from the model's field tree.
+ * Paths are absolute using fieldId segments, with `$` for list-object children
+ * (e.g., `panorama.hotspots.$.title`).
+ *
+ * When `fieldLabelPrefixes` is provided, fields whose IDs appear in the map will
+ * have the layout hierarchy prepended to their labels
+ * (e.g., `"My Tabs › SEO › Meta Title"`).
+ *
+ * When `layoutPlugins` is provided, nested layouts inside object fields
+ * (e.g., tabs inside an object field) are also scanned for label prefixes.
+ *
+ * Recursion rules:
+ * - Leaf field (no settings.fields): emit option
+ * - Object field (settings.fields, not list): recurse with prefix
+ * - List object field (settings.fields, list: true): emit `.length` pseudo-option,
+ *   then recurse children with `.$` segment
+ * - dynamicZone: skip
+ * - ref: emit for isEmpty checks, skip children
+ */
+export function buildFieldOptions(fields, prefix = "", labelPrefix = "", fieldLabelPrefixes, layoutPlugins) {
+  const options = [];
+  for (const field of fields) {
+    const path = prefix + field.fieldId;
+    const layoutPrefix = fieldLabelPrefixes?.get(field.id);
+    const label = layoutPrefix ? `${labelPrefix}${layoutPrefix} › ${field.label}` : labelPrefix + field.label;
+
+    // Dynamic zone: emit .length pseudo-option only, skip children
+    if (field.type === "dynamicZone") {
+      options.push({
+        label: `${label} › Length`,
+        value: `${path}.length`,
+        fieldType: "number"
+      });
+      continue;
+    }
+    const childFields = field.settings?.fields;
+
+    // Ref field: include for isEmpty checks, skip children
+    if (field.type === "ref") {
+      options.push({
+        label,
+        value: path,
+        fieldType: field.type
+      });
+      continue;
+    }
+
+    // Object with child fields
+    if (childFields && childFields.length > 0) {
+      // Build label prefixes from the object field's own layout (e.g., tabs inside an object).
+      let childPrefixes;
+      if (layoutPlugins && field.settings?.layout) {
+        childPrefixes = buildFieldLabelPrefixes(field.settings.layout, layoutPlugins);
+      }
+      if (field.list) {
+        // List object: emit .length pseudo-option
+        options.push({
+          label: `${label} › Length`,
+          value: `${path}.length`,
+          fieldType: "number"
+        });
+        // Recurse children with $ segment
+        options.push(...buildFieldOptions(childFields, `${path}.$.`, `${label} › `, childPrefixes, layoutPlugins));
+      } else {
+        // Non-list object: recurse into children
+        options.push(...buildFieldOptions(childFields, `${path}.`, `${label} › `, childPrefixes, layoutPlugins));
+      }
+      continue;
+    }
+
+    // Leaf field
+    options.push({
+      label,
+      value: path,
+      fieldType: field.type
+    });
+  }
+  return options;
+}
+
+//# sourceMappingURL=fieldOptions.js.map

package/Fields/fieldOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isLayoutDescriptor","buildFieldLabelPrefixes","layout","plugins","map","Map","pluginByType","p","field","type","row","cell","plugin","get","getFieldLabelPrefixes","prefixes","descriptor","fieldId","prefix","Object","entries","set","buildFieldOptions","fields","labelPrefix","fieldLabelPrefixes","layoutPlugins","options","path","layoutPrefix","id","label","push","value","fieldType","childFields","settings","length","childPrefixes","list"],"sources":["fieldOptions.ts"],"sourcesContent":["import type { CmsModelField, CmsEditorFieldsLayout } from \"~/types/model.js\";\nimport type { CmsLayoutFieldTypePlugin } from \"~/types/index.js\";\nimport { isLayoutDescriptor } from \"~/types/model.js\";\n\nexport interface FieldOption {\n    label: string;\n    value: string;\n    fieldType: string;\n}\n\n/**\n * Walk a model layout and collect label prefixes for each field ID by delegating\n * to `getFieldLabelPrefixes` on the matching layout-field-type plugin.\n *\n * Returns a map from fieldId to its label prefix string\n * (e.g., `\"metaTitle\" → \"My Tabs › SEO\"`).\n */\nexport function buildFieldLabelPrefixes(\n    layout: CmsEditorFieldsLayout,\n    plugins: CmsLayoutFieldTypePlugin[]\n): Map<string, string> {\n    const map = new Map<string, string>();\n    const pluginByType = new Map(plugins.map(p => [p.field.type, p]));\n\n    for (const row of layout) {\n        for (const cell of row) {\n            if (!isLayoutDescriptor(cell)) {\n                continue;\n            }\n\n            const plugin = pluginByType.get(cell.type);\n            if (!plugin?.field.getFieldLabelPrefixes) {\n                continue;\n            }\n\n            const prefixes = plugin.field.getFieldLabelPrefixes({ descriptor: cell });\n            for (const [fieldId, prefix] of Object.entries(prefixes)) {\n                map.set(fieldId, prefix);\n            }\n        }\n    }\n\n    return map;\n}\n\n/**\n * Build a flat list of field options from the model's field tree.\n * Paths are absolute using fieldId segments, with `$` for list-object children\n * (e.g., `panorama.hotspots.$.title`).\n *\n * When `fieldLabelPrefixes` is provided, fields whose IDs appear in the map will\n * have the layout hierarchy prepended to their labels\n * (e.g., `\"My Tabs › SEO › Meta Title\"`).\n *\n * When `layoutPlugins` is provided, nested layouts inside object fields\n * (e.g., tabs inside an object field) are also scanned for label prefixes.\n *\n * Recursion rules:\n * - Leaf field (no settings.fields): emit option\n * - Object field (settings.fields, not list): recurse with prefix\n * - List object field (settings.fields, list: true): emit `.length` pseudo-option,\n *   then recurse children with `.$` segment\n * - dynamicZone: skip\n * - ref: emit for isEmpty checks, skip children\n */\nexport function buildFieldOptions(\n    fields: CmsModelField[],\n    prefix = \"\",\n    labelPrefix = \"\",\n    fieldLabelPrefixes?: Map<string, string>,\n    layoutPlugins?: CmsLayoutFieldTypePlugin[]\n): FieldOption[] {\n    const options: FieldOption[] = [];\n\n    for (const field of fields) {\n        const path = prefix + field.fieldId;\n        const layoutPrefix = fieldLabelPrefixes?.get(field.id);\n        const label = layoutPrefix\n            ? `${labelPrefix}${layoutPrefix} › ${field.label}`\n            : labelPrefix + field.label;\n\n        // Dynamic zone: emit .length pseudo-option only, skip children\n        if (field.type === \"dynamicZone\") {\n            options.push({\n                label: `${label} › Length`,\n                value: `${path}.length`,\n                fieldType: \"number\"\n            });\n            continue;\n        }\n\n        const childFields = field.settings?.fields;\n\n        // Ref field: include for isEmpty checks, skip children\n        if (field.type === \"ref\") {\n            options.push({ label, value: path, fieldType: field.type });\n            continue;\n        }\n\n        // Object with child fields\n        if (childFields && childFields.length > 0) {\n            // Build label prefixes from the object field's own layout (e.g., tabs inside an object).\n            let childPrefixes: Map<string, string> | undefined;\n            if (layoutPlugins && field.settings?.layout) {\n                childPrefixes = buildFieldLabelPrefixes(field.settings.layout, layoutPlugins);\n            }\n\n            if (field.list) {\n                // List object: emit .length pseudo-option\n                options.push({\n                    label: `${label} › Length`,\n                    value: `${path}.length`,\n                    fieldType: \"number\"\n                });\n                // Recurse children with $ segment\n                options.push(\n                    ...buildFieldOptions(\n                        childFields,\n                        `${path}.$.`,\n                        `${label} › `,\n                        childPrefixes,\n                        layoutPlugins\n                    )\n                );\n            } else {\n                // Non-list object: recurse into children\n                options.push(\n                    ...buildFieldOptions(\n                        childFields,\n                        `${path}.`,\n                        `${label} › `,\n                        childPrefixes,\n                        layoutPlugins\n                    )\n                );\n            }\n            continue;\n        }\n\n        // Leaf field\n        options.push({ label, value: path, fieldType: field.type });\n    }\n\n    return options;\n}\n"],"mappings":"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","ignoreList":[]}

package/Fields/index.d.ts

@@ -1,3 +1,8 @@
 export * from "./FieldElement.js";
 export * from "./Fields.js";
 export * from "./useBind.js";
+export * from "./FieldRulesProvider.js";
+export * from "./evaluateExpression.js";
+export * from "./useFieldRules.js";
+export * from "./fieldOptions.js";
+export * from "./operatorOptions.js";

package/Fields/index.js

@@ -1,5 +1,10 @@
 export * from "./FieldElement.js";
 export * from "./Fields.js";
 export * from "./useBind.js";
+export * from "./FieldRulesProvider.js";
+export * from "./evaluateExpression.js";
+export * from "./useFieldRules.js";
+export * from "./fieldOptions.js";
+export * from "./operatorOptions.js";
 
 //# sourceMappingURL=index.js.map