@webiny/app-headless-cms-common 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/Fields/fieldOptions.d.ts

@@ -0,0 +1,36 @@
+import type { CmsModelField, CmsEditorFieldsLayout } from "../types/model.js";
+import type { CmsModelLayoutFieldTypePlugin } 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: CmsModelLayoutFieldTypePlugin[]): 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?: CmsModelLayoutFieldTypePlugin[]): FieldOption[];

package/Fields/fieldOptions.js

@@ -0,0 +1,113 @@
+import { isLayoutField } 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 (!isLayoutField(cell)) {
+        continue;
+      }
+      const plugin = pluginByType.get(cell.type);
+      if (!plugin?.field.getFieldLabelPrefixes) {
+        continue;
+      }
+      const prefixes = plugin.field.getFieldLabelPrefixes({
+        field: 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":["isLayoutField","buildFieldLabelPrefixes","layout","plugins","map","Map","pluginByType","p","field","type","row","cell","plugin","get","getFieldLabelPrefixes","prefixes","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 { CmsModelLayoutFieldTypePlugin } from \"~/types/index.js\";\nimport { isLayoutField } 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: CmsModelLayoutFieldTypePlugin[]\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 (!isLayoutField(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({ field: 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?: CmsModelLayoutFieldTypePlugin[]\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";
-export * from "./Fields";
-export * from "./useBind";
+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";
-export * from "./Fields";
-export * from "./useBind";
+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

package/Fields/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FieldElement\";\nexport * from \"./Fields\";\nexport * from \"./useBind\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FieldElement.js\";\nexport * from \"./Fields.js\";\nexport * from \"./useBind.js\";\nexport * from \"./FieldRulesProvider.js\";\nexport * from \"./evaluateExpression.js\";\nexport * from \"./useFieldRules.js\";\nexport * from \"./fieldOptions.js\";\nexport * from \"./operatorOptions.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Fields/layoutFieldRenderers/AlertFieldRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsAlertLayoutField } from "../../types/model.js";
+interface AlertFieldRendererProps {
+    field: CmsAlertLayoutField;
+}
+export declare const AlertFieldRenderer: ({ field }: AlertFieldRendererProps) => React.JSX.Element;
+export {};

package/Fields/layoutFieldRenderers/AlertFieldRenderer.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { Alert, Grid } from "@webiny/admin-ui";
+export const AlertFieldRenderer = ({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Alert, {
+    type: field.alertType
+  }, field.label));
+};
+
+//# sourceMappingURL=AlertFieldRenderer.js.map

package/Fields/layoutFieldRenderers/AlertFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","Grid","AlertFieldRenderer","field","createElement","Column","span","type","alertType","label"],"sources":["AlertFieldRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Grid } from \"@webiny/admin-ui\";\nimport type { CmsAlertLayoutField } from \"~/types/model.js\";\n\ninterface AlertFieldRendererProps {\n    field: CmsAlertLayoutField;\n}\n\nexport const AlertFieldRenderer = ({ field }: AlertFieldRendererProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Alert type={field.alertType}>{field.label}</Alert>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAO9C,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACtE,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI,CAACI,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACJ,KAAK;IAACO,IAAI,EAAEJ,KAAK,CAACK;EAAU,GAAEL,KAAK,CAACM,KAAa,CACzC,CAAC;AAEtB,CAAC","ignoreList":[]}

package/Fields/layoutFieldRenderers/SeparatorFieldRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsSeparatorLayoutField } from "../../types/model.js";
+interface SeparatorFieldRendererProps {
+    field: CmsSeparatorLayoutField;
+}
+export declare const SeparatorFieldRenderer: ({ field }: SeparatorFieldRendererProps) => React.JSX.Element;
+export {};

