npm - @webiny/app-headless-cms - Versions diffs - 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313 - Mend

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

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 (1410) hide show

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","Container","ReferencesDialog","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","Text","getRecordCountMessage","count","AdvancedMultipleReferenceField","props","bind","field","showSnackbar","requestContext","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","loadingEntries","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","size","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 * as GQL from \"~/admin/viewsGraphql\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql\";\nimport type {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModel,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { Container } from \"./Container\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport {\n FormComponentErrorMessage,\n FormComponentLabel,\n OverlayLoader,\n Text\n} from \"@webiny/admin-ui\";\n\nconst getRecordCountMessage = (count: number) => {\n switch (count) {\n case 0:\n return \"no records selected\";\n case 1:\n return \"1 record selected\";\n default:\n return `${count} records selected`;\n }\n};\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n const { bind, field } = props;\n const { showSnackbar } = useSnackbar();\n const requestContext = useModelFieldGraphqlContext();\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 {\n entries,\n loading: loadingEntries,\n loadMore\n } = 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 loading = loadingEntries \|\| loadingModels;\n\n const message = getRecordCountMessage(values.length);\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={\"wby-flex wby-items-center wby-justify-between\"}>\n <FormComponentLabel text={field.label} invalid={invalid} />\n <Text size={\"sm\"}>({message})</Text>\n </div>\n <Container className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\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 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 </Container>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n <Options\n models={models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\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.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue | null>;
 }

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

@@ -1,23 +1,25 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Options } from "./Options";
-import { useReferences } from "../hooks/useReferences";
-import { Entry } from "./Entry";
-import { ReferencesDialog } from "./ReferencesDialog";
-import { NoEntries } from "./NoEntries";
-import { Container } from "./Container";
-import { useQuery, useModelFieldGraphqlContext } from "../../../../../hooks";
-import * as GQL from "../../../../../viewsGraphql";
+import { Options } from "./Options.js";
+import { useReferences } from "../hooks/useReferences.js";
+import { Entry } from "./Entry.js";
+import { ReferencesDialog } from "./ReferencesDialog.js";
+import { useQuery, useModelFieldGraphqlContext, useModelField } from "../../../../../hooks/index.js";
+import * as GQL from "../../../../../viewsGraphql.js";
 import { useSnackbar } from "@webiny/app-admin";
-import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
 import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from "@webiny/admin-ui";
+import { CanEditField, useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
 export const AdvancedSingleReferenceField = props => {
   const {
-    bind,
-    field
+    bind
   } = props;
   const {
     showSnackbar
   } = useSnackbar();
+  const {
+    field
+  } = useModelField();
+  const rules = useFieldEffectiveRules(field);
   const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
   const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
   const [loadedModels, setLoadedModels] = useState([]);
@@ -132,29 +134,32 @@ export const AdvancedSingleReferenceField = props => {
     message: validationMessage
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  const disabled = !rules.canEdit || rules.disabled;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: field.label,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(Container, {
+    invalid: invalid,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement("div", {
     className: "webiny_ref-field-container"
   }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
     size: "md"
-  }), initialValue ? /*#__PURE__*/React.createElement(Entry, {
+  }), initialValue && /*#__PURE__*/React.createElement(Entry, {
     model: initialValue.model,
     placement: "singleRefField",
     index: 0,
     entry: initialValue.entry,
     onRemove: onRemove
-  }) : /*#__PURE__*/React.createElement(NoEntries, {
-    text: "No record found"
   })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
     text: validationMessage,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(Options, {
+    invalid: invalid,
+    disabled: disabled
+  }), initialValue && /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
+  }), /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement(Options, {
     models: models,
     onNewRecord: onNewRecord,
     onLinkExistingRecord: onExistingRecord
-  }), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+  })), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
     model: newEntryDialogModel,
     onClose: onNewEntryDialogClose,
     onChange: onNewEntryCreate

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","NoEntries","Container","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","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","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\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { NoEntries } from \"./NoEntries\";\nimport { Container } from \"./Container\";\nimport { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n const { bind, field } = props;\n const { showSnackbar } = useSnackbar();\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 return (\n <>\n <FormComponentLabel text={field.label} invalid={invalid} />\n <Container 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 <NoEntries text={\"No record found\"} />\n )}\n </Container>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n <Options\n models={models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\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/advanced/components/Container.js CHANGED Viewed

