@webiny/app-headless-cms 6.0.0-rc.4 → 6.0.0-rc.6

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","debounce","MultiAutoComplete","RouteLink","i18n","useReferences","renderItem","renderListItemOptions","NewEntryButton","useNewRefEntry","useEffectiveRules","useModelField","useModels","NewReferencedEntryDialog","Routes","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","rules","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","entries","loading","onChange","disabled","canEdit","renderNewEntryModal","refModelId","help","entryWarning","entry","index","id","modelId","name","published","createElement","Fragment","key","route","ContentEntries","List","params","warnings","filter","item","warning","length","map","refEntryOnChange","value","model","find","onClose","Object","assign","renderListItemLabel","useMultipleSelectionList","label","onInput","description","note","noResultFound","onClick"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { RouteLink } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { renderItem, renderListItemOptions } from \"./renderItem.js\";\nimport { NewEntryButton } from \"./NewEntryButton.js\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types.js\";\nimport { useEffectiveRules } from \"@webiny/app-headless-cms-common\";\nimport { useModelField, useModels } from \"~/admin/hooks/index.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesMultiAutocomplete = ({ bind }: ContentEntriesMultiAutocompleteProps) => {\n    const { field } = useModelField();\n    const rules = useEffectiveRules(field);\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const { renderNewEntryModal, refModelId, help } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <RouteLink route={Routes.ContentEntries.List} params={{ id, modelId }}>\n                    {name}\n                </RouteLink>\n            </React.Fragment>\n        );\n    };\n\n    const warnings = entries.filter(item => !item.published);\n    let warning: React.ReactElement | null = null;\n    if (warnings.length > 0) {\n        warning = warn({\n            entries: <>{warnings.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        (value: OptionItem) => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n            setShowNewEntryModal(false);\n        },\n\n        [onChange, entries]\n    );\n\n    const model = models.find(model => model.modelId === refModelId);\n\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={refEntryOnChange}\n                    />\n                ) : null}\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={<>{field.help}</>}\n                    note={warning}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            disabled={disabled}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={<>{field.help}</>}\n            note={warning}\n            noResultFound={help}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","debounce","MultiAutoComplete","RouteLink","i18n","useReferences","renderItem","renderListItemOptions","NewEntryButton","useNewRefEntry","useFieldEffectiveRules","useModelField","useModels","NewReferencedEntryDialog","Routes","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","rules","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","entries","loading","onChange","disabled","canEdit","renderNewEntryModal","refModelId","help","entryWarning","entry","index","id","modelId","name","published","createElement","Fragment","key","route","ContentEntries","List","params","warnings","filter","item","warning","length","map","refEntryOnChange","value","model","find","onClose","Object","assign","renderListItemLabel","useMultipleSelectionList","label","onInput","description","note","noResultFound","onClick"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { RouteLink } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { renderItem, renderListItemOptions } from \"./renderItem.js\";\nimport { NewEntryButton } from \"./NewEntryButton.js\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types.js\";\nimport { useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\nimport { useModelField, useModels } from \"~/admin/hooks/index.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesMultiAutocomplete = ({ bind }: ContentEntriesMultiAutocompleteProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const { renderNewEntryModal, refModelId, help } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <RouteLink route={Routes.ContentEntries.List} params={{ id, modelId }}>\n                    {name}\n                </RouteLink>\n            </React.Fragment>\n        );\n    };\n\n    const warnings = entries.filter(item => !item.published);\n    let warning: React.ReactElement | null = null;\n    if (warnings.length > 0) {\n        warning = warn({\n            entries: <>{warnings.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        (value: OptionItem) => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n            setShowNewEntryModal(false);\n        },\n\n        [onChange, entries]\n    );\n\n    const model = models.find(model => model.modelId === refModelId);\n\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={refEntryOnChange}\n                    />\n                ) : null}\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={<>{field.help}</>}\n                    note={warning}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            disabled={disabled}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={<>{field.help}</>}\n            note={warning}\n            noResultFound={help}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,aAAa;AACtB,SAASC,UAAU,EAAEC,qBAAqB;AAC1C,SAASC,cAAc;AACvB,SAASC,cAAc;AAIvB,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,aAAa,EAAEC,SAAS;AACjC,SAASC,wBAAwB;AACjC,SAASC,MAAM;AAEf,MAAMC,CAAC,GAAGX,IAAI,CAACY,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,IAAI,GAAGF,CAAC,6GAA6G;AAM3H,MAAMG,+BAA+B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EACxF,MAAM;IAAEC;EAAM,CAAC,GAAGT,aAAa,CAAC,CAAC;EACjC,MAAMU,KAAK,GAAGX,sBAAsB,CAACU,KAAK,CAAC;EAC3C,MAAM;IAAEE;EAAO,CAAC,GAAGV,SAAS,CAAC,CAAC;EAC9B,MAAM,CAACW,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM;IAAEyB,OAAO;IAAEC,SAAS;IAAEC,OAAO;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGxB,aAAa,CAAC;IAAEc,IAAI;IAAEC;EAAM,CAAC,CAAC;EACzF,MAAMU,QAAQ,GAAG,CAACT,KAAK,CAACU,OAAO,IAAIV,KAAK,CAACS,QAAQ;EAEjD,MAAM;IAAEE,mBAAmB;IAAEC,UAAU;IAAEC;EAAK,CAAC,GAAGzB,cAAc,CAAC;IAAEW;EAAM,CAAC,CAAC;EAE3E,MAAMe,YAAY,GAAGA,CAACC,KAAiB,EAAEC,KAAa,KAAgC;IAClF,MAAM;MAAEC,EAAE;MAAEC,OAAO;MAAEC,IAAI;MAAEC;IAAU,CAAC,GAAGL,KAAK;IAC9C,IAAIK,SAAS,EAAE;MACX,OAAO,IAAI;IACf;IACA,oBACI3C,KAAA,CAAA4C,aAAA,CAAC5C,KAAK,CAAC6C,QAAQ;MAACC,GAAG,EAAEN;IAAG,GACnBD,KAAK,GAAG,CAAC,IAAI,IAAI,eAClBvC,KAAA,CAAA4C,aAAA,CAACvC,SAAS;MAAC0C,KAAK,EAAE/B,MAAM,CAACgC,cAAc,CAACC,IAAK;MAACC,MAAM,EAAE;QAAEV,EAAE;QAAEC;MAAQ;IAAE,GACjEC,IACM,CACC,CAAC;EAEzB,CAAC;EAED,MAAMS,QAAQ,GAAGtB,OAAO,CAACuB,MAAM,CAACC,IAAI,IAAI,CAACA,IAAI,CAACV,SAAS,CAAC;EACxD,IAAIW,OAAkC,GAAG,IAAI;EAC7C,IAAIH,QAAQ,CAACI,MAAM,GAAG,CAAC,EAAE;IACrBD,OAAO,GAAGnC,IAAI,CAAC;MACXU,OAAO,eAAE7B,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QAAGM,QAAQ,CAACK,GAAG,CAACnB,YAAY,CAAI;IAC7C,CAAC,CAAC;EACN;EAEA,MAAMoB,gBAAgB,GAAGxD,WAAW,CAC/ByD,KAAiB,IAAK;IACnB;AACZ;AACA;IACY3B,QAAQ,CAAC,CAAC,GAAGF,OAAO,EAAE6B,KAAK,CAAC,CAAC;IAC7BhC,oBAAoB,CAAC,KAAK,CAAC;EAC/B,CAAC,EAED,CAACK,QAAQ,EAAEF,OAAO,CACtB,CAAC;EAED,MAAM8B,KAAK,GAAGnC,MAAM,CAACoC,IAAI,CAACD,KAAK,IAAIA,KAAK,CAAClB,OAAO,KAAKN,UAAU,CAAC;EAEhE,IAAID,mBAAmB,EAAE;IACrB,oBACIlC,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QACKpB,iBAAiB,IAAIkC,KAAK,gBACvB3D,KAAA,CAAA4C,aAAA,CAAC7B,wBAAwB;MACrB8C,OAAO,EAAEA,CAAA,KAAMnC,oBAAoB,CAAC,KAAK,CAAE;MAC3CiC,KAAK,EAAEA,KAAM;MACb5B,QAAQ,EAAE0B;IAAiB,CAC9B,CAAC,GACF,IAAI,eACRzD,KAAA,CAAA4C,aAAA,CAACxC,iBAAiB,EAAA0D,MAAA,CAAAC,MAAA,KACV1C,IAAI;MACRb,UAAU,EAAEA,UAAW;MACvBwD,mBAAmB,EAAExD,UAAW;MAChCC,qBAAqB,EAAEA,qBAAsB;MAC7CwD,wBAAwB;MACxBlC,QAAQ,EAAEA,QAAS;MACnBD,OAAO,EAAEA,OAAQ;MACjB4B,KAAK,EAAE7B,OAAQ;MACfF,OAAO,EAAEA,OAAQ;MACjBuC,KAAK,EAAE5C,KAAK,CAAC4C,KAAM;MACnBC,OAAO,EAAEhE,QAAQ,CAACyB,SAAS,EAAE,GAAG,CAAE;MAClCwC,WAAW,eAAEpE,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QAAGvB,KAAK,CAACc,IAAO,CAAE;MAC/BiC,IAAI,EAAEf,OAAQ;MACdgB,aAAa,eAAEtE,KAAA,CAAA4C,aAAA,CAAClC,cAAc;QAAC6D,OAAO,EAAEA,CAAA,KAAM7C,oBAAoB,CAAC,IAAI;MAAE,CAAE;IAAE,EAChF,CACH,CAAC;EAEX;EAEA,oBACI1B,KAAA,CAAA4C,aAAA,CAACxC,iBAAiB,EAAA0D,MAAA,CAAAC,MAAA,KACV1C,IAAI;IACRW,QAAQ,EAAEA,QAAS;IACnBxB,UAAU,EAAEA,UAAW;IACvBwD,mBAAmB,EAAExD,UAAW;IAChCC,qBAAqB,EAAEA,qBAAsB;IAC7CwD,wBAAwB;IACxBlC,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjB4B,KAAK,EAAE7B,OAAQ;IACfF,OAAO,EAAEA,OAAQ;IACjBuC,KAAK,EAAE5C,KAAK,CAAC4C,KAAM;IACnBC,OAAO,EAAEhE,QAAQ,CAACyB,SAAS,EAAE,GAAG,CAAE;IAClCwC,WAAW,eAAEpE,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QAAGvB,KAAK,CAACc,IAAO,CAAE;IAC/BiC,IAAI,EAAEf,OAAQ;IACdgB,aAAa,EAAElC;EAAK,EACvB,CAAC;AAEV,CAAC;AAED,eAAehB,+BAA+B","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js