package/Fields/layoutFieldRenderers/SeparatorFieldRenderer.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Grid, Separator, Text } from "@webiny/admin-ui";
+export const SeparatorFieldRenderer = ({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Separator, {
+    variant: "accent",
+    labelPosition: "start"
+  }, field.label), field.description && /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm",
+    className: "text-neutral-strong mt-sm"
+  }, field.description));
+};
+
+//# sourceMappingURL=SeparatorFieldRenderer.js.map

package/Fields/layoutFieldRenderers/SeparatorFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Separator","Text","SeparatorFieldRenderer","field","createElement","Column","span","variant","labelPosition","label","description","as","size","className"],"sources":["SeparatorFieldRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Separator, Text } from \"@webiny/admin-ui\";\nimport type { CmsSeparatorLayoutField } from \"~/types/model.js\";\n\ninterface SeparatorFieldRendererProps {\n    field: CmsSeparatorLayoutField;\n}\n\nexport const SeparatorFieldRenderer = ({ field }: SeparatorFieldRendererProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Separator variant={\"accent\"} labelPosition={\"start\"}>\n                {field.label}\n            </Separator>\n            {field.description && (\n                <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong mt-sm\"}>\n                    {field.description}\n                </Text>\n            )}\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AAOxD,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC9E,oBACIL,KAAA,CAAAM,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBR,KAAA,CAAAM,aAAA,CAACJ,SAAS;IAACO,OAAO,EAAE,QAAS;IAACC,aAAa,EAAE;EAAQ,GAChDL,KAAK,CAACM,KACA,CAAC,EACXN,KAAK,CAACO,WAAW,iBACdZ,KAAA,CAAAM,aAAA,CAACH,IAAI;IAACU,EAAE,EAAE,KAAM;IAACC,IAAI,EAAE,IAAK;IAACC,SAAS,EAAE;EAA4B,GAC/DV,KAAK,CAACO,WACL,CAED,CAAC;AAEtB,CAAC","ignoreList":[]}

package/Fields/layoutFieldRenderers/TabsFieldRenderer.d.ts

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

package/Fields/layoutFieldRenderers/TabsFieldRenderer.js

@@ -0,0 +1,72 @@
+import React from "react";
+import { Grid, FormComponentLabel, FormComponentDescription, Tabs } from "@webiny/admin-ui";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { normalizeIcon } from "../../normalizeIcon.js";
+import { Fields } from "../index.js";
+import { FieldRulesProvider } from "../FieldRulesProvider.js";
+import { useFieldEffectiveRules } from "../useFieldRules.js";
+const TabPanel = ({
+  tab,
+  Bind,
+  fields,
+  contentModel,
+  gridClassName
+}) => {
+  const rules = useFieldEffectiveRules(tab);
+  const icon = normalizeIcon(tab.icon);
+  return /*#__PURE__*/React.createElement(Tabs.Tab, {
+    disabled: rules.disabled,
+    visible: rules.canView && !rules.hidden,
+    value: tab.id,
+    trigger: tab.label,
+    icon: icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: icon,
+      size: "sm"
+    }) : undefined,
+    content: /*#__PURE__*/React.createElement(FieldRulesProvider, {
+      rules: rules
+    }, /*#__PURE__*/React.createElement(Fields, {
+      Bind: Bind,
+      fields: fields,
+      layout: tab.layout,
+      contentModel: contentModel,
+      gridClassName: gridClassName
+    }))
+  });
+};
+const tabsWrapperClassName = ["bg-white!", "opacity-100!", "border-neutral-muted", "text-neutral-strong", "fill-neutral-xstrong", "w-full", "border-sm", "rounded-md"].join(" ");
+export const TabsFieldRenderer = ({
+  field,
+  Bind,
+  fields,
+  contentModel,
+  gridClassName
+}) => {
+  const tabElements = field.tabs.map(tab => /*#__PURE__*/React.createElement(TabPanel, {
+    key: tab.id,
+    tab: tab,
+    Bind: Bind,
+    fields: fields,
+    contentModel: contentModel,
+    gridClassName: gridClassName
+  }));
+  const firstTab = field.tabs[0];
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, field.label ? /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: field.label,
+    hint: field.help
+  }) : null, field.description ? /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: field.description
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: tabsWrapperClassName
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    size: "md",
+    spacing: "md",
+    separator: true,
+    tabs: tabElements,
+    defaultValue: firstTab?.id
+  })));
+};
+
+//# sourceMappingURL=TabsFieldRenderer.js.map

