npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-rc.3 → 6.0.0-rc.5 - Mend

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

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

Files changed (99) hide show

package/admin/plugins/fieldRenderers/radioButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","get","i18n","RadioGroup","~~useEffectiveRules~~","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { RadioGroup } 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-radio-buttons\",\n renderer: {\n rendererName: \"radio-buttons\",\n name: t`Radio Buttons`,\n description: t`Renders radio buttons, 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 options: []\n };\n\n const defaultOption = options.find(opt => opt.selected === true);\n\n return (\n <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n {({ onChange, value, ...bind }) => (\n <Bind.ValidationContainer>\n <RadioGroup\n {...bind}\n disabled={disabled}\n label={field.label}\n description={field.description}\n note={field.note}\n hint={field.help}\n items={options.map(option => ({\n label: option.label,\n value: String(option.value),\n selected: option.selected\n }))}\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;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,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,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,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;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,UAAU,EAAAkC,MAAA,CAAAC,MAAA,KACHH,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;QACjBC,KAAK,EAAEnB,OAAO,CAACoB,GAAG,CAACC,MAAM,KAAK;UAC1BN,KAAK,EAAEM,MAAM,CAACN,KAAK;UACnBP,KAAK,EAAEc,MAAM,CAACD,MAAM,CAACb,KAAK,CAAC;UAC3BH,QAAQ,EAAEgB,MAAM,CAAChB;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACa,MAAM,CAACf,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACY,MAAM,CAACd,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","get","i18n","RadioGroup","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { RadioGroup } 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-radio-buttons\",\n renderer: {\n rendererName: \"radio-buttons\",\n name: t`Radio Buttons`,\n description: t`Renders radio buttons, 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 options: []\n };\n\n const defaultOption = options.find(opt => opt.selected === true);\n\n return (\n <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n {({ onChange, value, ...bind }) => (\n <Bind.ValidationContainer>\n <RadioGroup\n {...bind}\n disabled={disabled}\n label={field.label}\n description={field.description}\n note={field.note}\n hint={field.help}\n items={options.map(option => ({\n label: option.label,\n value: String(option.value),\n selected: option.selected\n }))}\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;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,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,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,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;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,UAAU,EAAAkC,MAAA,CAAAC,MAAA,KACHH,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;QACjBC,KAAK,EAAEnB,OAAO,CAACoB,GAAG,CAACC,MAAM,KAAK;UAC1BN,KAAK,EAAEM,MAAM,CAACN,KAAK;UACnBP,KAAK,EAAEc,MAAM,CAACD,MAAM,CAACb,KAAK,CAAC;UAC3BH,QAAQ,EAAEgB,MAAM,CAAChB;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACa,MAAM,CAACf,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACY,MAAM,CAACd,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { parseIdentifier } from "@webiny/utils";
 import { Entries } from "./Entries.js";
 import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
 import { FormComponentErrorMessage, FormComponentLabel } from "@webiny/admin-ui";