@@ -3,7 +3,7 @@ import { useContentModels } from "./useContentModels.js";
 import { useReferences } from "./useReferences.js";
 import { CheckboxGroup } from "@webiny/admin-ui";
 import { Loader } from "./Loader.js";
-import { useEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 export const SimpleMultipleRenderer = props => {
   const {
     bind
@@ -11,7 +11,7 @@ export const SimpleMultipleRenderer = props => {
   const {
     field
   } = useModelField();
-  const rules = useEffectiveRules(field);
+  const rules = useFieldEffectiveRules(field);
   const disabled = !rules.canEdit || rules.disabled;
   const values = useMemo(() => {
     return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useContentModels","useReferences","CheckboxGroup","Loader","useEffectiveRules","useModelField","SimpleMultipleRenderer","props","bind","field","rules","disabled","canEdit","values","Array","isArray","value","map","item","id","models","references","items","entries","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedEntryIds","split","selectedItems","filter","includes","entryId","model","modelId"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader.js\";\nimport { useEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <CheckboxGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={values}\n            items={items}\n            onChange={(values: string[]) => {\n                const selectedEntryIds = values.map(value => value.split(\"#\")[0]);\n                const selectedItems = references.entries.filter(entry =>\n                    selectedEntryIds.includes(entry.entryId)\n                );\n\n                bind.onChange(\n                    selectedItems.map(({ id, model }) => ({\n                        id,\n                        modelId: model.modelId\n                    }))\n                );\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM;AACf,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,iCAAiC;AAOlF,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,MAAM;IAAEE;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,iBAAiB,CAACK,KAAK,CAAC;EACtC,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,MAAM,GAAGd,OAAO,CAAC,MAAM;IACzB,OAAOe,KAAK,CAACC,OAAO,CAACP,IAAI,CAACQ,KAAK,CAAC,GAAGR,IAAI,CAACQ,KAAK,CAACC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,CAAC,GAAG,EAAE;EAC3E,CAAC,EAAE,CAACX,IAAI,CAACQ,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEI;EAAO,CAAC,GAAGpB,gBAAgB,CAAC;IAChCS;EACJ,CAAC,CAAC;EAEF,MAAMY,UAAU,GAAGpB,aAAa,CAAC;IAC7BmB;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGvB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACsB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACN,GAAG,CAACO,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBV,KAAK,EAAEQ,KAAK,CAACL;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACM,OAAO,EAAE;IACpB,oBAAO7B,KAAA,CAAA8B,aAAA,CAACzB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIL,KAAA,CAAA8B,aAAA,CAAC1B,aAAa,EAAA2B,MAAA,CAAAC,MAAA,KACNtB,IAAI;IACRG,QAAQ,EAAEA,QAAS;IACnBc,KAAK,EAAEhB,KAAK,CAACgB,KAAM;IACnBM,WAAW,EAAEtB,KAAK,CAACsB,WAAY;IAC/BC,IAAI,EAAEvB,KAAK,CAACuB,IAAK;IACjBC,IAAI,EAAExB,KAAK,CAACyB,IAAK;IACjBlB,KAAK,EAAEH,MAAO;IACdS,KAAK,EAAEA,KAAM;IACba,QAAQ,EAAGtB,MAAgB,IAAK;MAC5B,MAAMuB,gBAAgB,GAAGvB,MAAM,CAACI,GAAG,CAACD,KAAK,IAAIA,KAAK,CAACqB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACjE,MAAMC,aAAa,GAAGjB,UAAU,CAACE,OAAO,CAACgB,MAAM,CAACf,KAAK,IACjDY,gBAAgB,CAACI,QAAQ,CAAChB,KAAK,CAACiB,OAAO,CAC3C,CAAC;MAEDjC,IAAI,CAAC2B,QAAQ,CACTG,aAAa,CAACrB,GAAG,CAAC,CAAC;QAAEE,EAAE;QAAEuB;MAAM,CAAC,MAAM;QAClCvB,EAAE;QACFwB,OAAO,EAAED,KAAK,CAACC;MACnB,CAAC,CAAC,CACN,CAAC;IACL;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useContentModels","useReferences","CheckboxGroup","Loader","useFieldEffectiveRules","useModelField","SimpleMultipleRenderer","props","bind","field","rules","disabled","canEdit","values","Array","isArray","value","map","item","id","models","references","items","entries","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedEntryIds","split","selectedItems","filter","includes","entryId","model","modelId"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <CheckboxGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={values}\n            items={items}\n            onChange={(values: string[]) => {\n                const selectedEntryIds = values.map(value => value.split(\"#\")[0]);\n                const selectedItems = references.entries.filter(entry =>\n                    selectedEntryIds.includes(entry.entryId)\n                );\n\n                bind.onChange(\n                    selectedItems.map(({ id, model }) => ({\n                        id,\n                        modelId: model.modelId\n                    }))\n                );\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM;AACf,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAOvF,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,MAAM;IAAEE;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,sBAAsB,CAACK,KAAK,CAAC;EAC3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,MAAM,GAAGd,OAAO,CAAC,MAAM;IACzB,OAAOe,KAAK,CAACC,OAAO,CAACP,IAAI,CAACQ,KAAK,CAAC,GAAGR,IAAI,CAACQ,KAAK,CAACC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,CAAC,GAAG,EAAE;EAC3E,CAAC,EAAE,CAACX,IAAI,CAACQ,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEI;EAAO,CAAC,GAAGpB,gBAAgB,CAAC;IAChCS;EACJ,CAAC,CAAC;EAEF,MAAMY,UAAU,GAAGpB,aAAa,CAAC;IAC7BmB;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGvB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACsB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACN,GAAG,CAACO,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBV,KAAK,EAAEQ,KAAK,CAACL;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACM,OAAO,EAAE;IACpB,oBAAO7B,KAAA,CAAA8B,aAAA,CAACzB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIL,KAAA,CAAA8B,aAAA,CAAC1B,aAAa,EAAA2B,MAAA,CAAAC,MAAA,KACNtB,IAAI;IACRG,QAAQ,EAAEA,QAAS;IACnBc,KAAK,EAAEhB,KAAK,CAACgB,KAAM;IACnBM,WAAW,EAAEtB,KAAK,CAACsB,WAAY;IAC/BC,IAAI,EAAEvB,KAAK,CAACuB,IAAK;IACjBC,IAAI,EAAExB,KAAK,CAACyB,IAAK;IACjBlB,KAAK,EAAEH,MAAO;IACdS,KAAK,EAAEA,KAAM;IACba,QAAQ,EAAGtB,MAAgB,IAAK;MAC5B,MAAMuB,gBAAgB,GAAGvB,MAAM,CAACI,GAAG,CAACD,KAAK,IAAIA,KAAK,CAACqB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACjE,MAAMC,aAAa,GAAGjB,UAAU,CAACE,OAAO,CAACgB,MAAM,CAACf,KAAK,IACjDY,gBAAgB,CAACI,QAAQ,CAAChB,KAAK,CAACiB,OAAO,CAC3C,CAAC;MAEDjC,IAAI,CAAC2B,QAAQ,CACTG,aAAa,CAACrB,GAAG,CAAC,CAAC;QAAEE,EAAE;QAAEuB;MAAM,CAAC,MAAM;QAClCvB,EAAE;QACFwB,OAAO,EAAED,KAAK,CAACC;MACnB,CAAC,CAAC,CACN,CAAC;IACL;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js

@@ -3,7 +3,7 @@ import { useContentModels } from "./useContentModels.js";
 import { useReferences } from "./useReferences.js";
 import { Loader } from "./Loader.js";
 import { RadioGroup } from "@webiny/admin-ui";
-import { useEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 export const SimpleSingleRenderer = props => {
   const {
     bind
@@ -11,7 +11,7 @@ export const SimpleSingleRenderer = props => {
   const {
     field
   } = useModelField();
-  const rules = useEffectiveRules(field);
+  const rules = useFieldEffectiveRules(field);
   const disabled = !rules.canEdit || rules.disabled;
   const value = useMemo(() => {
     return bind.value?.id;

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useContentModels","useReferences","Loader","RadioGroup","useEffectiveRules","useModelField","SimpleSingleRenderer","props","bind","field","rules","disabled","canEdit","value","id","models","references","items","entries","map","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedItem","find","entryId","split","modelId","model"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport { useEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const value = useMemo(() => {\n        return bind.value?.id;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <RadioGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={value}\n            items={items}\n            onChange={(value: string) => {\n                const selectedItem = references.entries.find(\n                    entry => entry.entryId === value.split(\"#\")[0]\n                );\n\n                if (!selectedItem) {\n                    return;\n                }\n\n                bind.onChange({\n                    id: selectedItem.id,\n                    modelId: selectedItem.model.modelId\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,iCAAiC;AAOlF,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,MAAM;IAAEE;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,iBAAiB,CAACK,KAAK,CAAC;EACtC,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,KAAK,GAAGd,OAAO,CAAC,MAAM;IACxB,OAAOS,IAAI,CAACK,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACN,IAAI,CAACK,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGf,gBAAgB,CAAC;IAChCS;EACJ,CAAC,CAAC;EAEF,MAAMO,UAAU,GAAGf,aAAa,CAAC;IAC7Bc;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGlB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACiB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBT,KAAK,EAAEO,KAAK,CAACN;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACO,OAAO,EAAE;IACpB,oBAAOzB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAA0B,aAAA,CAACrB,UAAU,EAAAsB,MAAA,CAAAC,MAAA,KACHlB,IAAI;IACRG,QAAQ,EAAEA,QAAS;IACnBU,KAAK,EAAEZ,KAAK,CAACY,KAAM;IACnBM,WAAW,EAAElB,KAAK,CAACkB,WAAY;IAC/BC,IAAI,EAAEnB,KAAK,CAACmB,IAAK;IACjBC,IAAI,EAAEpB,KAAK,CAACqB,IAAK;IACjBjB,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;IACbc,QAAQ,EAAGlB,KAAa,IAAK;MACzB,MAAMmB,YAAY,GAAGhB,UAAU,CAACE,OAAO,CAACe,IAAI,CACxCb,KAAK,IAAIA,KAAK,CAACc,OAAO,KAAKrB,KAAK,CAACsB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;MAED,IAAI,CAACH,YAAY,EAAE;QACf;MACJ;MAEAxB,IAAI,CAACuB,QAAQ,CAAC;QACVjB,EAAE,EAAEkB,YAAY,CAAClB,EAAE;QACnBsB,OAAO,EAAEJ,YAAY,CAACK,KAAK,CAACD;MAChC,CAAC,CAAC;IACN;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useContentModels","useReferences","Loader","RadioGroup","useFieldEffectiveRules","useModelField","SimpleSingleRenderer","props","bind","field","rules","disabled","canEdit","value","id","models","references","items","entries","map","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedItem","find","entryId","split","modelId","model"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const value = useMemo(() => {\n        return bind.value?.id;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <RadioGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={value}\n            items={items}\n            onChange={(value: string) => {\n                const selectedItem = references.entries.find(\n                    entry => entry.entryId === value.split(\"#\")[0]\n                );\n\n                if (!selectedItem) {\n                    return;\n                }\n\n                bind.onChange({\n                    id: selectedItem.id,\n                    modelId: selectedItem.model.modelId\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAOvF,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,MAAM;IAAEE;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,sBAAsB,CAACK,KAAK,CAAC;EAC3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,KAAK,GAAGd,OAAO,CAAC,MAAM;IACxB,OAAOS,IAAI,CAACK,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACN,IAAI,CAACK,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGf,gBAAgB,CAAC;IAChCS;EACJ,CAAC,CAAC;EAEF,MAAMO,UAAU,GAAGf,aAAa,CAAC;IAC7Bc;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGlB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACiB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBT,KAAK,EAAEO,KAAK,CAACN;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACO,OAAO,EAAE;IACpB,oBAAOzB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAA0B,aAAA,CAACrB,UAAU,EAAAsB,MAAA,CAAAC,MAAA,KACHlB,IAAI;IACRG,QAAQ,EAAEA,QAAS;IACnBU,KAAK,EAAEZ,KAAK,CAACY,KAAM;IACnBM,WAAW,EAAElB,KAAK,CAACkB,WAAY;IAC/BC,IAAI,EAAEnB,KAAK,CAACmB,IAAK;IACjBC,IAAI,EAAEpB,KAAK,CAACqB,IAAK;IACjBjB,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;IACbc,QAAQ,EAAGlB,KAAa,IAAK;MACzB,MAAMmB,YAAY,GAAGhB,UAAU,CAACE,OAAO,CAACe,IAAI,CACxCb,KAAK,IAAIA,KAAK,CAACc,OAAO,KAAKrB,KAAK,CAACsB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;MAED,IAAI,CAACH,YAAY,EAAE;QACf;MACJ;MAEAxB,IAAI,CAACuB,QAAQ,CAAC;QACVjB,EAAE,EAAEkB,YAAY,CAAClB,EAAE;QACnBsB,OAAO,EAAEJ,YAAY,CAACK,KAAK,CAACD;MAChC,CAAC,CAAC;IACN;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/select.js

@@ -2,7 +2,7 @@ import React from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Select } from "@webiny/admin-ui";
-import { useEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -22,7 +22,7 @@ const plugin = {
       const {
         field
       } = useModelField();
-      const rules = useEffectiveRules(field);
+      const rules = useFieldEffectiveRules(field);
       const disabled = !rules.canEdit || rules.disabled;
       const Bind = getBind();
       const {

package/admin/plugins/fieldRenderers/select.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","Select","useEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","option","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","placeholder","String","Number"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ value, onChange, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                options={options}\n                                placeholder={field.placeholder}\n                                data-testid={`fr.input.select.${field.label}`}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,iCAAiC;AAElF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,6DAA6D;IAC3EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,IAAI,IAAI,CAAC,CAACf,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;IAClE,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,iBAAiB,CAACW,KAAK,CAAC;MACtC,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEK,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGT,KAAK,CAACU,gBAAgB,IAAI,CAAC,CAAC;MAC7D,MAAMC,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,MAAM,IAAI,CAAC,CAACA,MAAM,CAACC,QAAQ,CAAC;MAE/D,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAED,KAAK;QAAEE,QAAQ;QAAE,GAAGC;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,MAAM,EAAAkC,MAAA,CAAAC,MAAA,KACCH,IAAI;QACRf,QAAQ,EAAEA,QAAS;QACnBmB,KAAK,EAAExB,KAAK,CAACwB,KAAM;QACnB1B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B2B,IAAI,EAAEzB,KAAK,CAACyB,IAAK;QACjBC,IAAI,EAAE1B,KAAK,CAAC2B,IAAK;QACjBlB,OAAO,EAAEA,OAAQ;QACjBmB,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;QAC/B,eAAa,mBAAmB5B,KAAK,CAACwB,KAAK,EAAG;QAC9CP,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGY,MAAM,CAACZ,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","Select","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","option","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","placeholder","String","Number"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ value, onChange, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                options={options}\n                                placeholder={field.placeholder}\n                                data-testid={`fr.input.select.${field.label}`}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,6DAA6D;IAC3EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,IAAI,IAAI,CAAC,CAACf,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;IAClE,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEK,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGT,KAAK,CAACU,gBAAgB,IAAI,CAAC,CAAC;MAC7D,MAAMC,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,MAAM,IAAI,CAAC,CAACA,MAAM,CAACC,QAAQ,CAAC;MAE/D,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAED,KAAK;QAAEE,QAAQ;QAAE,GAAGC;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,MAAM,EAAAkC,MAAA,CAAAC,MAAA,KACCH,IAAI;QACRf,QAAQ,EAAEA,QAAS;QACnBmB,KAAK,EAAExB,KAAK,CAACwB,KAAM;QACnB1B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B2B,IAAI,EAAEzB,KAAK,CAACyB,IAAK;QACjBC,IAAI,EAAE1B,KAAK,CAAC2B,IAAK;QACjBlB,OAAO,EAAEA,OAAQ;QACjBmB,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;QAC/B,eAAa,mBAAmB5B,KAAK,CAACwB,KAAK,EAAG;QAC9CP,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGY,MAAM,CAACZ,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/text/tags.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Tags } from "@webiny/admin-ui";
-import { useEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 export const tags = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-tags",
@@ -19,7 +19,7 @@ export const tags = {
       const {
         field
       } = useModelField();
-      const rules = useEffectiveRules(field);
+      const rules = useFieldEffectiveRules(field);
       const disabled = !rules.canEdit || rules.disabled;
       const Bind = getBind();
       return /*#__PURE__*/React.createElement(Bind, {

package/admin/plugins/fieldRenderers/text/tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tags","useEffectiveRules","useModelField","tags","type","name","renderer","rendererName","description","canUse","field","list","predefinedValues","enabled","render","getBind","rules","disabled","canEdit","Bind","createElement","defaultValue","props","ValidationContainer","Object","assign","label","placeholder","note","hint","help"],"sources":["tags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { useEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport const tags: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-tags\",\n    renderer: {\n        rendererName: \"tags\",\n        name: \"Tags\",\n        description: `Renders a tags component.`,\n        canUse({ field }) {\n            return field.type === \"text\" && field.list === true && !field.predefinedValues?.enabled;\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            return (\n                <Bind defaultValue={[]}>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Tags\n                                    disabled={disabled}\n                                    label={field.label}\n                                    placeholder={field.placeholder || \"Add values\"}\n                                    description={field.description}\n                                    note={field.note}\n                                    hint={field.help}\n                                    {...props}\n                                />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,iCAAiC;AAElF,OAAO,MAAMC,IAAiC,GAAG;EAC7CC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,MAAM;IACpBF,IAAI,EAAE,MAAM;IACZG,WAAW,EAAE,2BAA2B;IACxCC,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAIM,KAAK,CAACC,IAAI,KAAK,IAAI,IAAI,CAACD,KAAK,CAACE,gBAAgB,EAAEC,OAAO;IAC3F,CAAC;IACDC,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEL;MAAM,CAAC,GAAGR,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,iBAAiB,CAACS,KAAK,CAAC;MACtC,MAAMO,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAqB,aAAA,CAACD,IAAI;QAACE,YAAY,EAAE;MAAG,GAClBC,KAAK,IAAI;QACN,oBACIvB,KAAA,CAAAqB,aAAA,CAACD,IAAI,CAACI,mBAAmB,qBACrBxB,KAAA,CAAAqB,aAAA,CAACpB,IAAI,EAAAwB,MAAA,CAAAC,MAAA;UACDR,QAAQ,EAAEA,QAAS;UACnBS,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACiB,WAAW,IAAI,YAAa;UAC/CnB,WAAW,EAAEE,KAAK,CAACF,WAAY;UAC/BoB,IAAI,EAAElB,KAAK,CAACkB,IAAK;UACjBC,IAAI,EAAEnB,KAAK,CAACoB;QAAK,GACbR,KAAK,CACZ,CACqB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Tags","useFieldEffectiveRules","useModelField","tags","type","name","renderer","rendererName","description","canUse","field","list","predefinedValues","enabled","render","getBind","rules","disabled","canEdit","Bind","createElement","defaultValue","props","ValidationContainer","Object","assign","label","placeholder","note","hint","help"],"sources":["tags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport const tags: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-tags\",\n    renderer: {\n        rendererName: \"tags\",\n        name: \"Tags\",\n        description: `Renders a tags component.`,\n        canUse({ field }) {\n            return field.type === \"text\" && field.list === true && !field.predefinedValues?.enabled;\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            return (\n                <Bind defaultValue={[]}>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Tags\n                                    disabled={disabled}\n                                    label={field.label}\n                                    placeholder={field.placeholder || \"Add values\"}\n                                    description={field.description}\n                                    note={field.note}\n                                    hint={field.help}\n                                    {...props}\n                                />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,OAAO,MAAMC,IAAiC,GAAG;EAC7CC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,MAAM;IACpBF,IAAI,EAAE,MAAM;IACZG,WAAW,EAAE,2BAA2B;IACxCC,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAIM,KAAK,CAACC,IAAI,KAAK,IAAI,IAAI,CAACD,KAAK,CAACE,gBAAgB,EAAEC,OAAO;IAC3F,CAAC;IACDC,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEL;MAAM,CAAC,GAAGR,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACS,KAAK,CAAC;MAC3C,MAAMO,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAqB,aAAA,CAACD,IAAI;QAACE,YAAY,EAAE;MAAG,GAClBC,KAAK,IAAI;QACN,oBACIvB,KAAA,CAAAqB,aAAA,CAACD,IAAI,CAACI,mBAAmB,qBACrBxB,KAAA,CAAAqB,aAAA,CAACpB,IAAI,EAAAwB,MAAA,CAAAC,MAAA;UACDR,QAAQ,EAAEA,QAAS;UACnBS,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACiB,WAAW,IAAI,YAAa;UAC/CnB,WAAW,EAAEE,KAAK,CAACF,WAAY;UAC/BoB,IAAI,EAAElB,KAAK,CAACkB,IAAK;UACjBC,IAAI,EAAEnB,KAAK,CAACoB;QAAK,GACbR,KAAK,CACZ,CACqB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/text/textInput.js

@@ -3,7 +3,7 @@ import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { DelayedOnChange } from "@webiny/ui/DelayedOnChange/index.js";
 import { Input } from "@webiny/admin-ui";
-import { useEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -23,7 +23,7 @@ const plugin = {
       const {
         field
       } = useModelField();
-      const rules = useEffectiveRules(field);
+      const rules = useFieldEffectiveRules(field);
       const disabled = !rules.canEdit || rules.disabled;
       const Bind = getBind();
       return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DelayedOnChange, {

package/admin/plugins/fieldRenderers/text/textInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","DelayedOnChange","Input","useEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","label","placeholder","hint","help","note","validation"],"sources":["textInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { useEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text\",\n    renderer: {\n        rendererName: \"text-input\",\n        name: t`Text Input`,\n        description: t`Renders a simple input with its type set to \"text\".`,\n        canUse({ field }) {\n            return field.type === \"text\" && !field.list && !get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    disabled={disabled}\n                                    label={field.label}\n                                    placeholder={field.placeholder}\n                                    description={field.description}\n                                    hint={field.help}\n                                    note={field.note}\n                                    data-testid={`fr.input.text.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,eAAe,QAAQ,qCAAqC;AAErE,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,iCAAiC;AAElF,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAC1F,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,iBAAiB,CAACW,KAAK,CAAC;MACtC,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,oBACInB,KAAA,CAAAwB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDzB,KAAA,CAAAwB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACrB,eAAe;QACZwB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtB9B,KAAA,CAAAwB,aAAA,CAACpB,KAAK;QACFiB,QAAQ,EAAEA,QAAS;QACnBU,KAAK,EAAEf,KAAK,CAACe,KAAM;QACnBC,WAAW,EAAEhB,KAAK,CAACgB,WAAY;QAC/BlB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BmB,IAAI,EAAEjB,KAAK,CAACkB,IAAK;QACjBC,IAAI,EAAEnB,KAAK,CAACmB,IAAK;QACjB,eAAa,iBAAiBnB,KAAK,CAACe,KAAK,EAAG;QAC5CK,UAAU,EAAEX,IAAI,CAACW;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAe3B,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","DelayedOnChange","Input","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","label","placeholder","hint","help","note","validation"],"sources":["textInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text\",\n    renderer: {\n        rendererName: \"text-input\",\n        name: t`Text Input`,\n        description: t`Renders a simple input with its type set to \"text\".`,\n        canUse({ field }) {\n            return field.type === \"text\" && !field.list && !get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    disabled={disabled}\n                                    label={field.label}\n                                    placeholder={field.placeholder}\n                                    description={field.description}\n                                    hint={field.help}\n                                    note={field.note}\n                                    data-testid={`fr.input.text.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,eAAe,QAAQ,qCAAqC;AAErE,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAC1F,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,oBACInB,KAAA,CAAAwB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDzB,KAAA,CAAAwB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACrB,eAAe;QACZwB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtB9B,KAAA,CAAAwB,aAAA,CAACpB,KAAK;QACFiB,QAAQ,EAAEA,QAAS;QACnBU,KAAK,EAAEf,KAAK,CAACe,KAAM;QACnBC,WAAW,EAAEhB,KAAK,CAACgB,WAAY;QAC/BlB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BmB,IAAI,EAAEjB,KAAK,CAACkB,IAAK;QACjBC,IAAI,EAAEnB,KAAK,CAACmB,IAAK;QACjB,eAAa,iBAAiBnB,KAAK,CAACe,KAAK,EAAG;QAC5CK,UAAU,EAAEX,IAAI,CAACW;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAe3B,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/text/textInputs.js

@@ -5,7 +5,7 @@ import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import DynamicSection from "../DynamicSection.js";
 import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
-import { CanEditField, useEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { CanEditField, useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -23,7 +23,7 @@ const plugin = {
       const {
         field
       } = useModelField();
-      const rules = useEffectiveRules(field);
+      const rules = useFieldEffectiveRules(field);
       const disabled = !rules.canEdit || rules.disabled;
       return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
         disabled: disabled

package/admin/plugins/fieldRenderers/text/textInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","Icon","Input","CanEditField","useEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","rules","disabled","canEdit","createElement","Object","assign","bind","index","value","onChange","onBlur","validate","validation","onEnter","appendValue","label","number","placeholder","endIcon","icon","onClick","removeValue","className","renderSettings"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { CanEditField, useEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text-inputs\",\n    renderer: {\n        rendererName: \"text-inputs\",\n        name: t`Text Inputs`,\n        description: t`Renders a simple list of text inputs.`,\n        canUse({ field }) {\n            return field.type === \"text\" && !!field.list && !get(field, \"predefinedValues.enabled\");\n        },\n        render(props) {\n            const { field } = useModelField();\n            const rules = useEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                disabled={disabled}\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholder}\n                                data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n                                endIcon={\n                                    <CanEditField>\n                                        <Icon\n                                            icon={<DeleteIcon />}\n                                            label={\"Delete\"}\n                                            onClick={() => bind.field.removeValue(index)}\n                                            className={\"cursor-pointer\"}\n                                        />\n                                    </CanEditField>\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,YAAY,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,iCAAiC;AAEhG,MAAMC,CAAC,GAAGX,IAAI,CAACY,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,uCAAuC;IACrDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI,IAAI,CAACtB,GAAG,CAACqB,KAAK,EAAE,0BAA0B,CAAC;IAC3F,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,iBAAiB,CAACW,KAAK,CAAC;MACtC,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MAEjD,oBACI3B,KAAA,CAAA6B,aAAA,CAACxB,cAAc,EAAAyB,MAAA,CAAAC,MAAA,KAAKN,KAAK;QAAEE,QAAQ,EAAEA;MAAS,IACzC,CAAC;QAAEK,IAAI;QAAEC;MAAM,CAAC,kBACbjC,KAAA,CAAA6B,aAAA,CAACtB,eAAe;QACZ2B,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5BrC,KAAA,CAAA6B,aAAA,CAACpB,KAAK;QACFkB,QAAQ,EAAEA,QAAS;QACnBW,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACV,KAAK,CAACkB,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAE5B,CAAC,gBAAgB,CAAC;UAAE6B,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAElB,KAAK,CAACH,KAAK,CAACqB,WAAY;QACrC,eAAa,kBAAkBlB,KAAK,CAACH,KAAK,CAACmB,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAChEW,OAAO,eACH5C,KAAA,CAAA6B,aAAA,CAACnB,YAAY,qBACTV,KAAA,CAAA6B,aAAA,CAACrB,IAAI;UACDqC,IAAI,eAAE7C,KAAA,CAAA6B,aAAA,CAACzB,UAAU,MAAE,CAAE;UACrBqC,KAAK,EAAE,QAAS;UAChBK,OAAO,EAAEA,CAAA,KAAMd,IAAI,CAACV,KAAK,CAACyB,WAAW,CAACd,KAAK,CAAE;UAC7Ce,SAAS,EAAE;QAAiB,CAC/B,CACS;MACjB,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACxB,KAAK,EAAE;MAClB,oBAAOzB,KAAA,CAAA6B,aAAA,CAACvB,0BAA0B,EAAKmB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","Icon","Input","CanEditField","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","rules","disabled","canEdit","createElement","Object","assign","bind","index","value","onChange","onBlur","validate","validation","onEnter","appendValue","label","number","placeholder","endIcon","icon","onClick","removeValue","className","renderSettings"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text-inputs\",\n    renderer: {\n        rendererName: \"text-inputs\",\n        name: t`Text Inputs`,\n        description: t`Renders a simple list of text inputs.`,\n        canUse({ field }) {\n            return field.type === \"text\" && !!field.list && !get(field, \"predefinedValues.enabled\");\n        },\n        render(props) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                disabled={disabled}\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholder}\n                                data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n                                endIcon={\n                                    <CanEditField>\n                                        <Icon\n                                            icon={<DeleteIcon />}\n                                            label={\"Delete\"}\n                                            onClick={() => bind.field.removeValue(index)}\n                                            className={\"cursor-pointer\"}\n                                        />\n                                    </CanEditField>\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SACIC,YAAY,EACZC,sBAAsB,EACtBC,aAAa,QACV,iCAAiC;AAExC,MAAMC,CAAC,GAAGX,IAAI,CAACY,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,uCAAuC;IACrDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI,IAAI,CAACtB,GAAG,CAACqB,KAAK,EAAE,0BAA0B,CAAC;IAC3F,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MAEjD,oBACI3B,KAAA,CAAA6B,aAAA,CAACxB,cAAc,EAAAyB,MAAA,CAAAC,MAAA,KAAKN,KAAK;QAAEE,QAAQ,EAAEA;MAAS,IACzC,CAAC;QAAEK,IAAI;QAAEC;MAAM,CAAC,kBACbjC,KAAA,CAAA6B,aAAA,CAACtB,eAAe;QACZ2B,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5BrC,KAAA,CAAA6B,aAAA,CAACpB,KAAK;QACFkB,QAAQ,EAAEA,QAAS;QACnBW,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACV,KAAK,CAACkB,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAE5B,CAAC,gBAAgB,CAAC;UAAE6B,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAElB,KAAK,CAACH,KAAK,CAACqB,WAAY;QACrC,eAAa,kBAAkBlB,KAAK,CAACH,KAAK,CAACmB,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAChEW,OAAO,eACH5C,KAAA,CAAA6B,aAAA,CAACnB,YAAY,qBACTV,KAAA,CAAA6B,aAAA,CAACrB,IAAI;UACDqC,IAAI,eAAE7C,KAAA,CAAA6B,aAAA,CAACzB,UAAU,MAAE,CAAE;UACrBqC,KAAK,EAAE,QAAS;UAChBK,OAAO,EAAEA,CAAA,KAAMd,IAAI,CAACV,KAAK,CAACyB,WAAW,CAACd,KAAK,CAAE;UAC7Ce,SAAS,EAAE;QAAiB,CAC/B,CACS;MACjB,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACxB,KAAK,EAAE;MAClB,oBAAOzB,KAAA,CAAA6B,aAAA,CAACvB,0BAA0B,EAAKmB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}

package/admin/plugins/fields/ui/TabsLayoutEditor.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import type { CmsTabLayoutDescriptor, CmsLayoutDescriptor } from "@webiny/app-headless-cms-common/types/model.js";
+import type { CmsTabLayoutField, CmsLayoutField } from "@webiny/app-headless-cms-common/types/model.js";
 interface TabsLayoutEditorProps {
-    descriptor: CmsTabLayoutDescriptor;
-    onUpdate: (d: CmsLayoutDescriptor) => void;
+    field: CmsTabLayoutField;
+    onUpdate: (d: CmsLayoutField) => void;
     onDelete: () => void;
 }
-export declare const TabsLayoutEditor: ({ descriptor, onUpdate, onDelete }: TabsLayoutEditorProps) => React.JSX.Element;
+export declare const TabsLayoutEditor: ({ field, onUpdate, onDelete }: TabsLayoutEditorProps) => React.JSX.Element;
 export {};