package/Fields/layoutFieldRenderers/TabsFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","FormComponentLabel","FormComponentDescription","Tabs","FontAwesomeIcon","normalizeIcon","Fields","FieldRulesProvider","useFieldEffectiveRules","TabPanel","tab","Bind","fields","contentModel","gridClassName","rules","icon","createElement","Tab","disabled","visible","canView","hidden","value","id","trigger","label","size","undefined","content","layout","tabsWrapperClassName","join","TabsFieldRenderer","field","tabElements","tabs","map","key","firstTab","Column","span","text","hint","help","description","className","spacing","separator","defaultValue"],"sources":["TabsFieldRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, FormComponentLabel, FormComponentDescription, Tabs } from \"@webiny/admin-ui\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { CmsTabLayoutField, CmsTabLayoutTab } from \"~/types/model.js\";\nimport type { BindComponent, CmsEditorContentModel, CmsModelField } from \"~/types/index.js\";\nimport { normalizeIcon } from \"~/normalizeIcon.js\";\nimport { Fields } from \"~/Fields/index.js\";\nimport { FieldRulesProvider } from \"~/Fields/FieldRulesProvider.js\";\nimport { useFieldEffectiveRules } from \"~/Fields/useFieldRules.js\";\n\ninterface TabsFieldRendererProps {\n    field: CmsTabLayoutField;\n    Bind: BindComponent;\n    fields: CmsModelField[];\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\ninterface TabPanelProps {\n    tab: CmsTabLayoutTab;\n    Bind: BindComponent;\n    fields: CmsModelField[];\n    contentModel: CmsEditorContentModel;\n    gridClassName?: string;\n}\n\nconst TabPanel = ({ tab, Bind, fields, contentModel, gridClassName }: TabPanelProps) => {\n    const rules = useFieldEffectiveRules(tab);\n\n    const icon = normalizeIcon(tab.icon);\n\n    return (\n        <Tabs.Tab\n            disabled={rules.disabled}\n            visible={rules.canView && !rules.hidden}\n            value={tab.id}\n            trigger={tab.label}\n            icon={icon ? <FontAwesomeIcon icon={icon} size={\"sm\"} /> : undefined}\n            content={\n                <FieldRulesProvider rules={rules}>\n                    <Fields\n                        Bind={Bind}\n                        fields={fields}\n                        layout={tab.layout}\n                        contentModel={contentModel}\n                        gridClassName={gridClassName}\n                    />\n                </FieldRulesProvider>\n            }\n        />\n    );\n};\n\nconst tabsWrapperClassName = [\n    \"bg-white!\",\n    \"opacity-100!\",\n    \"border-neutral-muted\",\n    \"text-neutral-strong\",\n    \"fill-neutral-xstrong\",\n    \"w-full\",\n    \"border-sm\",\n    \"rounded-md\"\n].join(\" \");\n\nexport const TabsFieldRenderer = ({\n    field,\n    Bind,\n    fields,\n    contentModel,\n    gridClassName\n}: TabsFieldRendererProps) => {\n    const tabElements = field.tabs.map(tab => (\n        <TabPanel\n            key={tab.id}\n            tab={tab}\n            Bind={Bind}\n            fields={fields}\n            contentModel={contentModel}\n            gridClassName={gridClassName}\n        />\n    ));\n\n    const firstTab = field.tabs[0];\n\n    return (\n        <Grid.Column span={12}>\n            {field.label ? <FormComponentLabel text={field.label} hint={field.help} /> : null}\n            {field.description ? <FormComponentDescription text={field.description} /> : null}\n            <div className={tabsWrapperClassName}>\n                <Tabs\n                    size=\"md\"\n                    spacing=\"md\"\n                    separator={true}\n                    tabs={tabElements}\n                    defaultValue={firstTab?.id}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/Fields/operatorOptions.d.ts