@@ -6,7 +6,7 @@ const Container = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-relative", className)
+    className: cn("w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative", className)
   }), children);
 };
 export { Container };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","cn","Container","children","className","props","createElement","Object","assign"],"sources":["Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n return (\n <div\n {...props}\n className={cn(\n \"~~wby-~~w-full ~~wby-~~rounded-md ~~wby-~~border-sm ~~wby-~~border-neutral-muted ~~wby-~~p-sm-extra ~~wby-~~mt-xs ~~wby-~~relative\",\n className\n )}\n >\n {children}\n </div>\n );\n};\n\nexport { Container, type ContainerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEH,EAAE,CACT,~~wGAAwG~~,~~EACxGG~~,SACJ;EAAE,IAEDD,QACA,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["React","cn","Container","children","className","props","createElement","Object","assign"],"sources":["Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n return (\n <div\n {...props}\n className={cn(\n \"w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative\",\n className\n )}\n >\n {children}\n </div>\n );\n};\n\nexport { Container, type ContainerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEH,EAAE,CACT,4EAA4E,EAC5EG,SACJ;EAAE,IAEDD,QACA,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entries.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsReferenceContentEntry } from "../../components/types";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface EntriesProps {
     entries: CmsReferenceContentEntry[];
     children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;

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

@@ -1,7 +1,6 @@
 import React, { useCallback } from "react";
-import debounce from "lodash/debounce";
-import { Scrollbar } from "@webiny/admin-ui";
-import { NoEntries } from "./NoEntries";
+import debounce from "lodash/debounce.js";
+import { ScrollArea } from "@webiny/admin-ui";
 export const Entries = props => {
   const {
     entries,
@@ -14,22 +13,14 @@ export const Entries = props => {
     }
     loadMore();
   }, 500), [entries, loadMore]);
-  if (entries.length === 0) {
-    return /*#__PURE__*/React.createElement(NoEntries, {
-      text: "No records found"
-    });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: "260px"
-    },
-    className: "wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden"
-  }, /*#__PURE__*/React.createElement(Scrollbar, {
+  return /*#__PURE__*/React.createElement(ScrollArea, {
+    className: "max-h-[404px] w-full flex flex-col gap-md",
     "data-testid": "advanced-ref-field-entries",
-    onScrollFrame: loadMoreOnScroll
+    onScroll: loadMoreOnScroll
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-md"
   }, entries.map((entry, index) => {
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-mb-sm wby-w-full",
       key: `entry-${entry.id}`
     }, children(entry, index));
   })));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","debounce","~~Scrollbar~~","~~NoEntries","~~Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","~~length","~~createElement","~~text","style","height","~~className","~~onScrollFrame~~","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ~~Scrollbar~~ } from \"@webiny/admin-ui\";\~~nimport type { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { NoEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NoEntries\";\~~n\ninterface EntriesProps {\n entries: CmsReferenceContentEntry[];\n children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n const { entries, children, loadMore } = props;\n\n const loadMoreOnScroll = useCallback(\n debounce((position: ~~PositionValues)~~ => {\n if (position.top <= 0.9) {\n return;\n }\n loadMore();\n }, 500),\n [entries, loadMore]\n );\n\n ~~if (entries.length === 0) {\n~~ return ~~<NoEntries text={\"No records found\"} />;\n }\n\n return~~ (\n <~~div~~\n ~~style={{ height: \"260px\" }}\n~~ className={\"~~wby~~-w-full ~~wby~~-~~overflow-x-hidden~~ ~~wby~~-~~overflow-y-hidden~~\"}\n ~~>\n~~ ~~<Scrollbar~~ data-testid=\"advanced-ref-field-entries\" ~~onScrollFrame~~={loadMoreOnScroll}>\n {entries.map((entry, index) => {\n return ~~(\n~~ <div ~~className={\"wby-mb-sm wby-w-full\"}~~ key={`entry-${entry.id}`}~~>\n~~ {children(entry, index)}\n </div>\n ~~);\n~~ })}\n </~~Scrollbar~~>\n </~~div~~>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,~~iBAAiB~~;~~AAEtC~~,SAASC,~~SAAS~~,QAAQ,kBAAkB;~~AAE5C~~,~~SAASC,SAAS;AAQlB,~~OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,~~GAAGT~~,WAAW,CAChCC,QAAQ,~~CAAES~~,~~QAAwB~~,~~IAAK~~;~~IACnC~~,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,~~IAAIF~~,~~OAAO,CAACM,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOb,~~KAAA,~~CAAAc~~,aAAA,~~CAACV~~,~~SAAS~~;~~MAACW~~,~~IAAI~~,EAAE~~;IAAmB~~,~~CAAE,CAAC~~;~~EAClD;EAEA~~,~~oBACIf~~,~~KAAA,CAAAc,aAAA~~;~~IACIE~~,~~KAAK~~,~~EAAE~~;~~MAAEC~~,~~MAAM~~,~~EAAE;IAAQ,CAAE;IAC3BC,SAAS,EAAE;EAAyD,gBAEpElB,~~KAAA,~~CAAAc~~,aAAA,~~CAACX,~~SAAS~~;IAAC~~,~~eAAY,4BAA4B~~;~~IAACgB~~,~~aAAa~~,~~EAAET;EAAiB,GAC/EH,~~OAAO,~~CAACa~~,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,~~oBACItB~~,KAAA,~~CAAAc~~,aAAA;~~MAAKI~~,~~SAAS,EAAE,sBAAuB;MAACK,~~GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,~~GAC5DhB~~,QAAQ,~~CAACa~~,KAAK,EAAEC,KAAK,~~CACrB~~,CAAC;~~EAEd~~,CAAC,~~CACM~~,~~CACV~~,CAAC;~~AAEd~~,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","debounce","ScrollArea","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","createElement","className","onScroll","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { ScrollArea } from \"@webiny/admin-ui\";\n\ninterface EntriesProps {\n entries: CmsReferenceContentEntry[];\n children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n const { entries, children, loadMore } = props;\n\n const loadMoreOnScroll = useCallback(\n debounce(position => {\n if (position.top <= 0.9) {\n return;\n }\n loadMore();\n }, 500),\n [entries, loadMore]\n );\n\n return (\n <ScrollArea\n className={\"max-h-[404px] w-full flex flex-col gap-md\"}\n data-testid=\"advanced-ref-field-entries\"\n onScroll={loadMoreOnScroll}\n >\n <div className={\"flex flex-col gap-md\"}>\n {entries.map((entry, index) => {\n return <div key={`entry-${entry.id}`}>{children(entry, index)}</div>;\n })}\n </div>\n </ScrollArea>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,oBAAoB;AAEzC,SAASC,UAAU,QAAQ,kBAAkB;AAQ7C,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGR,WAAW,CAChCC,QAAQ,CAACQ,QAAQ,IAAI;IACjB,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,oBACIR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPU,SAAS,EAAE,2CAA4C;IACvD,eAAY,4BAA4B;IACxCC,QAAQ,EAAEL;EAAiB,gBAE3BT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCP,OAAO,CAACS,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBAAOjB,KAAA,CAAAY,aAAA;MAAKM,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAAEZ,QAAQ,CAACS,KAAK,EAAEC,KAAK,CAAO,CAAC;EACxE,CAAC,CACA,CACG,CAAC;AAErB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entry.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
 import React from "react";
-import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
-import type { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsModel } from "../../../../../../types.js";
 interface EntryProps {
     model: CmsModel;
     entry: CmsReferenceContentEntry;
     onChange: (value: CmsReferenceValue) => void;
     index?: never;
+    disabled?: boolean;
     selected: boolean;
     onMoveUp?: never;
     onMoveDown?: never;
@@ -14,6 +15,7 @@ interface EntryProps {
 }
 interface EntryPropsWithRemove {
     onRemove: (entryId: string) => void;
+    disabled?: boolean;
     model: CmsModel;
     entry: CmsReferenceContentEntry;
     index: number;
@@ -23,5 +25,5 @@ interface EntryPropsWithRemove {
     selected?: never;
     placement?: string;
 }
-export declare const Entry: ({ model, entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
+export declare const Entry: ({ entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement, disabled }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
 export {};

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

@@ -1,14 +1,14 @@
-import React, { useCallback } from "react";
-import { Image } from "./entry/Image";
-import { Title } from "./entry/Title";
-import { View } from "./entry/View";
-import { Select } from "./entry/Select";
-import { Remove } from "./entry/Remove";
-import { MoveUp } from "./entry/MoveUp";
-import { MoveDown } from "./entry/MoveDown";
-import { Excerpt } from "./entry/Excerpt";
+import React, { useCallback, useMemo } from "react";
+import { Image } from "./entry/Image.js";
+import { Tag, TimeAgo, Text, DropdownMenu, IconButton, Checkbox, cn } from "@webiny/admin-ui";
+import { ReactComponent as MoreVertIcon } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as OpenInNewIcon } from "@webiny/icons/open_in_new.svg";
+import { ReactComponent as RemoveIcon } from "@webiny/icons/close.svg";
+import { ReactComponent as ArrowUp } from "@webiny/icons/arrow_upward.svg";
+import { ReactComponent as ArrowDown } from "@webiny/icons/arrow_downward.svg";
+import { useRouter } from "@webiny/app";
+import { Routes } from "../../../../../../routes.js";
 export const Entry = ({
-  model,
   entry,
   onChange,
   onRemove,
@@ -16,8 +16,20 @@ export const Entry = ({
   index,
   onMoveUp: onMoveUpClick,
   onMoveDown: onMoveDownClick,
-  placement
+  placement,
+  disabled = false
 }) => {
+  const {
+    getLink
+  } = useRouter();
+  const onSelect = useCallback(() => {
+    if (onChange) {
+      onChange({
+        id: entry.id,
+        modelId: entry.model.modelId
+      });
+    }
+  }, [onChange, entry.id, entry.model.modelId]);
   const onMoveUp = useCallback(ev => {
     if (!onMoveUpClick) {
       return;
@@ -30,42 +42,87 @@ export const Entry = ({
     }
     onMoveDownClick(index, ev.shiftKey);
   }, [onMoveDownClick, index]);
-  const icon = model.icon;
+  const entryStatusLabel = entry.status.charAt(0).toUpperCase() + entry.status.slice(1);
+  // Did not have `revision` field available in the `getLatestContentEntries`
+  // response, hence the manual extraction from the `id` field.
+  const entryRevision = useMemo(() => {
+    const extractedRevision = entry.id.split("#")[1] || "0001";
+    // Remove leading zeros for correct padding.
+    return "v" + Number(extractedRevision).toString();
+  }, [entry.id]);
+  const folderId = entry.wbyAco_location?.folderId || entry.location?.folderId || "";
+  const link = getLink(Routes.ContentEntries.List, {
+    id: entry.id,
+    modelId: entry.model.modelId,
+    folderId
+  });
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-rounded-md wby-bg-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-min-w-0"
+    "data-selected": selected,
+    onClick: onSelect,
+    "data-role": "ref-field-entry",
+    className: cn("flex items-center justify-between gap-md w-full rounded-md bg-neutral-light p-sm-extra pr-lg hover:bg-neutral-dimmed border-md border-transparent data-[selected=true]:border-accent-dimmed", {
+      "hover:cursor-pointer": !!onChange
+    })
+  }, onChange && !disabled ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: selected,
+    onChange: () => {
+      // We're not calling the onSelect callback here because
+      // the parent div already does that on click.
+    }
+  })) : null, /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-[auto_1fr_auto] items-center gap-lg text-sm text-neutral-muted w-full min-w-0"
   }, /*#__PURE__*/React.createElement(Image, {
     title: entry.title,
-    src: entry.image,
-    icon: icon
+    src: entry.image
   }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-xxs wby-overflow-hidden wby-flex-1 wby-min-w-0"
-  }, /*#__PURE__*/React.createElement(Title, {
-    title: entry.title
-  }), /*#__PURE__*/React.createElement(Excerpt, {
-    modelName: entry.model.name,
-    createdBy: entry.createdBy,
-    createdOn: entry.createdOn,
-    status: entry.status
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm wby-pr-sm-extra wby-h-lg"
-  }, placement == "multiRef" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoveUp, {
-    className: onMoveUpClick ? "active" : "disabled",
+    className: "overflow-hidden"
+  }, /*#__PURE__*/React.createElement("div", null, entry.model.name), /*#__PURE__*/React.createElement("div", {
+    title: entry.title,
+    className: "text-md text-neutral-primary font-semibold mb-sm text-ellipsis overflow-hidden whitespace-nowrap block"
+  }, entry.title), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "w-[60px] inline-block"
+  }, "Created:"), /*#__PURE__*/React.createElement("span", null, entry.createdBy.displayName, ", ", /*#__PURE__*/React.createElement(TimeAgo, {
+    datetime: entry.createdOn
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-sm"
+  }, /*#__PURE__*/React.createElement(Tag, {
+    content: /*#__PURE__*/React.createElement(React.Fragment, null, entryStatusLabel, "\xA0", /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-muted"
+    }, "(", entryRevision, ")")),
+    variant: "neutral-base-outline"
+  }), !disabled && placement == "multiRef" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-xs"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    disabled: !onMoveUpClick,
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(ArrowUp, null),
     onClick: onMoveUp
-  }), /*#__PURE__*/React.createElement(MoveDown, {
-    className: onMoveDownClick ? "active" : "disabled",
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    disabled: !onMoveDownClick,
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(ArrowDown, null),
     onClick: onMoveDown
-  })), /*#__PURE__*/React.createElement(View, {
-    entry: entry
-  }), onChange && /*#__PURE__*/React.createElement(Select, {
-    entry: entry,
-    onChange: onChange,
-    selected: selected
-  }), onRemove && /*#__PURE__*/React.createElement(Remove, {
-    entry: entry,
-    onRemove: onRemove
-  }))));
+  }))) : null, !disabled ? /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      icon: /*#__PURE__*/React.createElement(MoreVertIcon, null)
+    })
+  }, /*#__PURE__*/React.createElement(DropdownMenu.Link, {
+    icon: /*#__PURE__*/React.createElement(OpenInNewIcon, null),
+    text: "Open in new tab",
+    to: link,
+    target: "_blank"
+  }), onRemove && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+    icon: /*#__PURE__*/React.createElement(RemoveIcon, null),
+    text: placement === "multiRef" ? "Remove from list" : "Remove",
+    onClick: () => onRemove(entry.id)
+  })) : null)));
 };
 //# sourceMappingURL=Entry.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","Image","Title","View","Select","Remove","MoveUp","MoveDown","Excerpt","Entry","model","entry","onChange","onRemove","selected","index","onMoveUp","onMoveUpClick","onMoveDown","onMoveDownClick","placement","ev","shiftKey","icon","createElement","className","title","src","image","modelName","name","createdBy","createdOn","status","Fragment","onClick"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type {\n CmsReferenceContentEntry,\n CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Image } from \"./entry/Image\";\nimport { Title } from \"./entry/Title\";\nimport { View } from \"./entry/View\";\nimport { Select } from \"./entry/Select\";\nimport { Remove } from \"./entry/Remove\";\nimport { MoveUp } from \"./entry/MoveUp\";\nimport { MoveDown } from \"./entry/MoveDown\";\nimport { Excerpt } from \"./entry/Excerpt\";\nimport type { CmsModel } from \"~/types\";\n\ninterface EntryProps {\n model: CmsModel;\n entry: CmsReferenceContentEntry;\n onChange: (value: CmsReferenceValue) => void;\n index?: never;\n selected: boolean;\n onMoveUp?: never;\n onMoveDown?: never;\n onRemove?: never;\n placement?: string;\n}\n\ninterface EntryPropsWithRemove {\n onRemove: (entryId: string) => void;\n model: CmsModel;\n entry: CmsReferenceContentEntry;\n index: number;\n onMoveUp?: (index: number, toTop: boolean) => void;\n onMoveDown?: (index: number, toBottom: boolean) => void;\n onChange?: never;\n selected?: never;\n placement?: string;\n}\n\nexport const Entry = ({\n model,\n entry,\n onChange,\n onRemove,\n selected,\n index,\n onMoveUp: onMoveUpClick,\n onMoveDown: onMoveDownClick,\n placement\n}: EntryPropsWithRemove \| EntryProps) => {\n const onMoveUp = useCallback(\n (ev: React.MouseEvent) => {\n if (!onMoveUpClick) {\n return;\n }\n onMoveUpClick(index, ev.shiftKey);\n },\n [onMoveUpClick, index]\n );\n const onMoveDown = useCallback(\n (ev: React.MouseEvent) => {\n if (!onMoveDownClick) {\n return;\n }\n onMoveDownClick(index, ev.shiftKey);\n },\n [onMoveDownClick, index]\n );\n\n const icon = model.icon;\n\n return (\n <div className={\"wby-w-full wby-rounded-md wby-bg-neutral-dimmed\"}>\n <div className=\"wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-min-w-0\">\n <Image title={entry.title} src={entry.image} icon={icon} />\n <div\n className={\n \"wby-flex wby-flex-col wby-gap-xxs wby-overflow-hidden wby-flex-1 wby-min-w-0\"\n }\n >\n <Title title={entry.title} />\n <Excerpt\n modelName={entry.model.name}\n createdBy={entry.createdBy}\n createdOn={entry.createdOn}\n status={entry.status}\n />\n </div>\n <div className={\"wby-flex wby-items-center wby-gap-sm wby-pr-sm-extra wby-h-lg\"}>\n {placement == \"multiRef\" && (\n <>\n <MoveUp\n className={onMoveUpClick ? \"active\" : \"disabled\"}\n onClick={onMoveUp}\n />\n <MoveDown\n className={onMoveDownClick ? \"active\" : \"disabled\"}\n onClick={onMoveDown}\n />\n </>\n )}\n <View entry={entry} />\n {onChange && <Select entry={entry} onChange={onChange} selected={selected} />}\n {onRemove && <Remove entry={entry} onRemove={onRemove} />}\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,OAAO;AA2BhB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAClBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,QAAQ,EAAEC,aAAa;EACvBC,UAAU,EAAEC,eAAe;EAC3BC;AAC+B,CAAC,KAAK;EACrC,MAAMJ,QAAQ,GAAGhB,WAAW,CACvBqB,EAAoB,IAAK;IACtB,IAAI,CAACJ,aAAa,EAAE;MAChB;IACJ;IACAA,aAAa,CAACF,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACrC,CAAC,EACD,CAACL,aAAa,EAAEF,KAAK,CACzB,CAAC;EACD,MAAMG,UAAU,GAAGlB,WAAW,CACzBqB,EAAoB,IAAK;IACtB,IAAI,CAACF,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAACJ,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACvC,CAAC,EACD,CAACH,eAAe,EAAEJ,KAAK,CAC3B,CAAC;EAED,MAAMQ,IAAI,GAAGb,KAAK,CAACa,IAAI;EAEvB,oBACIxB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAkD,gBAC9D1B,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAA4E,gBACvF1B,KAAA,CAAAyB,aAAA,CAACvB,KAAK;IAACyB,KAAK,EAAEf,KAAK,CAACe,KAAM;IAACC,GAAG,EAAEhB,KAAK,CAACiB,KAAM;IAACL,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC3DxB,KAAA,CAAAyB,aAAA;IACIC,SAAS,EACL;EACH,gBAED1B,KAAA,CAAAyB,aAAA,CAACtB,KAAK;IAACwB,KAAK,EAAEf,KAAK,CAACe;EAAM,CAAE,CAAC,eAC7B3B,KAAA,CAAAyB,aAAA,CAAChB,OAAO;IACJqB,SAAS,EAAElB,KAAK,CAACD,KAAK,CAACoB,IAAK;IAC5BC,SAAS,EAAEpB,KAAK,CAACoB,SAAU;IAC3BC,SAAS,EAAErB,KAAK,CAACqB,SAAU;IAC3BC,MAAM,EAAEtB,KAAK,CAACsB;EAAO,CACxB,CACA,CAAC,eACNlC,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAgE,GAC3EL,SAAS,IAAI,UAAU,iBACpBrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAyB,aAAA,CAAClB,MAAM;IACHmB,SAAS,EAAER,aAAa,GAAG,QAAQ,GAAG,UAAW;IACjDkB,OAAO,EAAEnB;EAAS,CACrB,CAAC,eACFjB,KAAA,CAAAyB,aAAA,CAACjB,QAAQ;IACLkB,SAAS,EAAEN,eAAe,GAAG,QAAQ,GAAG,UAAW;IACnDgB,OAAO,EAAEjB;EAAW,CACvB,CACH,CACL,eACDnB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAEA;EAAM,CAAE,CAAC,EACrBC,QAAQ,iBAAIb,KAAA,CAAAyB,aAAA,CAACpB,MAAM;IAACO,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5ED,QAAQ,iBAAId,KAAA,CAAAyB,aAAA,CAACnB,MAAM;IAACM,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACvD,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useMemo","Image","Tag","TimeAgo","Text","DropdownMenu","IconButton","Checkbox","cn","ReactComponent","MoreVertIcon","OpenInNewIcon","RemoveIcon","ArrowUp","ArrowDown","useRouter","Routes","Entry","entry","onChange","onRemove","selected","index","onMoveUp","onMoveUpClick","onMoveDown","onMoveDownClick","placement","disabled","getLink","onSelect","id","modelId","model","ev","shiftKey","entryStatusLabel","status","charAt","toUpperCase","slice","entryRevision","extractedRevision","split","Number","toString","folderId","wbyAco_location","location","link","ContentEntries","List","createElement","onClick","className","checked","title","src","image","name","createdBy","displayName","datetime","createdOn","content","Fragment","size","variant","icon","trigger","Link","text","to","target","Item"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type {\n CmsReferenceContentEntry,\n CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { Image } from \"./entry/Image.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { Tag, TimeAgo, Text, DropdownMenu, IconButton, Checkbox, cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveIcon } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"~/routes.js\";\n\ninterface EntryProps {\n model: CmsModel;\n entry: CmsReferenceContentEntry;\n onChange: (value: CmsReferenceValue) => void;\n index?: never;\n disabled?: boolean;\n selected: boolean;\n onMoveUp?: never;\n onMoveDown?: never;\n onRemove?: never;\n placement?: string;\n}\n\ninterface EntryPropsWithRemove {\n onRemove: (entryId: string) => void;\n disabled?: boolean;\n model: CmsModel;\n entry: CmsReferenceContentEntry;\n index: number;\n onMoveUp?: (index: number, toTop: boolean) => void;\n onMoveDown?: (index: number, toBottom: boolean) => void;\n onChange?: never;\n selected?: never;\n placement?: string;\n}\n\nexport const Entry = ({\n entry,\n onChange,\n onRemove,\n selected,\n index,\n onMoveUp: onMoveUpClick,\n onMoveDown: onMoveDownClick,\n placement,\n disabled = false\n}: EntryPropsWithRemove \| EntryProps) => {\n const { getLink } = useRouter();\n\n const onSelect = useCallback(() => {\n if (onChange) {\n onChange({\n id: entry.id,\n modelId: entry.model.modelId\n });\n }\n }, [onChange, entry.id, entry.model.modelId]);\n\n const onMoveUp = useCallback(\n (ev: React.MouseEvent) => {\n if (!onMoveUpClick) {\n return;\n }\n onMoveUpClick(index, ev.shiftKey);\n },\n [onMoveUpClick, index]\n );\n const onMoveDown = useCallback(\n (ev: React.MouseEvent) => {\n if (!onMoveDownClick) {\n return;\n }\n onMoveDownClick(index, ev.shiftKey);\n },\n [onMoveDownClick, index]\n );\n\n const entryStatusLabel = entry.status.charAt(0).toUpperCase() + entry.status.slice(1);\n\n // Did not have `revision` field available in the `getLatestContentEntries`\n // response, hence the manual extraction from the `id` field.\n const entryRevision = useMemo(() => {\n const extractedRevision = entry.id.split(\"#\")[1] \|\| \"0001\";\n\n // Remove leading zeros for correct padding.\n return \"v\" + Number(extractedRevision).toString();\n }, [entry.id]);\n\n const folderId = entry.wbyAco_location?.folderId \|\| entry.location?.folderId \|\| \"\";\n\n const link = getLink(Routes.ContentEntries.List, {\n id: entry.id,\n modelId: entry.model.modelId,\n folderId\n });\n\n return (\n <div\n data-selected={selected}\n onClick={onSelect}\n data-role=\"ref-field-entry\"\n className={cn(\n \"flex items-center justify-between gap-md w-full rounded-md bg-neutral-light p-sm-extra pr-lg hover:bg-neutral-dimmed border-md border-transparent data-[selected=true]:border-accent-dimmed\",\n { \"hover:cursor-pointer\": !!onChange }\n )}\n >\n {onChange && !disabled ? (\n <div>\n <Checkbox\n checked={selected}\n onChange={() => {\n // We're not calling the onSelect callback here because\n // the parent div already does that on click.\n }}\n />\n </div>\n ) : null}\n <div\n className={\n \"grid grid-cols-[auto_1fr_auto] items-center gap-lg text-sm text-neutral-muted w-full min-w-0\"\n }\n >\n <Image title={entry.title} src={entry.image} />\n <div className={\"overflow-hidden\"}>\n <div>{entry.model.name}</div>\n\n <div\n title={entry.title}\n className={\n \"text-md text-neutral-primary font-semibold mb-sm text-ellipsis overflow-hidden whitespace-nowrap block\"\n }\n >\n {entry.title}\n </div>\n\n <div>\n <span className={\"w-[60px] inline-block\"}>Created:</span>\n <span>\n {entry.createdBy.displayName}, <TimeAgo datetime={entry.createdOn} />\n </span>\n </div>\n {/* <div>\n <span className={\"w-[60px] inline-block\"}>Location:</span>\n <span>\n Home / Content / Preview / ... / Manage / Retail / Local / Products\n </span>\n </div>*/}\n </div>\n <div className={\"flex items-center gap-sm\"}>\n <Tag\n content={\n <>\n {entryStatusLabel} \n <Text size={\"sm\"} className={\"text-neutral-muted\"}>\n ({entryRevision})\n </Text>\n </>\n }\n variant={\"neutral-base-outline\"}\n />\n\n {!disabled && placement == \"multiRef\" ? (\n <>\n <div className={\"flex gap-xs\"}>\n <IconButton\n disabled={!onMoveUpClick}\n variant={\"ghost\"}\n size={\"sm\"}\n icon={<ArrowUp />}\n onClick={onMoveUp}\n />\n <IconButton\n disabled={!onMoveDownClick}\n variant={\"ghost\"}\n size={\"sm\"}\n icon={<ArrowDown />}\n onClick={onMoveDown}\n />\n </div>\n </>\n ) : null}\n\n {!disabled ? (\n <DropdownMenu\n trigger={\n <IconButton variant={\"ghost\"} size={\"sm\"} icon={<MoreVertIcon />} />\n }\n >\n <DropdownMenu.Link\n icon={<OpenInNewIcon />}\n text={\"Open in new tab\"}\n to={link}\n target={\"_blank\"}\n />\n\n {onRemove && (\n <DropdownMenu.Item\n icon={<RemoveIcon />}\n text={placement === \"multiRef\" ? \"Remove from list\" : \"Remove\"}\n onClick={() => onRemove(entry.id)}\n />\n )}\n </DropdownMenu>\n ) : null}\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const NoEntries = ({
   text = "No records found."
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-px-xl wby-py-md-extra wby-bg-neutral-subtle"
+    className: "flex justify-center px-xl py-md-extra bg-neutral-subtle"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "sm"
   }, text));