-import { CanEditField, useEffectiveRules } from "@webiny/app-headless-cms-common";
+import { CanEditField, useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
 export const AdvancedMultipleReferenceField = props => {
   const {
     bind
@@ -22,7 +22,7 @@ export const AdvancedMultipleReferenceField = props => {
   const {
     field
   } = useModelField();
-  const rules = useEffectiveRules(field);
+  const rules = useFieldEffectiveRules(field);
   const requestContext = useModelFieldGraphqlContext();
   const disabled = !rules.canEdit || rules.disabled;
   const values = useMemo(() => {

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","ReferencesDialog","useModelField","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","CanEditField","useEffectiveRules","AdvancedMultipleReferenceField","props","bind","showSnackbar","field","rules","requestContext","disabled","canEdit","values","value","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadMore","perPage","onRemove","id","Array","isArray","entryId","newValues","filter","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","className","text","label","entry","isFirst","isLast","placement","key","undefined","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql.js\";\nimport type {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModel,\n CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useModelField, useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CanEditField, useEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n const { bind } = props;\n const { showSnackbar } = useSnackbar();\n const { field } = useModelField();\n const rules = useEffectiveRules(field);\n const requestContext = useModelFieldGraphqlContext();\n const disabled = !rules.canEdit \|\| rules.disabled;\n\n const values = useMemo(() => {\n return bind.value \|\| [];\n }, [bind.value]);\n\n const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel \| null>(null);\n const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel \| null>(null);\n\n const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n GQL.LIST_CONTENT_MODELS,\n {\n context: requestContext\n }\n );\n\n useEffect(() => {\n if (loadingModels \|\| !data?.listContentModels?.data) {\n return;\n } else if (data.listContentModels.error) {\n setLoadedModels([]);\n showSnackbar(data.listContentModels.error.message);\n return;\n }\n setLoadedModels(withoutBeingDeletedModels(data.listContentModels.data));\n }, [data]);\n\n const onNewRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setNewEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onNewEntryDialogClose = useCallback(() => {\n setNewEntryDialogModel(null);\n }, [linkEntryDialogModel]);\n\n const onExistingRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setLinkEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onLinkEntryDialogClose = useCallback(() => {\n setLinkEntryDialogModel(null);\n }, []);\n\n const { entries, loadMore } = useReferences({\n values,\n perPage: 10,\n requestContext\n });\n\n const onRemove = useCallback(\n (id: string) => {\n if (!values \|\| !Array.isArray(values)) {\n return;\n }\n const { id: entryId } = parseIdentifier(id);\n const newValues = values.filter(value => {\n const { id: valueEntryId } = parseIdentifier(value.id);\n return valueEntryId !== entryId;\n });\n bind.onChange(newValues.length > 0 ? newValues : null);\n },\n [entries, values]\n );\n\n const models = useMemo(() => {\n if (!loadedModels \|\| !field.settings?.models \|\| !Array.isArray(field.settings.models)) {\n return [];\n }\n\n return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n const model = loadedModels.find(model => model.modelId === ref.modelId);\n if (!model) {\n return collection;\n }\n collection.push(model);\n\n return collection;\n }, []);\n }, [loadedModels, entries]);\n\n const storeValues = useCallback(\n (values: CmsReferenceValue[]) => {\n bind.onChange(values?.length ? values : null);\n return;\n },\n [values]\n );\n\n const onNewEntryCreate = useCallback(\n (data: Partial<CmsContentEntry> \| null) => {\n if (!data) {\n console.log(\n `Could not store new entry to the reference field. Missing whole entry.`\n );\n return;\n } else if (!data.id) {\n console.log(\n `Could not store new entry to the reference field. Missing \"id\" value.`\n );\n return;\n } else if (!data.modelId) {\n console.log(\n `Could not store new entry to the reference field. Missing \"modelId\" value.`\n );\n return;\n }\n storeValues(\n values.concat([\n {\n id: data.id,\n modelId: data.modelId\n }\n ])\n );\n },\n [storeValues]\n );\n\n const onMoveUp = useCallback(\n (index: number, toTop?: boolean) => {\n if (!values?.length) {\n return;\n } else if (toTop) {\n const arr = values.splice(index, 1);\n bind.onChange(arr.concat(values));\n return;\n }\n bind.moveValueUp(index);\n },\n [values]\n );\n const onMoveDown = useCallback(\n (index: number, toBottom?: boolean) => {\n if (!values?.length) {\n return;\n } else if (toBottom === true) {\n const arr = values.splice(index, 1);\n bind.onChange(values.concat(arr));\n return;\n }\n bind.moveValueDown(index);\n },\n [values]\n );\n\n const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <>\n <div className={\"flex items-center justify-between\"}>\n <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\n </div>\n <div className={\"webiny_ref-field-container\"}>\n <Entries entries={entries} loadMore={loadMore}>\n {(entry, index) => {\n const isFirst = index === 0;\n const isLast = index >= values.length - 1;\n const model = loadedModels.find(\n model => model.modelId === entry.model.modelId\n );\n if (!model) {\n return null;\n }\n return (\n <Entry\n disabled={disabled}\n model={model}\n placement=\"multiRef\"\n key={`reference-entry-${entry.id}`}\n index={index}\n entry={entry}\n onRemove={onRemove}\n onMoveUp={!isFirst ? onMoveUp : undefined}\n onMoveDown={!isLast ? onMoveDown : undefined}\n />\n );\n }}\n </Entries>\n </div>\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={disabled}\n />\n {values.length > 0 && <div className=\"mb-md\" />}\n\n <CanEditField>\n <Options\n models={models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\n </CanEditField>\n\n {newEntryDialogModel && (\n <NewReferencedEntryDialog\n model={newEntryDialogModel}\n onClose={onNewEntryDialogClose}\n onChange={onNewEntryCreate}\n />\n )}\n\n {linkEntryDialogModel && (\n <ReferencesDialog\n {...props}\n field={field}\n multiple={true}\n values={values}\n contentModel={linkEntryDialogModel}\n storeValues={storeValues}\n onDialogClose={onLinkEntryDialogClose}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","ReferencesDialog","useModelField","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","CanEditField","useFieldEffectiveRules","AdvancedMultipleReferenceField","props","bind","showSnackbar","field","rules","requestContext","disabled","canEdit","values","value","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadMore","perPage","onRemove","id","Array","isArray","entryId","newValues","filter","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","className","text","label","entry","isFirst","isLast","placement","key","undefined","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql.js\";\nimport type {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModel,\n CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useModelField, useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CanEditField, useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n const { bind } = props;\n const { showSnackbar } = useSnackbar();\n const { field } = useModelField();\n const rules = useFieldEffectiveRules(field);\n const requestContext = useModelFieldGraphqlContext();\n const disabled = !rules.canEdit \|\| rules.disabled;\n\n const values = useMemo(() => {\n return bind.value \|\| [];\n }, [bind.value]);\n\n const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel \| null>(null);\n const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel \| null>(null);\n\n const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n GQL.LIST_CONTENT_MODELS,\n {\n context: requestContext\n }\n );\n\n useEffect(() => {\n if (loadingModels \|\| !data?.listContentModels?.data) {\n return;\n } else if (data.listContentModels.error) {\n setLoadedModels([]);\n showSnackbar(data.listContentModels.error.message);\n return;\n }\n setLoadedModels(withoutBeingDeletedModels(data.listContentModels.data));\n }, [data]);\n\n const onNewRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setNewEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onNewEntryDialogClose = useCallback(() => {\n setNewEntryDialogModel(null);\n }, [linkEntryDialogModel]);\n\n const onExistingRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setLinkEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onLinkEntryDialogClose = useCallback(() => {\n setLinkEntryDialogModel(null);\n }, []);\n\n const { entries, loadMore } = useReferences({\n values,\n perPage: 10,\n requestContext\n });\n\n const onRemove = useCallback(\n (id: string) => {\n if (!values \|\| !Array.isArray(values)) {\n return;\n }\n const { id: entryId } = parseIdentifier(id);\n const newValues = values.filter(value => {\n const { id: valueEntryId } = parseIdentifier(value.id);\n return valueEntryId !== entryId;\n });\n bind.onChange(newValues.length > 0 ? newValues : null);\n },\n [entries, values]\n );\n\n const models = useMemo(() => {\n if (!loadedModels \|\| !field.settings?.models \|\| !Array.isArray(field.settings.models)) {\n return [];\n }\n\n return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n const model = loadedModels.find(model => model.modelId === ref.modelId);\n if (!model) {\n return collection;\n }\n collection.push(model);\n\n return collection;\n }, []);\n }, [loadedModels, entries]);\n\n const storeValues = useCallback(\n (values: CmsReferenceValue[]) => {\n bind.onChange(values?.length ? values : null);\n return;\n },\n [values]\n );\n\n const onNewEntryCreate = useCallback(\n (data: Partial<CmsContentEntry> \| null) => {\n if (!data) {\n console.log(\n `Could not store new entry to the reference field. Missing whole entry.`\n );\n return;\n } else if (!data.id) {\n console.log(\n `Could not store new entry to the reference field. Missing \"id\" value.`\n );\n return;\n } else if (!data.modelId) {\n console.log(\n `Could not store new entry to the reference field. Missing \"modelId\" value.`\n );\n return;\n }\n storeValues(\n values.concat([\n {\n id: data.id,\n modelId: data.modelId\n }\n ])\n );\n },\n [storeValues]\n );\n\n const onMoveUp = useCallback(\n (index: number, toTop?: boolean) => {\n if (!values?.length) {\n return;\n } else if (toTop) {\n const arr = values.splice(index, 1);\n bind.onChange(arr.concat(values));\n return;\n }\n bind.moveValueUp(index);\n },\n [values]\n );\n const onMoveDown = useCallback(\n (index: number, toBottom?: boolean) => {\n if (!values?.length) {\n return;\n } else if (toBottom === true) {\n const arr = values.splice(index, 1);\n bind.onChange(values.concat(arr));\n return;\n }\n bind.moveValueDown(index);\n },\n [values]\n );\n\n const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <>\n <div className={\"flex items-center justify-between\"}>\n <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\n </div>\n <div className={\"webiny_ref-field-container\"}>\n <Entries entries={entries} loadMore={loadMore}>\n {(entry, index) => {\n const isFirst = index === 0;\n const isLast = index >= values.length - 1;\n const model = loadedModels.find(\n model => model.modelId === entry.model.modelId\n );\n if (!model) {\n return null;\n }\n return (\n <Entry\n disabled={disabled}\n model={model}\n placement=\"multiRef\"\n key={`reference-entry-${entry.id}`}\n index={index}\n entry={entry}\n onRemove={onRemove}\n onMoveUp={!isFirst ? onMoveUp : undefined}\n onMoveDown={!isLast ? onMoveDown : undefined}\n />\n );\n }}\n </Entries>\n </div>\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={disabled}\n />\n {values.length > 0 && <div className=\"mb-md\" />}\n\n <CanEditField>\n <Options\n models={models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\n </CanEditField>\n\n {newEntryDialogModel && (\n <NewReferencedEntryDialog\n model={newEntryDialogModel}\n onClose={onNewEntryDialogClose}\n onChange={onNewEntryCreate}\n />\n )}\n\n {linkEntryDialogModel && (\n <ReferencesDialog\n {...props}\n field={field}\n multiple={true}\n values={values}\n contentModel={linkEntryDialogModel}\n storeValues={storeValues}\n onDialogClose={onLinkEntryDialogClose}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.js CHANGED Viewed

@@ -8,7 +8,7 @@ import * as GQL from "../../../../../viewsGraphql.js";
 import { useSnackbar } from "@webiny/app-admin";
 import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
 import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from "@webiny/admin-ui";
-import { CanEditField, useEffectiveRules } from "@webiny/app-headless-cms-common";
+import { CanEditField, useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
 export const AdvancedSingleReferenceField = props => {
   const {
     bind
@@ -19,7 +19,7 @@ export const AdvancedSingleReferenceField = props => {
   const {
     field
   } = useModelField();
-  const rules = useEffectiveRules(field);
+  const rules = useFieldEffectiveRules(field);
   const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
   const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
   const [loadedModels, setLoadedModels] = useState([]);

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","useQuery","useModelFieldGraphqlContext","useModelField","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","CanEditField","useEffectiveRules","AdvancedSingleReferenceField","props","bind","showSnackbar","field","rules","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","disabled","canEdit","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModelFieldRendererProps,\n CmsModel\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useQuery, useModelFieldGraphqlContext, useModelField } from \"~/admin/hooks/index.js\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\nimport { CanEditField, useEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n const { bind } = props;\n const { showSnackbar } = useSnackbar();\n const { field } = useModelField();\n const rules = useEffectiveRules(field);\n\n const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel \| null>(null);\n const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel \| null>(null);\n const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n const requestContext = useModelFieldGraphqlContext();\n\n const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n GQL.LIST_CONTENT_MODELS,\n {\n context: requestContext\n }\n );\n\n useEffect(() => {\n if (loadingModels \|\| !data?.listContentModels?.data) {\n return;\n } else if (data.listContentModels.error) {\n setLoadedModels([]);\n showSnackbar(data.listContentModels.error.message);\n return;\n }\n setLoadedModels(data.listContentModels.data);\n }, [data]);\n\n const onNewRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setNewEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onNewEntryDialogClose = useCallback(() => {\n setNewEntryDialogModel(null);\n }, [linkEntryDialogModel]);\n\n const onExistingRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setLinkEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onLinkEntryDialogClose = useCallback(() => {\n setLinkEntryDialogModel(null);\n }, []);\n\n const { entries, loading: loadingEntries } = useReferences({\n values: bind.value,\n requestContext\n });\n\n const onRemove = useCallback(() => {\n bind.onChange(null);\n }, [entries]);\n\n const models = useMemo(() => {\n if (!loadedModels \|\| !field.settings?.models) {\n return [];\n }\n\n return (field.settings?.models \|\| [])\n .map(({ modelId }) => {\n return loadedModels.find(model => model.modelId === modelId);\n })\n .filter(Boolean) as CmsModel[];\n }, [loadedModels, entries]);\n\n const loading = loadingEntries \|\| loadingModels;\n\n const storeValues = useCallback(\n (values: CmsReferenceValue[]) => {\n if (values.length > 1) {\n console.log(\"More than one value selected. This should never happen.\");\n return;\n } else if (values.length === 0 \|\| !values[0]?.id) {\n bind.onChange(null);\n return;\n }\n bind.onChange(values[0]);\n },\n [bind.value, bind.onChange, entries]\n );\n\n const onNewEntryCreate = useCallback(\n (data: CmsContentEntry \| null) => {\n if (!data) {\n console.log(\n `Could not store new entry to the reference field. Missing whole entry.`\n );\n return;\n } else if (!data.id) {\n console.log(\n `Could not store new entry to the reference field. Missing \"id\" value.`\n );\n return;\n } else if (!data.modelId) {\n console.log(\n `Could not store new entry to the reference field. Missing \"modelId\" value.`\n );\n return;\n }\n storeValues([\n {\n id: data.id,\n modelId: data.modelId\n }\n ]);\n },\n [storeValues]\n );\n\n const initialValue = useMemo(() => {\n if (entries.length === 0 \|\| loadedModels.length === 0) {\n return null;\n }\n const entry = entries[0];\n if (!entry) {\n return null;\n }\n const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n if (!model) {\n return null;\n }\n return {\n entry,\n model\n };\n }, [entries, loadedModels]);\n\n const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n const disabled = !rules.canEdit \|\| rules.disabled;\n\n return (\n <>\n <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\n <div className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\n {initialValue && (\n <Entry\n model={initialValue.model}\n placement=\"singleRefField\"\n index={0}\n entry={initialValue.entry}\n onRemove={onRemove}\n />\n )}\n </div>\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={disabled}\n />\n {initialValue && <div className=\"mb-md\" />}\n <CanEditField>\n <Options\n models={models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\n </CanEditField>\n\n {newEntryDialogModel && (\n <NewReferencedEntryDialog\n model={newEntryDialogModel}\n onClose={onNewEntryDialogClose}\n onChange={onNewEntryCreate}\n />\n )}\n\n {linkEntryDialogModel && (\n <ReferencesDialog\n {...props}\n multiple={false}\n values={bind.value ? [bind.value] : []}\n contentModel={linkEntryDialogModel}\n storeValues={storeValues}\n onDialogClose={onLinkEntryDialogClose}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","useQuery","useModelFieldGraphqlContext","useModelField","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","CanEditField","useFieldEffectiveRules","AdvancedSingleReferenceField","props","bind","showSnackbar","field","rules","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","disabled","canEdit","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModelFieldRendererProps,\n CmsModel\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useQuery, useModelFieldGraphqlContext, useModelField } from \"~/admin/hooks/index.js\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\nimport { CanEditField, useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n const { bind } = props;\n const { showSnackbar } = useSnackbar();\n const { field } = useModelField();\n const rules = useFieldEffectiveRules(field);\n\n const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel \| null>(null);\n const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel \| null>(null);\n const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n const requestContext = useModelFieldGraphqlContext();\n\n const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n GQL.LIST_CONTENT_MODELS,\n {\n context: requestContext\n }\n );\n\n useEffect(() => {\n if (loadingModels \|\| !data?.listContentModels?.data) {\n return;\n } else if (data.listContentModels.error) {\n setLoadedModels([]);\n showSnackbar(data.listContentModels.error.message);\n return;\n }\n setLoadedModels(data.listContentModels.data);\n }, [data]);\n\n const onNewRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setNewEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onNewEntryDialogClose = useCallback(() => {\n setNewEntryDialogModel(null);\n }, [linkEntryDialogModel]);\n\n const onExistingRecord = useCallback(\n (modelId: string) => {\n const model = loadedModels.find(model => model.modelId === modelId);\n if (!model) {\n console.log(`Cannot find model by modelId \"${modelId}\".`);\n return;\n }\n setLinkEntryDialogModel(model);\n },\n [loadedModels, linkEntryDialogModel]\n );\n\n const onLinkEntryDialogClose = useCallback(() => {\n setLinkEntryDialogModel(null);\n }, []);\n\n const { entries, loading: loadingEntries } = useReferences({\n values: bind.value,\n requestContext\n });\n\n const onRemove = useCallback(() => {\n bind.onChange(null);\n }, [entries]);\n\n const models = useMemo(() => {\n if (!loadedModels \|\| !field.settings?.models) {\n return [];\n }\n\n return (field.settings?.models \|\| [])\n .map(({ modelId }) => {\n return loadedModels.find(model => model.modelId === modelId);\n })\n .filter(Boolean) as CmsModel[];\n }, [loadedModels, entries]);\n\n const loading = loadingEntries \|\| loadingModels;\n\n const storeValues = useCallback(\n (values: CmsReferenceValue[]) => {\n if (values.length > 1) {\n console.log(\"More than one value selected. This should never happen.\");\n return;\n } else if (values.length === 0 \|\| !values[0]?.id) {\n bind.onChange(null);\n return;\n }\n bind.onChange(values[0]);\n },\n [bind.value, bind.onChange, entries]\n );\n\n const onNewEntryCreate = useCallback(\n (data: CmsContentEntry \| null) => {\n if (!data) {\n console.log(\n `Could not store new entry to the reference field. Missing whole entry.`\n );\n return;\n } else if (!data.id) {\n console.log(\n `Could not store new entry to the reference field. Missing \"id\" value.`\n );\n return;\n } else if (!data.modelId) {\n console.log(\n `Could not store new entry to the reference field. Missing \"modelId\" value.`\n );\n return;\n }\n storeValues([\n {\n id: data.id,\n modelId: data.modelId\n }\n ]);\n },\n [storeValues]\n );\n\n const initialValue = useMemo(() => {\n if (entries.length === 0 \|\| loadedModels.length === 0) {\n return null;\n }\n const entry = entries[0];\n if (!entry) {\n return null;\n }\n const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n if (!model) {\n return null;\n }\n return {\n entry,\n model\n };\n }, [entries, loadedModels]);\n\n const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n const disabled = !rules.canEdit \|\| rules.disabled;\n\n return (\n <>\n <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\n <div className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\n {initialValue && (\n <Entry\n model={initialValue.model}\n placement=\"singleRefField\"\n index={0}\n entry={initialValue.entry}\n onRemove={onRemove}\n />\n )}\n </div>\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={disabled}\n />\n {initialValue && <div className=\"mb-md\" />}\n <CanEditField>\n <Options\n models={models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\n </CanEditField>\n\n {newEntryDialogModel && (\n <NewReferencedEntryDialog\n model={newEntryDialogModel}\n onClose={onNewEntryDialogClose}\n onChange={onNewEntryCreate}\n />\n )}\n\n {linkEntryDialogModel && (\n <ReferencesDialog\n {...props}\n multiple={false}\n values={bind.value ? [bind.value] : []}\n contentModel={linkEntryDialogModel}\n storeValues={storeValues}\n onDialogClose={onLinkEntryDialogClose}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { useNewRefEntry } from "../hooks/useNewRefEntry.js";
 import { useReference } from "./useReference.js";
 import { renderItem } from "./renderItem.js";
 import { createEntryUrl } from "./createEntryUrl.js";
-import { useEffectiveRules } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
 import { useModelField, useModels } from "../../../../hooks/index.js";
 import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
@@ -20,7 +20,7 @@ const ContentEntriesAutocomplete = ({
   const {
     field
   } = useModelField();
-  const rules = useEffectiveRules(field);
+  const rules = useFieldEffectiveRules(field);
   const {
     models
   } = useModels();

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","debounce","NewEntryButton","AutoComplete","i18n","SimpleLink","useNewRefEntry","useReference","renderItem","createEntryUrl","~~useEffectiveRules~~","useModelField","useModels","NewReferencedEntryDialog","t","ns","unpublishedLabel","publishedLabel","ContentEntriesAutocomplete","bind","field","rules","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","value","loading","onChange","disabled","canEdit","entryInfo","published","link","publishItLink","createElement","to","here","renderNewEntryModal","refModelId","help","model","find","modelId","Fragment","onClose","entry","Object","assign","undefined","label","note","description","onInput","search","noResultFound","onClick"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { NewEntryButton } from \"./NewEntryButton.js\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleLink } from \"@webiny/app-admin\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry.js\";\nimport { useReference } from \"./useReference.js\";\nimport { renderItem } from \"./renderItem.js\";\nimport { createEntryUrl } from \"./createEntryUrl.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\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\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\ninterface ContentEntriesAutocompleteProps {\n bind: BindComponentRenderProp;\n field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind }: ContentEntriesAutocompleteProps) => {\n const { field } = useModelField();\n const rules = ~~useEffectiveRules~~(field);\n const { models } = useModels();\n const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n const { options, setSearch, value, loading, onChange } = useReference({\n bind,\n field\n });\n\n const disabled = !rules.canEdit \|\| rules.disabled;\n\n let entryInfo: string \| null = null;\n if (value && !value.published) {\n const link = createEntryUrl(value);\n entryInfo = unpublishedLabel({\n publishItLink: <SimpleLink to={link}>{t`publish it`}</SimpleLink>\n });\n } else if (value) {\n const link = createEntryUrl(value);\n entryInfo = publishedLabel({\n here: <SimpleLink to={link}>{t`here`}</SimpleLink>\n });\n }\n const { renderNewEntryModal, refModelId, help } = useNewRefEntry({ field });\n const model = models.find(model => model.modelId === refModelId);\n\n /\n Wrap AutoComplete input in NewRefEntry modal.\n */\n if (renderNewEntryModal) {\n return (\n <>\n {showNewEntryModal && model ? (\n <NewReferencedEntryDialog\n onClose={() => setShowNewEntryModal(false)}\n model={model}\n onChange={entry => {\n return onChange(entry, entry);\n }}\n />\n ) : null}\n\n <AutoComplete\n {...bind}\n renderItem={renderItem}\n onChange={onChange}\n loading={loading}\n value={value \|\| undefined}\n options={options}\n label={field.label}\n note={entryInfo}\n data-testid={`fr.input.autocomplete.${field.label}`}\n description={<>{field.help}</>}\n onInput={debounce(search => setSearch(search), 250)}\n noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n />\n </>\n );\n }\n\n return (\n <AutoComplete\n {...bind}\n disabled={disabled}\n renderItem={renderItem}\n onChange={onChange}\n loading={loading}\n value={value \|\| undefined}\n options={options}\n label={field.label}\n description={<>{field.help}</>}\n note={entryInfo}\n onInput={debounce(search => setSearch(search), 250)}\n noResultFound={help}\n />\n );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,cAAc;AACvB,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc;AACvB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,cAAc;AAGvB,SAASC,~~iBAAiB~~,QAAQ,iCAAiC;~~AACnE~~,SAASC,aAAa,EAAEC,SAAS;AACjC,SAASC,wBAAwB;AAEjC,MAAMC,CAAC,GAAGV,IAAI,CAACW,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,gBAAgB,GAAGF,CAAC,iHAAiH;AAC3I,MAAMG,cAAc,GAAGH,CAAC,8DAA8D;AAMtF,MAAMI,0BAA0B,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAM,CAAC,GAAGT,aAAa,CAAC,CAAC;EACjC,MAAMU,KAAK,GAAGX,~~iBAAiB~~,CAACU,KAAK,CAAC;~~EACtC~~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","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","debounce","NewEntryButton","AutoComplete","i18n","SimpleLink","useNewRefEntry","useReference","renderItem","createEntryUrl","useFieldEffectiveRules","useModelField","useModels","NewReferencedEntryDialog","t","ns","unpublishedLabel","publishedLabel","ContentEntriesAutocomplete","bind","field","rules","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","value","loading","onChange","disabled","canEdit","entryInfo","published","link","publishItLink","createElement","to","here","renderNewEntryModal","refModelId","help","model","find","modelId","Fragment","onClose","entry","Object","assign","undefined","label","note","description","onInput","search","noResultFound","onClick"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { NewEntryButton } from \"./NewEntryButton.js\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleLink } from \"@webiny/app-admin\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry.js\";\nimport { useReference } from \"./useReference.js\";\nimport { renderItem } from \"./renderItem.js\";\nimport { createEntryUrl } from \"./createEntryUrl.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\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\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\ninterface ContentEntriesAutocompleteProps {\n bind: BindComponentRenderProp;\n field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind }: ContentEntriesAutocompleteProps) => {\n const { field } = useModelField();\n const rules = useFieldEffectiveRules(field);\n const { models } = useModels();\n const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n const { options, setSearch, value, loading, onChange } = useReference({\n bind,\n field\n });\n\n const disabled = !rules.canEdit \|\| rules.disabled;\n\n let entryInfo: string \| null = null;\n if (value && !value.published) {\n const link = createEntryUrl(value);\n entryInfo = unpublishedLabel({\n publishItLink: <SimpleLink to={link}>{t`publish it`}</SimpleLink>\n });\n } else if (value) {\n const link = createEntryUrl(value);\n entryInfo = publishedLabel({\n here: <SimpleLink to={link}>{t`here`}</SimpleLink>\n });\n }\n const { renderNewEntryModal, refModelId, help } = useNewRefEntry({ field });\n const model = models.find(model => model.modelId === refModelId);\n\n /\n Wrap AutoComplete input in NewRefEntry modal.\n */\n if (renderNewEntryModal) {\n return (\n <>\n {showNewEntryModal && model ? (\n <NewReferencedEntryDialog\n onClose={() => setShowNewEntryModal(false)}\n model={model}\n onChange={entry => {\n return onChange(entry, entry);\n }}\n />\n ) : null}\n\n <AutoComplete\n {...bind}\n renderItem={renderItem}\n onChange={onChange}\n loading={loading}\n value={value \|\| undefined}\n options={options}\n label={field.label}\n note={entryInfo}\n data-testid={`fr.input.autocomplete.${field.label}`}\n description={<>{field.help}</>}\n onInput={debounce(search => setSearch(search), 250)}\n noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n />\n </>\n );\n }\n\n return (\n <AutoComplete\n {...bind}\n disabled={disabled}\n renderItem={renderItem}\n onChange={onChange}\n loading={loading}\n value={value \|\| undefined}\n options={options}\n label={field.label}\n description={<>{field.help}</>}\n note={entryInfo}\n onInput={debounce(search => setSearch(search), 250)}\n noResultFound={help}\n />\n );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { useReferences } from "./useReferences.js";
 import { renderItem, renderListItemOptions } from "./renderItem.js";
 import { NewEntryButton } from "./NewEntryButton.js";
 import { useNewRefEntry } from "../hooks/useNewRefEntry.js";
-import { useEffectiveRules } from "@webiny/app-headless-cms-common";
+import { useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
 import { useModelField, useModels } from "../../../../hooks/index.js";
 import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog.js";
 import { Routes } from "../../../../../routes.js";
@@ -19,7 +19,7 @@ const ContentEntriesMultiAutocomplete = ({
   const {
     field
   } = useModelField();
-  const rules = useEffectiveRules(field);
+  const rules = useFieldEffectiveRules(field);
   const {
     models
   } = useModels();

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

	@@ -1 +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":"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,~~iBAAiB~~,QAAQ,iCAAiC;~~AACnE~~,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,~~iBAAiB~~,CAACU,KAAK,CAAC;~~EACtC~~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","ignoreList":[]}
1	+ {"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":"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","ignoreList":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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, {