@@ -0,0 +1,10 @@
+import type { Operator } from "./evaluateExpression.js";
+export interface OperatorOption {
+    value: Operator;
+    label: string;
+}
+export declare function getOperatorOptions(fieldType: string): OperatorOption[];
+/**
+ * Operators that don't need a value input (the value is implicit).
+ */
+export declare const VALUE_HIDDEN_OPERATORS: Set<Operator>;

package/Fields/operatorOptions.js

@@ -0,0 +1,92 @@
+const NUMERIC_OPERATORS = [{
+  value: "==",
+  label: "Equals"
+}, {
+  value: "!=",
+  label: "Not equals"
+}, {
+  value: ">",
+  label: "Greater than"
+}, {
+  value: "<",
+  label: "Less than"
+}, {
+  value: ">=",
+  label: "Greater or equal"
+}, {
+  value: "<=",
+  label: "Less or equal"
+}, {
+  value: "isEmpty",
+  label: "Is empty"
+}, {
+  value: "isNotEmpty",
+  label: "Is not empty"
+}];
+const TEXT_OPERATORS = [{
+  value: "==",
+  label: "Equals"
+}, {
+  value: "!=",
+  label: "Not equals"
+}, {
+  value: "contains",
+  label: "Contains"
+}, {
+  value: "startsWith",
+  label: "Starts with"
+}, {
+  value: "endsWith",
+  label: "Ends with"
+}, {
+  value: "isEmpty",
+  label: "Is empty"
+}, {
+  value: "isNotEmpty",
+  label: "Is not empty"
+}];
+const BOOLEAN_OPERATORS = [{
+  value: "==",
+  label: "Equals"
+}, {
+  value: "!=",
+  label: "Not equals"
+}];
+const FILE_OPERATORS = [{
+  value: "isEmpty",
+  label: "Is empty"
+}, {
+  value: "isNotEmpty",
+  label: "Is not empty"
+}];
+const DEFAULT_OPERATORS = [{
+  value: "==",
+  label: "Equals"
+}, {
+  value: "!=",
+  label: "Not equals"
+}, {
+  value: "isEmpty",
+  label: "Is empty"
+}, {
+  value: "isNotEmpty",
+  label: "Is not empty"
+}];
+const OPERATORS_BY_TYPE = {
+  number: NUMERIC_OPERATORS,
+  datetime: NUMERIC_OPERATORS,
+  text: TEXT_OPERATORS,
+  "long-text": TEXT_OPERATORS,
+  boolean: BOOLEAN_OPERATORS,
+  file: FILE_OPERATORS
+};
+export function getOperatorOptions(fieldType) {
+  return OPERATORS_BY_TYPE[fieldType] ?? DEFAULT_OPERATORS;
+}
+
+/**
+ * Operators that don't need a value input (the value is implicit).
+ */
+export const VALUE_HIDDEN_OPERATORS = new Set(["isEmpty", "isNotEmpty"]);
+
+//# sourceMappingURL=operatorOptions.js.map

package/Fields/operatorOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NUMERIC_OPERATORS","value","label","TEXT_OPERATORS","BOOLEAN_OPERATORS","FILE_OPERATORS","DEFAULT_OPERATORS","OPERATORS_BY_TYPE","number","datetime","text","boolean","file","getOperatorOptions","fieldType","VALUE_HIDDEN_OPERATORS","Set"],"sources":["operatorOptions.ts"],"sourcesContent":["import type { Operator } from \"./evaluateExpression.js\";\n\nexport interface OperatorOption {\n    value: Operator;\n    label: string;\n}\n\nconst NUMERIC_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" },\n    { value: \">\", label: \"Greater than\" },\n    { value: \"<\", label: \"Less than\" },\n    { value: \">=\", label: \"Greater or equal\" },\n    { value: \"<=\", label: \"Less or equal\" },\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst TEXT_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" },\n    { value: \"contains\", label: \"Contains\" },\n    { value: \"startsWith\", label: \"Starts with\" },\n    { value: \"endsWith\", label: \"Ends with\" },\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst BOOLEAN_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" }\n];\n\nconst FILE_OPERATORS: OperatorOption[] = [\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst DEFAULT_OPERATORS: OperatorOption[] = [\n    { value: \"==\", label: \"Equals\" },\n    { value: \"!=\", label: \"Not equals\" },\n    { value: \"isEmpty\", label: \"Is empty\" },\n    { value: \"isNotEmpty\", label: \"Is not empty\" }\n];\n\nconst OPERATORS_BY_TYPE: Record<string, OperatorOption[]> = {\n    number: NUMERIC_OPERATORS,\n    datetime: NUMERIC_OPERATORS,\n    text: TEXT_OPERATORS,\n    \"long-text\": TEXT_OPERATORS,\n    boolean: BOOLEAN_OPERATORS,\n    file: FILE_OPERATORS\n};\n\nexport function getOperatorOptions(fieldType: string): OperatorOption[] {\n    return OPERATORS_BY_TYPE[fieldType] ?? DEFAULT_OPERATORS;\n}\n\n/**\n * Operators that don't need a value input (the value is implicit).\n */\nexport const VALUE_HIDDEN_OPERATORS: Set<Operator> = new Set([\"isEmpty\", \"isNotEmpty\"]);\n"],"mappings":"AAOA,MAAMA,iBAAmC,GAAG,CACxC;EAAEC,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAS,CAAC,EAChC;EAAED,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAa,CAAC,EACpC;EAAED,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAe,CAAC,EACrC;EAAED,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAY,CAAC,EAClC;EAAED,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAmB,CAAC,EAC1C;EAAED,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAgB,CAAC,EACvC;EAAED,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAW,CAAC,EACvC;EAAED,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAe,CAAC,CACjD;AAED,MAAMC,cAAgC,GAAG,CACrC;EAAEF,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAS,CAAC,EAChC;EAAED,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAa,CAAC,EACpC;EAAED,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE;AAAW,CAAC,EACxC;EAAED,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAc,CAAC,EAC7C;EAAED,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE;AAAY,CAAC,EACzC;EAAED,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAW,CAAC,EACvC;EAAED,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAe,CAAC,CACjD;AAED,MAAME,iBAAmC,GAAG,CACxC;EAAEH,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAS,CAAC,EAChC;EAAED,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAa,CAAC,CACvC;AAED,MAAMG,cAAgC,GAAG,CACrC;EAAEJ,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAW,CAAC,EACvC;EAAED,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAe,CAAC,CACjD;AAED,MAAMI,iBAAmC,GAAG,CACxC;EAAEL,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAS,CAAC,EAChC;EAAED,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAa,CAAC,EACpC;EAAED,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAW,CAAC,EACvC;EAAED,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAe,CAAC,CACjD;AAED,MAAMK,iBAAmD,GAAG;EACxDC,MAAM,EAAER,iBAAiB;EACzBS,QAAQ,EAAET,iBAAiB;EAC3BU,IAAI,EAAEP,cAAc;EACpB,WAAW,EAAEA,cAAc;EAC3BQ,OAAO,EAAEP,iBAAiB;EAC1BQ,IAAI,EAAEP;AACV,CAAC;AAED,OAAO,SAASQ,kBAAkBA,CAACC,SAAiB,EAAoB;EACpE,OAAOP,iBAAiB,CAACO,SAAS,CAAC,IAAIR,iBAAiB;AAC5D;;AAEA;AACA;AACA;AACA,OAAO,MAAMS,sBAAqC,GAAG,IAAIC,GAAG,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC","ignoreList":[]}

package/Fields/useBind.d.ts

@@ -1,4 +1,5 @@
-import type { BindComponent } from "../types";
+import type { BindComponent } from "../types/index.js";
+export declare const useBindParentName: () => string;
 interface UseBindProps {
     Bind: BindComponent;
 }

package/Fields/useBind.js

@@ -1,8 +1,10 @@
-import React, { useRef, cloneElement } from "react";
+import React, { createContext, useContext, useRef, cloneElement } from "react";
 import { useForm } from "@webiny/form";
-import { createValidators } from "../createValidators";
-import { useModelField } from "../ModelFieldProvider";
-import { createValidationContainer } from "../createValidationContainer";
+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(";");
 };
@@ -30,7 +32,7 @@ export function useBind({
     }
     const validators = createValidators(field, field.validation || emptyValidators);
     const listValidators = createValidators(field, field.listValidation || emptyValidators);
-    const isMultipleValues = index === -1 && field.multipleValues;
+    const isMultipleValues = index === -1 && field.list;
     const inputValidators = isMultipleValues ? listValidators : validators;
 
     // We only use default values for single-value fields.
@@ -45,7 +47,9 @@ export function useBind({
       const {
         field
       } = useModelField();
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/React.createElement(BindParentNameContext.Provider, {
+        value: name
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: childName || name,
         validators: childValidators || inputValidators,
         defaultValue: defaultValue ?? null,
@@ -57,7 +61,7 @@ export function useBind({
         const props = {
           ...bind
         };
-        if (field.multipleValues && index === -1) {
+        if (field.list && index === -1) {
           props.appendValue = (newValue, index) => {
             const currentValue = bind.value || [];
             const newIndex = index ?? currentValue.length;
@@ -99,7 +103,7 @@ export function useBind({
           };
         }
         return typeof children === "function" ? children(props) : /*#__PURE__*/cloneElement(children, props);
-      });
+      }));
     };
 
     // We need to keep track of current field name, to support nested fields.

package/Fields/useBind.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","cloneElement","useForm","createValidators","useModelField","createValidationContainer","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","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","createElement","context","bind","props","appendValue","newValue","currentValue","value","newIndex","length","onChange","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","displayName","ValidationContainer"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, cloneElement } from \"react\";\nimport type { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/createValidators\";\nimport type { BindComponent, CmsModelField } from \"~/types\";\nimport { useModelField } from \"~/ModelFieldProvider\";\nimport { createValidationContainer } from \"~/createValidationContainer\";\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.multipleValues;\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                <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.multipleValues && 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            );\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":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/Fields/useFieldRules.d.ts

@@ -0,0 +1,32 @@
+import type { FieldRule } from "../types/model.js";
+export interface EffectiveFieldRules {
+    canView: boolean;
+    canEdit: boolean;
+    hidden: boolean;
+    disabled: boolean;
+}
+interface HasRules {
+    rules?: FieldRule[];
+}
+interface IdentityLike {
+    id: string;
+    teams: {
+        slug: string;
+    }[];
+}
+/**
+ * Hook that evaluates access control rules for the current identity.
+ * Does not require `bindParentName` — only identity-based permissions.
+ */
+export declare function useFieldAccessControlRules(item: HasRules): Pick<EffectiveFieldRules, "canView" | "canEdit">;
+/**
+ * Evaluate access control rules statically (without hooks).
+ * Used in RowRenderer for the visibility approximation where hooks can't be called.
+ */
+export declare function evaluateAccessControlRules(item: HasRules, identity: IdentityLike): EffectiveFieldRules;
+/**
+ * Composes useParentRules and useFieldRules into a single hook
+ * that returns the effective (intersected) rules.
+ */
+export declare function useFieldEffectiveRules(item: HasRules): EffectiveFieldRules;
+export {};