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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRY","convertReferenceEntriesToOptionCollection","convertReferenceEntryToOption","parseIdentifier","getValueHash","value","id","entryId","useReference","bind","field","allEntries","client","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","requestContext","models","settings","modelsHash","map","model","modelId","join","valueHash","searchEntries","data","query","variables","modelIds","m","limit","context","collection","content","current","length","fetchPolicy","then","latestEntryData","entry","res","dataEntry","latest","option","published","prev","onChange","options","Object","values","defaultOptions","outputOptions","some","opt","push"],"sources":["useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type {\n CmsEntryGetQueryResponse,\n CmsEntryGetQueryVariables,\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n} from \"./graphql\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRY } from \"./graphql\";\nimport type { CmsModelField, CmsModel } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem, OptionItemCollection } from \"./types\";\nimport {\n convertReferenceEntriesToOptionCollection,\n convertReferenceEntryToOption\n} from \"./helpers\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface UseReferenceHookArgs {\n bind: BindComponentRenderProp;\n field: CmsModelField;\n}\n\ninterface UseReferenceHookValue {\n onChange: (value: any, entry: OptionItem) => void;\n setSearch: (value: string) => void;\n value: OptionItem \| null;\n loading: boolean;\n options: OptionItem[];\n}\n\ntype UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;\n\nconst getValueHash = (value: any): string \| null => {\n if (!value \|\| (!value.id && !value.entryId)) {\n return null;\n } else if (value.entryId) {\n return value.entryId;\n }\n const { id } = parseIdentifier(value.id);\n return id;\n};\n\nexport const useReference: UseReferenceHook = ({ bind, field }) => {\n const allEntries = useRef<OptionItemCollection>({});\n const client = useApolloClient();\n const [search, setSearch] = useState<string>(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [entries, setEntries] = useState<OptionItemCollection>({});\n const [latestEntries, setLatestEntries] = useState<OptionItemCollection>({});\n const [valueEntry, setValueEntry] = useState<OptionItem \| null>(null);\n const requestContext = useModelFieldGraphqlContext();\n\n const models = (field.settings ? field.settings.models \|\| [] : []) as Pick<\n CmsModel,\n \"modelId\" \| \"name\"\n >[];\n const modelsHash = models.map(model => model.modelId).join(\",\");\n\n const value = bind.value;\n const valueHash = getValueHash(value);\n\n const searchEntries = async () => {\n if (!search) {\n return;\n }\n\n setLoading(true);\n const { data } = await client.query<\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n >({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n query: search,\n limit: 10\n },\n context: requestContext\n });\n setLoading(false);\n\n const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n if (valueEntry) {\n collection[valueEntry.entryId] = valueEntry;\n }\n allEntries.current = {\n ...allEntries.current,\n ...collection\n };\n\n setEntries(collection);\n };\n\n useEffect(() => {\n searchEntries();\n }, [search]);\n\n useEffect(() => {\n if (models.length === 0) {\n return;\n }\n client\n .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n limit: 10\n },\n /*\n We cannot update this query response in cache after a reference entry being created/deleted,\n * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n /\n fetchPolicy: \"network-only\",\n context: requestContext\n })\n .then(({ data }) => {\n const latestEntryData = convertReferenceEntriesToOptionCollection(\n data.content.data\n );\n if (valueEntry) {\n latestEntryData[valueEntry.entryId] = valueEntry;\n }\n\n setLatestEntries(latestEntryData);\n allEntries.current = {\n ...allEntries.current,\n ...latestEntryData\n };\n });\n }, [modelsHash]);\n\n useEffect(() => {\n if (!value \|\| !models) {\n setValueEntry(() => null);\n return;\n }\n\n const entry = valueHash ? allEntries.current[valueHash] : null;\n if (entry) {\n /\n if entry exists set valueEntry to that one so we do not load new one\n /\n setValueEntry(() => {\n return entry;\n });\n return;\n }\n\n setLoading(true);\n /\n Query loads both latest and published entries.\n * We do this in a single query because there might not be a published entry so we can use the latest one.\n /\n client\n .query<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>({\n query: GET_CONTENT_ENTRY,\n variables: {\n entry: {\n modelId: value.modelId,\n id: value.id\n }\n },\n context: requestContext\n })\n .then(res => {\n setLoading(false);\n const dataEntry = res.data.latest.data;\n if (!dataEntry) {\n return;\n }\n const option: OptionItem = {\n ...convertReferenceEntryToOption(dataEntry),\n latest: dataEntry.id,\n published: res.data.published.data ? res.data.published.data.id : null\n };\n allEntries.current[option.entryId] = option;\n setLatestEntries(prev => {\n return {\n ...prev,\n [option.entryId]: {\n ...option\n }\n };\n });\n /\n Calculate a couple of props for the Autocomplete component.\n /\n setValueEntry(() => {\n return option;\n });\n });\n }, [valueHash, modelsHash]);\n\n const onChange = useCallback((value: string, entry: OptionItem) => {\n if (value !== null) {\n setSearch(\"\");\n\n setValueEntry(() => {\n return entry;\n });\n\n bind.onChange({\n modelId: entry.modelId,\n id: entry.id\n });\n return;\n }\n\n setValueEntry(() => null);\n bind.onChange(null);\n }, []);\n\n /\n Format options for the Autocomplete component.\n /\n const options = useMemo(() => Object.values(entries), [valueHash, entries]);\n\n /\n Format default options for the Autocomplete component.\n */\n const defaultOptions = useMemo(() => {\n return Object.values(latestEntries);\n }, [valueHash, latestEntries]);\n\n const outputOptions: OptionItem[] = (search && options ? options : defaultOptions) \|\| [];\n\n if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {\n outputOptions.push(valueEntry);\n }\n\n return {\n onChange,\n setSearch,\n value: valueEntry,\n loading,\n options: outputOptions\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRY","convertReferenceEntriesToOptionCollection","convertReferenceEntryToOption","parseIdentifier","getValueHash","value","id","entryId","useReference","bind","field","allEntries","client","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","requestContext","models","settings","modelsHash","map","model","modelId","join","valueHash","searchEntries","data","query","variables","modelIds","m","limit","context","collection","content","current","length","fetchPolicy","then","latestEntryData","entry","res","dataEntry","latest","option","published","prev","onChange","options","Object","values","defaultOptions","outputOptions","some","opt","push"],"sources":["useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type {\n CmsEntryGetQueryResponse,\n CmsEntryGetQueryVariables,\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n} from \"./graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRY } from \"./graphql.js\";\nimport type { CmsModelField, CmsModel } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem, OptionItemCollection } from \"./types.js\";\nimport {\n convertReferenceEntriesToOptionCollection,\n convertReferenceEntryToOption\n} from \"./helpers.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface UseReferenceHookArgs {\n bind: BindComponentRenderProp;\n field: CmsModelField;\n}\n\ninterface UseReferenceHookValue {\n onChange: (value: any, entry: OptionItem) => void;\n setSearch: (value: string) => void;\n value: OptionItem \| null;\n loading: boolean;\n options: OptionItem[];\n}\n\ntype UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;\n\nconst getValueHash = (value: any): string \| null => {\n if (!value \|\| (!value.id && !value.entryId)) {\n return null;\n } else if (value.entryId) {\n return value.entryId;\n }\n const { id } = parseIdentifier(value.id);\n return id;\n};\n\nexport const useReference: UseReferenceHook = ({ bind, field }) => {\n const allEntries = useRef<OptionItemCollection>({});\n const client = useApolloClient();\n const [search, setSearch] = useState<string>(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [entries, setEntries] = useState<OptionItemCollection>({});\n const [latestEntries, setLatestEntries] = useState<OptionItemCollection>({});\n const [valueEntry, setValueEntry] = useState<OptionItem \| null>(null);\n const requestContext = useModelFieldGraphqlContext();\n\n const models = (field.settings ? field.settings.models \|\| [] : []) as Pick<\n CmsModel,\n \"modelId\" \| \"name\"\n >[];\n const modelsHash = models.map(model => model.modelId).join(\",\");\n\n const value = bind.value;\n const valueHash = getValueHash(value);\n\n const searchEntries = async () => {\n if (!search) {\n return;\n }\n\n setLoading(true);\n const { data } = await client.query<\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n >({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n query: search,\n limit: 10\n },\n context: requestContext\n });\n setLoading(false);\n\n const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n if (valueEntry) {\n collection[valueEntry.entryId] = valueEntry;\n }\n allEntries.current = {\n ...allEntries.current,\n ...collection\n };\n\n setEntries(collection);\n };\n\n useEffect(() => {\n searchEntries();\n }, [search]);\n\n useEffect(() => {\n if (models.length === 0) {\n return;\n }\n client\n .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n limit: 10\n },\n /*\n We cannot update this query response in cache after a reference entry being created/deleted,\n * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n /\n fetchPolicy: \"network-only\",\n context: requestContext\n })\n .then(({ data }) => {\n const latestEntryData = convertReferenceEntriesToOptionCollection(\n data.content.data\n );\n if (valueEntry) {\n latestEntryData[valueEntry.entryId] = valueEntry;\n }\n\n setLatestEntries(latestEntryData);\n allEntries.current = {\n ...allEntries.current,\n ...latestEntryData\n };\n });\n }, [modelsHash]);\n\n useEffect(() => {\n if (!value \|\| !models) {\n setValueEntry(() => null);\n return;\n }\n\n const entry = valueHash ? allEntries.current[valueHash] : null;\n if (entry) {\n /\n if entry exists set valueEntry to that one so we do not load new one\n /\n setValueEntry(() => {\n return entry;\n });\n return;\n }\n\n setLoading(true);\n /\n Query loads both latest and published entries.\n * We do this in a single query because there might not be a published entry so we can use the latest one.\n /\n client\n .query<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>({\n query: GET_CONTENT_ENTRY,\n variables: {\n entry: {\n modelId: value.modelId,\n id: value.id\n }\n },\n context: requestContext\n })\n .then(res => {\n setLoading(false);\n const dataEntry = res.data.latest.data;\n if (!dataEntry) {\n return;\n }\n const option: OptionItem = {\n ...convertReferenceEntryToOption(dataEntry),\n latest: dataEntry.id,\n published: res.data.published.data ? res.data.published.data.id : null\n };\n allEntries.current[option.entryId] = option;\n setLatestEntries(prev => {\n return {\n ...prev,\n [option.entryId]: {\n ...option\n }\n };\n });\n /\n Calculate a couple of props for the Autocomplete component.\n /\n setValueEntry(() => {\n return option;\n });\n });\n }, [valueHash, modelsHash]);\n\n const onChange = useCallback((value: string, entry: OptionItem) => {\n if (value !== null) {\n setSearch(\"\");\n\n setValueEntry(() => {\n return entry;\n });\n\n bind.onChange({\n modelId: entry.modelId,\n id: entry.id\n });\n return;\n }\n\n setValueEntry(() => null);\n bind.onChange(null);\n }, []);\n\n /\n Format options for the Autocomplete component.\n /\n const options = useMemo(() => Object.values(entries), [valueHash, entries]);\n\n /\n Format default options for the Autocomplete component.\n */\n const defaultOptions = useMemo(() => {\n return Object.values(latestEntries);\n }, [valueHash, latestEntries]);\n\n const outputOptions: OptionItem[] = (search && options ? options : defaultOptions) \|\| [];\n\n if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {\n outputOptions.push(valueEntry);\n }\n\n return {\n onChange,\n setSearch,\n value: valueEntry,\n loading,\n options: outputOptions\n };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { CmsModelField } from "../../../../../types";
+import type { CmsModelField } from "../../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
-import type { OptionItem } from "./types";
+import type { OptionItem } from "./types.js";
 interface UseReferencesParams {
     bind: BindComponentRenderProp;
     field: CmsModelField;

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

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks";
-import { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from "./graphql";
-import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers";
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks/index.js";
+import { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from "./graphql.js";
+import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers.js";
 export const useReferences = ({
   bind,
   field

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","convertReferenceEntriesToOptionCollection","convertReferenceEntryToOption","useReferences","bind","field","isMounted","allEntries","client","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","requestContext","models","settings","modelsHash","join","values","value","searchEntries","data","query","variables","modelIds","map","m","modelId","context","collection","content","current","limit","fetchPolicy","then","Object","length","id","res","latest","reduce","item","entryId","published","existingItem","title","onChange","options","defaultOptions"],"sources":["useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { CmsModelField, CmsModel } from \"~/types\";\nimport type {\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables,\n CmsEntryGetListResponse,\n CmsEntryGetListVariables,\n CmsEntryGetEntryVariable\n} from \"./graphql\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from \"./graphql\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport {\n convertReferenceEntriesToOptionCollection,\n convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\n\ninterface UseReferencesParams {\n bind: BindComponentRenderProp;\n field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n const isMounted = useRef(true);\n const allEntries = useRef<OptionItemCollection>({});\n const client = useApolloClient();\n const [search, setSearch] = useState<string>(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [entries, setEntries] = useState<OptionItemCollection>({});\n const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n const requestContext = useModelFieldGraphqlContext();\n\n const models = (field.settings ? field.settings.models \|\| [] : []) as Pick<\n CmsModel,\n \"modelId\"\n >[];\n const modelsHash = models.join(\",\");\n const values: CmsEntryGetEntryVariable[] = bind.value ? bind.value : [];\n\n const searchEntries = async (): Promise<void> => {\n if (!search) {\n return;\n }\n\n setLoading(true);\n const { data } = await client.query<\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n >({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n query: search\n },\n context: requestContext\n });\n setLoading(false);\n\n const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n\n allEntries.current = {\n ...allEntries.current,\n ...collection\n };\n\n setEntries(collection);\n };\n\n useEffect(() => {\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n useEffect(() => {\n searchEntries();\n }, [search]);\n\n useEffect(() => {\n client\n .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n limit: 10\n },\n /*\n We cannot update this query response in cache after a reference entry being created/deleted,\n * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n /\n fetchPolicy: \"network-only\",\n context: requestContext\n })\n .then(({ data }) => {\n if (!isMounted.current) {\n return;\n }\n\n const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n setLatestEntries(Object.values(collection));\n allEntries.current = {\n ...collection\n };\n });\n }, [modelsHash]);\n\n useEffect(() => {\n if (!values \|\| values.length == 0) {\n return;\n }\n\n setLoading(true);\n\n client\n .query<CmsEntryGetListResponse, CmsEntryGetListVariables>({\n query: GET_CONTENT_ENTRIES,\n variables: {\n /\n We need make sure nothing else other than modelId and id is passed to entries variable.\n /\n entries: values.map(value => {\n return {\n modelId: value.modelId,\n id: value.id\n };\n })\n },\n context: requestContext\n })\n .then(res => {\n if (!isMounted.current) {\n return;\n }\n\n setLoading(false);\n\n const latest = (res.data.latest.data \|\| []).reduce((collection, item) => {\n collection[item.entryId] = item;\n return collection;\n }, {} as Record<string, CmsReferenceContentEntry>);\n\n const entries = (res.data.published.data \|\| []).reduce((collection, item) => {\n const entryId = item.entryId;\n const existingItem = latest[entryId];\n if (existingItem) {\n collection[entryId] = {\n ...existingItem,\n published: {\n id: item.id,\n entryId: item.entryId,\n title: item.title\n }\n };\n return collection;\n }\n collection[entryId] = item;\n return collection;\n }, latest);\n\n // Calculate a couple of props for the Autocomplete component.\n setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));\n });\n }, []);\n\n /\n onChange callback will update internal component state using the previously loaded entries by IDs.\n * It will also format the value to store to the DB.\n */\n const onChange = useCallback((values: OptionItem[]): void => {\n setSearch(\"\");\n setValueEntries(values);\n\n // Update parent form\n bind.onChange(\n values.map(item => ({\n modelId: item.modelId,\n id: item.id\n }))\n );\n }, []);\n\n // Format options for the Autocomplete component.\n const options = useMemo(() => Object.values(entries), [entries]);\n\n // Format default options for the Autocomplete component.\n const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);\n\n return {\n onChange,\n loading,\n setSearch,\n // Selected entries\n entries: valueEntries,\n // Options to show when the autocomplete dropdown is visible\n options: search ? options : defaultOptions \|\| []\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","convertReferenceEntriesToOptionCollection","convertReferenceEntryToOption","useReferences","bind","field","isMounted","allEntries","client","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","requestContext","models","settings","modelsHash","join","values","value","searchEntries","data","query","variables","modelIds","map","m","modelId","context","collection","content","current","limit","fetchPolicy","then","Object","length","id","res","latest","reduce","item","entryId","published","existingItem","title","onChange","options","defaultOptions"],"sources":["useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { CmsModelField, CmsModel } from \"~/types.js\";\nimport type {\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables,\n CmsEntryGetListResponse,\n CmsEntryGetListVariables,\n CmsEntryGetEntryVariable\n} from \"./graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from \"./graphql.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types.js\";\nimport {\n convertReferenceEntriesToOptionCollection,\n convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers.js\";\n\ninterface UseReferencesParams {\n bind: BindComponentRenderProp;\n field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n const isMounted = useRef(true);\n const allEntries = useRef<OptionItemCollection>({});\n const client = useApolloClient();\n const [search, setSearch] = useState<string>(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [entries, setEntries] = useState<OptionItemCollection>({});\n const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n const requestContext = useModelFieldGraphqlContext();\n\n const models = (field.settings ? field.settings.models \|\| [] : []) as Pick<\n CmsModel,\n \"modelId\"\n >[];\n const modelsHash = models.join(\",\");\n const values: CmsEntryGetEntryVariable[] = bind.value ? bind.value : [];\n\n const searchEntries = async (): Promise<void> => {\n if (!search) {\n return;\n }\n\n setLoading(true);\n const { data } = await client.query<\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n >({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n query: search\n },\n context: requestContext\n });\n setLoading(false);\n\n const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n\n allEntries.current = {\n ...allEntries.current,\n ...collection\n };\n\n setEntries(collection);\n };\n\n useEffect(() => {\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n useEffect(() => {\n searchEntries();\n }, [search]);\n\n useEffect(() => {\n client\n .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(m => m.modelId),\n limit: 10\n },\n /*\n We cannot update this query response in cache after a reference entry being created/deleted,\n * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n /\n fetchPolicy: \"network-only\",\n context: requestContext\n })\n .then(({ data }) => {\n if (!isMounted.current) {\n return;\n }\n\n const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n setLatestEntries(Object.values(collection));\n allEntries.current = {\n ...collection\n };\n });\n }, [modelsHash]);\n\n useEffect(() => {\n if (!values \|\| values.length == 0) {\n return;\n }\n\n setLoading(true);\n\n client\n .query<CmsEntryGetListResponse, CmsEntryGetListVariables>({\n query: GET_CONTENT_ENTRIES,\n variables: {\n /\n We need make sure nothing else other than modelId and id is passed to entries variable.\n /\n entries: values.map(value => {\n return {\n modelId: value.modelId,\n id: value.id\n };\n })\n },\n context: requestContext\n })\n .then(res => {\n if (!isMounted.current) {\n return;\n }\n\n setLoading(false);\n\n const latest = (res.data.latest.data \|\| []).reduce(\n (collection, item) => {\n collection[item.entryId] = item;\n return collection;\n },\n {} as Record<string, CmsReferenceContentEntry>\n );\n\n const entries = (res.data.published.data \|\| []).reduce((collection, item) => {\n const entryId = item.entryId;\n const existingItem = latest[entryId];\n if (existingItem) {\n collection[entryId] = {\n ...existingItem,\n published: {\n id: item.id,\n entryId: item.entryId,\n title: item.title\n }\n };\n return collection;\n }\n collection[entryId] = item;\n return collection;\n }, latest);\n\n // Calculate a couple of props for the Autocomplete component.\n setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));\n });\n }, []);\n\n /\n onChange callback will update internal component state using the previously loaded entries by IDs.\n * It will also format the value to store to the DB.\n */\n const onChange = useCallback((values: OptionItem[]): void => {\n setSearch(\"\");\n setValueEntries(values);\n\n // Update parent form\n bind.onChange(\n values.map(item => ({\n modelId: item.modelId,\n id: item.id\n }))\n );\n }, []);\n\n // Format options for the Autocomplete component.\n const options = useMemo(() => Object.values(entries), [entries]);\n\n // Format default options for the Autocomplete component.\n const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);\n\n return {\n onChange,\n loading,\n setSearch,\n // Selected entries\n entries: valueEntries,\n // Options to show when the autocomplete dropdown is visible\n options: search ? options : defaultOptions \|\| []\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 import React from "react";
-import type { CmsModelField } from "../../../../../types";
+import type { CmsModelField } from "../../../../../types.js";
 interface UseNewRefEntryParams {
     field: CmsModelField;
 }
 interface UseNewRefEntry {
     renderNewEntryModal: boolean;
     refModelId: string;
-    helpText: React.ReactElement;
+    help: React.ReactElement;
 }
 export declare const useNewRefEntry: ({ field }: UseNewRefEntryParams) => UseNewRefEntry;
 export {};

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText";
-import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries";
+import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText.js";
+import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries.js";
 export const useNewRefEntry = ({
   field
 }) => {
@@ -33,20 +33,20 @@ export const useNewRefEntry = ({
     renderNewEntryModal = !contentEntriesContext.insideDialog;
   }
   /**
-   * Set "helpText" value.
+   * Set "help" value.
    */
-  let helpText;
+  let help;
   if (referenceMultipleModels) {
-    helpText = /*#__PURE__*/React.createElement(ReferenceMultipleModelsHelpText, null);
+    help = /*#__PURE__*/React.createElement(ReferenceMultipleModelsHelpText, null);
   } else {
-    helpText = /*#__PURE__*/React.createElement(MissingEntryHelpText, {
+    help = /*#__PURE__*/React.createElement(MissingEntryHelpText, {
       refModelId: refModelId
     });
   }
   return {
     renderNewEntryModal,
     refModelId,
-    helpText
+    help
   };
 };

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","MissingEntryHelpText","ReferenceMultipleModelsHelpText","useContentEntries","useNewRefEntry","field","models","settings","modelId","refModelId","referenceMultipleModels","length","contentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","~~helpText~~","createElement"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n renderNewEntryModal: boolean;\n refModelId: string;\n ~~helpText~~: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n const models = (field.settings && field.settings.models ? field.settings.models : null) \|\| [];\n const [{ modelId: refModelId }] = models;\n const referenceMultipleModels = models.length > 1;\n\n let contentEntriesContext = null;\n try {\n contentEntriesContext = useContentEntries();\n } catch {\n // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n }\n\n /*\n We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n * when rendering it inside content model editor's preview tab.\n \n And we also don't want to have new ref field Dialog in the preview tab.\n * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n /\n const renderedInPreviewTab = contentEntriesContext === null;\n\n let renderNewEntryModal = false;\n\n if (renderedInPreviewTab) {\n renderNewEntryModal = false;\n } else if (referenceMultipleModels) {\n renderNewEntryModal = false;\n } else if (contentEntriesContext) {\n renderNewEntryModal = !contentEntriesContext.insideDialog;\n }\n /\n Set \"~~helpText~~\" value.\n */\n let ~~helpText~~;\n if (referenceMultipleModels) {\n ~~helpText~~ = <ReferenceMultipleModelsHelpText />;\n } else {\n ~~helpText~~ = <MissingEntryHelpText refModelId={refModelId} />;\n }\n\n return {\n renderNewEntryModal,\n refModelId,\n ~~helpText~~\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,IACvBC,+BAA+B;AAEnC,SAASC,iBAAiB;AAY1B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAqB;EAC/E,MAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,MAAM,CAAC;IAAEE,OAAO,EAAEC;EAAW,CAAC,CAAC,GAAGH,MAAM;EACxC,MAAMI,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAGT,iBAAiB,CAAC,CAAC;EAC/C,CAAC,CAAC,MAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,oBAAoB,GAAGD,qBAAqB,KAAK,IAAI;EAE3D,IAAIE,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIJ,uBAAuB,EAAE;IAChCI,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIF,qBAAqB,EAAE;IAC9BE,mBAAmB,GAAG,CAACF,qBAAqB,CAACG,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,~~QAAQ~~;~~EACZ~~,IAAIN,uBAAuB,EAAE;IACzBM,~~QAAQ~~,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,MAAE,CAAC;~~EAClD~~,CAAC,MAAM;IACHc,~~QAAQ~~,gBAAGhB,KAAA,CAAAiB,aAAA,CAAChB,oBAAoB;MAACQ,UAAU,EAAEA;IAAW,CAAE,CAAC;~~EAC/D~~;EAEA,OAAO;IACHK,mBAAmB;IACnBL,UAAU;IACVO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","MissingEntryHelpText","ReferenceMultipleModelsHelpText","useContentEntries","useNewRefEntry","field","models","settings","modelId","refModelId","referenceMultipleModels","length","contentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","help","createElement"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport MissingEntryHelpText, {\n ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText.js\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries.js\";\n\ninterface UseNewRefEntryParams {\n field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n renderNewEntryModal: boolean;\n refModelId: string;\n help: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n const models = (field.settings && field.settings.models ? field.settings.models : null) \|\| [];\n const [{ modelId: refModelId }] = models;\n const referenceMultipleModels = models.length > 1;\n\n let contentEntriesContext = null;\n try {\n contentEntriesContext = useContentEntries();\n } catch {\n // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n }\n\n /*\n We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n * when rendering it inside content model editor's preview tab.\n \n And we also don't want to have new ref field Dialog in the preview tab.\n * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n /\n const renderedInPreviewTab = contentEntriesContext === null;\n\n let renderNewEntryModal = false;\n\n if (renderedInPreviewTab) {\n renderNewEntryModal = false;\n } else if (referenceMultipleModels) {\n renderNewEntryModal = false;\n } else if (contentEntriesContext) {\n renderNewEntryModal = !contentEntriesContext.insideDialog;\n }\n /\n Set \"help\" value.\n */\n let help;\n if (referenceMultipleModels) {\n help = <ReferenceMultipleModelsHelpText />;\n } else {\n help = <MissingEntryHelpText refModelId={refModelId} />;\n }\n\n return {\n renderNewEntryModal,\n refModelId,\n help\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,IACvBC,+BAA+B;AAEnC,SAASC,iBAAiB;AAY1B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAqB;EAC/E,MAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,MAAM,CAAC;IAAEE,OAAO,EAAEC;EAAW,CAAC,CAAC,GAAGH,MAAM;EACxC,MAAMI,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAGT,iBAAiB,CAAC,CAAC;EAC/C,CAAC,CAAC,MAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,oBAAoB,GAAGD,qBAAqB,KAAK,IAAI;EAE3D,IAAIE,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIJ,uBAAuB,EAAE;IAChCI,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIF,qBAAqB,EAAE;IAC9BE,mBAAmB,GAAG,CAACF,qBAAqB,CAACG,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,IAAI;EACR,IAAIN,uBAAuB,EAAE;IACzBM,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,MAAE,CAAC;EAC9C,CAAC,MAAM;IACHc,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAAChB,oBAAoB;MAACQ,UAAU,EAAEA;IAAW,CAAE,CAAC;EAC3D;EAEA,OAAO;IACHK,mBAAmB;IACnBL,UAAU;IACVO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
+declare const _default: import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];
 export default _default;

package/admin/plugins/fieldRenderers/ref/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import refInput from "./refInput";
-import refInputs from "./refInputs";
-import { createAdvancedRefRenderer } from "./advanced";
-import { createSimpleRefRenderer } from "./simple";
+import refInput from "./refInput.js";
+import refInputs from "./refInputs.js";
+import { createAdvancedRefRenderer } from "./advanced/index.js";
+import { createSimpleRefRenderer } from "./simple/index.js";
 export default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];
 //# sourceMappingURL=index.js.map

package/admin/plugins/fieldRenderers/ref/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["refInput","refInputs","createAdvancedRefRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\nimport { createAdvancedRefRenderer } from \"./advanced\";\nimport { createSimpleRefRenderer } from \"./simple\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAChB,SAASC,yBAAyB;AAClC,SAASC,uBAAuB;AAEhC,eAAe,CAAC,GAAGD,yBAAyB,CAAC,CAAC,EAAEF,QAAQ,EAAEC,SAAS,EAAE,GAAGE,uBAAuB,CAAC,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["refInput","refInputs","createAdvancedRefRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput.js\";\nimport refInputs from \"./refInputs.js\";\nimport { createAdvancedRefRenderer } from \"./advanced/index.js\";\nimport { createSimpleRefRenderer } from \"./simple/index.js\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAChB,SAASC,yBAAyB;AAClC,SAASC,uBAAuB;AAEhC,eAAe,CAAC,GAAGD,yBAAyB,CAAC,CAAC,EAAEF,QAAQ,EAAEC,SAAS,EAAE,GAAGE,uBAAuB,CAAC,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/refInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

package/admin/plugins/fieldRenderers/ref/refInput.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete";
+import { i18n } from "@webiny/app/i18n/index.js";
+import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -12,7 +12,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "ref" && !field.multipleValues;
+      return field.type === "ref" && !field.list;
     },
     render(props) {
       const Bind = props.getBind();

package/admin/plugins/fieldRenderers/ref/refInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","ContentEntriesAutocomplete","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","~~multipleValues~~","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-ref\",\n renderer: {\n rendererName: \"ref-input\",\n name: t`Reference Input`,\n description: t`Renders an auto-complete input, allowing selection of a single value.`,\n canUse({ field }) {\n return field.type === \"ref\" && !field.~~multipleValues~~;\n },\n render(props) {\n const Bind = props.getBind();\n\n return (\n <Bind>\n {bind => (\n <Bind.ValidationContainer>\n <ContentEntriesAutocomplete {...props} bind={bind} />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,OAAOC,0BAA0B;AAEjC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,uEAAuE;IACrFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,~~cAAc~~;~~IACxD~~,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,IAAI,QACAG,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACF,IAAI,CAACI,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,EAAAmB,MAAA,CAAAC,MAAA,KAAKP,KAAK;QAAEI,IAAI,EAAEA;MAAK,EAAE,CAC9B,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","ContentEntriesAutocomplete","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-ref\",\n renderer: {\n rendererName: \"ref-input\",\n name: t`Reference Input`,\n description: t`Renders an auto-complete input, allowing selection of a single value.`,\n canUse({ field }) {\n return field.type === \"ref\" && !field.list;\n },\n render(props) {\n const Bind = props.getBind();\n\n return (\n <Bind>\n {bind => (\n <Bind.ValidationContainer>\n <ContentEntriesAutocomplete {...props} bind={bind} />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,0BAA0B;AAEjC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,uEAAuE;IACrFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,IAAI;IAC9C,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,IAAI,QACAG,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACF,IAAI,CAACI,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,EAAAmB,MAAA,CAAAC,MAAA,KAAKP,KAAK;QAAEI,IAAI,EAAEA;MAAK,EAAE,CAC9B,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/refInputs.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

package/admin/plugins/fieldRenderers/ref/refInputs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { useForm } from "@webiny/form";
-import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
+import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 const getKey = (field, id) => {
   return (id || "unknown") + "." + field.fieldId;
@@ -16,7 +16,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "ref" && !!field.multipleValues;
+      return field.type === "ref" && !!field.list;
     },
     render(props) {
       const Bind = props.getBind();

package/admin/plugins/fieldRenderers/ref/refInputs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","useForm","ContentEntriesMultiAutocomplete","t","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","~~multipleValues~~","render","props","Bind","getBind","form","createElement","bind","ValidationContainer","Object","assign","key","data"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string \| undefined): string => {\n return (id \|\| \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-ref-inputs\",\n renderer: {\n rendererName: \"ref-inputs\",\n name: t`Reference Inputs`,\n description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n canUse({ field }) {\n return field.type === \"ref\" && !!field.~~multipleValues~~;\n },\n render(props) {\n const Bind = props.getBind();\n const form = useForm();\n\n return (\n <Bind>\n {bind => (\n <Bind.ValidationContainer>\n <ContentEntriesMultiAutocomplete\n key={getKey(props.field, form.data.id)}\n {...props}\n bind={bind}\n />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,OAAO,QAAQ,cAAc;AAEtC,OAAOC,+BAA+B;AAEtC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAM,GAAGA,CAACC,KAAoB,EAAEC,EAAsB,KAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,kBAAkB;IACzBW,WAAW,EAAEX,CAAC,wEAAwE;IACtFY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACU,~~cAAc~~;~~IACzD~~,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,MAAMC,IAAI,GAAGpB,OAAO,CAAC,CAAC;MAEtB,oBACIF,KAAA,CAAAuB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDxB,KAAA,CAAAuB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrBzB,KAAA,CAAAuB,aAAA,CAACpB,+BAA+B,EAAAuB,MAAA,CAAAC,MAAA;QAC5BC,GAAG,EAAEtB,MAAM,CAACa,KAAK,CAACZ,KAAK,EAAEe,IAAI,CAACO,IAAI,CAACrB,EAAE;MAAE,GACnCW,KAAK;QACTK,IAAI,EAAEA;MAAK,EACd,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","useForm","ContentEntriesMultiAutocomplete","t","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","list","render","props","Bind","getBind","form","createElement","bind","ValidationContainer","Object","assign","key","data"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string \| undefined): string => {\n return (id \|\| \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-ref-inputs\",\n renderer: {\n rendererName: \"ref-inputs\",\n name: t`Reference Inputs`,\n description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n canUse({ field }) {\n return field.type === \"ref\" && !!field.list;\n },\n render(props) {\n const Bind = props.getBind();\n const form = useForm();\n\n return (\n <Bind>\n {bind => (\n <Bind.ValidationContainer>\n <ContentEntriesMultiAutocomplete\n key={getKey(props.field, form.data.id)}\n {...props}\n bind={bind}\n />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,OAAO,QAAQ,cAAc;AAEtC,OAAOC,+BAA+B;AAEtC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAM,GAAGA,CAACC,KAAoB,EAAEC,EAAsB,KAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,kBAAkB;IACzBW,WAAW,EAAEX,CAAC,wEAAwE;IACtFY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACU,IAAI;IAC/C,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,MAAMC,IAAI,GAAGpB,OAAO,CAAC,CAAC;MAEtB,oBACIF,KAAA,CAAAuB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDxB,KAAA,CAAAuB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrBzB,KAAA,CAAAuB,aAAA,CAACpB,+BAA+B,EAAAuB,MAAA,CAAAC,MAAA;QAC5BC,GAAG,EAAEtB,MAAM,CAACa,KAAK,CAACZ,KAAK,EAAEe,IAAI,CAACO,IAAI,CAACrB,EAAE;MAAE,GACnCW,KAAK;QACTK,IAAI,EAAEA;MAAK,EACd,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}

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

@@ -5,7 +5,7 @@ export const Loader = () => {
     style: {
       height: "180px"
     },
-    className: "wby-relative"
+    className: "relative"
   }, /*#__PURE__*/React.createElement(OverlayLoader, {
     size: "md",
     text: "Loading entries..."

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","OverlayLoader","Loader","createElement","style","height","className","size","text"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const Loader = () => {\n return (\n <div style={{ height: \"180px\" }} className={\"~~wby-~~relative\"}>\n <OverlayLoader size={\"md\"} text={\"Loading entries...\"} />\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA;IAAKC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAACC,SAAS,EAAE;~~EAAe~~,~~gBACvDN~~,KAAA,CAAAG,aAAA,CAACF,aAAa;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAqB,CAAE,CACvD,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","OverlayLoader","Loader","createElement","style","height","className","size","text"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const Loader = () => {\n return (\n <div style={{ height: \"180px\" }} className={\"relative\"}>\n <OverlayLoader size={\"md\"} text={\"Loading entries...\"} />\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA;IAAKC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAACC,SAAS,EAAE;EAAW,gBACnDN,KAAA,CAAAG,aAAA,CAACF,aAAa;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAqB,CAAE,CACvD,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface SimpleMultipleRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
     field: CmsModelField;

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

@@ -1,8 +1,8 @@
 import React, { useMemo } from "react";
-import { useContentModels } from "./useContentModels";
-import { useReferences } from "./useReferences";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
 import { CheckboxGroup } from "@webiny/admin-ui";
-import { Loader } from "./Loader";
+import { Loader } from "./Loader.js";
 export const SimpleMultipleRenderer = props => {
   const {
     field,
@@ -33,7 +33,9 @@ export const SimpleMultipleRenderer = props => {
   }
   return /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
     label: field.label,
-    description: field.helpText,
+    description: field.description,
+    note: field.note,
+    hint: field.help,
     value: values,
     items: items,
     onChange: values => {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useContentModels","useReferences","CheckboxGroup","Loader","SimpleMultipleRenderer","props","field","bind","values","Array","isArray","value","map","item","id","models","references","items","entries","entry","label","title","loading","createElement","Object","assign","description","~~helpText~~","onChange","selectedEntryIds","split","selectedItems","filter","includes","entryId","model","modelId"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader\";\n\ninterface SimpleMultipleRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n const { field, bind } = props;\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 label={field.label}\n description={field.~~helpText~~}\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;AAOf,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,MAAM,GAAGT,OAAO,CAAC,MAAM;IACzB,OAAOU,KAAK,CAACC,OAAO,CAACH,IAAI,CAACI,KAAK,CAAC,GAAGJ,IAAI,CAACI,KAAK,CAACC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,CAAC,GAAG,EAAE;EAC3E,CAAC,EAAE,CAACP,IAAI,CAACI,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEI;EAAO,CAAC,GAAGf,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMU,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,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,oBAAOxB,KAAA,CAAAyB,aAAA,CAACpB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIL,KAAA,CAAAyB,aAAA,CAACrB,aAAa,EAAAsB,MAAA,CAAAC,MAAA,KACNlB,IAAI;IACRa,KAAK,EAAEd,KAAK,CAACc,KAAM;IACnBM,WAAW,EAAEpB,KAAK,CAACqB,~~QAAS~~;~~IAC5BhB~~,KAAK,EAAEH,MAAO;IACdS,KAAK,EAAEA,KAAM;~~IACbW~~,QAAQ,~~EAAGpB~~,MAAgB,IAAK;MAC5B,~~MAAMqB~~,gBAAgB,~~GAAGrB~~,MAAM,CAACI,GAAG,CAACD,KAAK,IAAIA,KAAK,~~CAACmB~~,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACjE,MAAMC,aAAa,~~GAAGf~~,UAAU,CAACE,OAAO,~~CAACc~~,MAAM,~~CAACb~~,KAAK,~~IACjDU~~,gBAAgB,CAACI,QAAQ,~~CAACd~~,KAAK,~~CAACe~~,OAAO,CAC3C,CAAC;~~MAED3B~~,IAAI,~~CAACqB~~,QAAQ,CACTG,aAAa,~~CAACnB~~,GAAG,CAAC,CAAC;QAAEE,EAAE;~~QAAEqB~~;MAAM,CAAC,MAAM;~~QAClCrB~~,EAAE;~~QACFsB~~,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","SimpleMultipleRenderer","props","field","bind","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\";\n\ninterface SimpleMultipleRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n const { field, bind } = props;\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 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;AAOf,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,MAAM,GAAGT,OAAO,CAAC,MAAM;IACzB,OAAOU,KAAK,CAACC,OAAO,CAACH,IAAI,CAACI,KAAK,CAAC,GAAGJ,IAAI,CAACI,KAAK,CAACC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,CAAC,GAAG,EAAE;EAC3E,CAAC,EAAE,CAACP,IAAI,CAACI,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEI;EAAO,CAAC,GAAGf,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMU,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,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,oBAAOxB,KAAA,CAAAyB,aAAA,CAACpB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIL,KAAA,CAAAyB,aAAA,CAACrB,aAAa,EAAAsB,MAAA,CAAAC,MAAA,KACNlB,IAAI;IACRa,KAAK,EAAEd,KAAK,CAACc,KAAM;IACnBM,WAAW,EAAEpB,KAAK,CAACoB,WAAY;IAC/BC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,IAAI,EAAEtB,KAAK,CAACuB,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;MAED7B,IAAI,CAACuB,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.d.ts CHANGED Viewed

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

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

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { useContentModels } from "./useContentModels";
-import { useReferences } from "./useReferences";
-import { Loader } from "./Loader";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
+import { Loader } from "./Loader.js";
 import { RadioGroup } from "@webiny/admin-ui";
 export const SimpleSingleRenderer = props => {
   const {
@@ -33,7 +33,9 @@ export const SimpleSingleRenderer = props => {
   }
   return /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
     label: field.label,
-    description: field.helpText,
+    description: field.description,
+    note: field.note,
+    hint: field.help,
     value: value,
     items: items,
     onChange: value => {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useContentModels","useReferences","Loader","RadioGroup","SimpleSingleRenderer","props","field","bind","value","id","models","references","items","entries","map","entry","label","title","loading","createElement","Object","assign","description","~~helpText~~","onChange","selectedItem","find","entryId","split","modelId","model"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\ninterface SimpleSingleRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| undefined \| null>;\n field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n const { field, bind } = props;\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 label={field.label}\n description={field.~~helpText~~}\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;AAO7C,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,KAAK,GAAGT,OAAO,CAAC,MAAM;IACxB,OAAOQ,IAAI,CAACC,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACF,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGV,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMK,UAAU,GAAGV,aAAa,CAAC;IAC7BS;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGb,OAAO,CAAC,MAAM;IACxB,IAAI,CAACY,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,oBAAOpB,KAAA,CAAAqB,aAAA,CAACjB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAAqB,aAAA,CAAChB,UAAU,EAAAiB,MAAA,CAAAC,MAAA,KACHd,IAAI;IACRS,KAAK,EAAEV,KAAK,CAACU,KAAM;IACnBM,WAAW,EAAEhB,KAAK,CAACiB,~~QAAS~~;~~IAC5Bf~~,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;~~IACbY~~,QAAQ,~~EAAGhB~~,KAAa,IAAK;MACzB,~~MAAMiB~~,YAAY,~~GAAGd~~,UAAU,CAACE,OAAO,~~CAACa~~,IAAI,~~CACxCX~~,KAAK,IAAIA,KAAK,~~CAACY~~,OAAO,~~KAAKnB~~,KAAK,~~CAACoB~~,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;MAED,IAAI,CAACH,YAAY,EAAE;QACf;MACJ;~~MAEAlB~~,IAAI,~~CAACiB~~,QAAQ,CAAC;~~QACVf~~,EAAE,~~EAAEgB~~,YAAY,~~CAAChB~~,EAAE;~~QACnBoB~~,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","SimpleSingleRenderer","props","field","bind","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\";\n\ninterface SimpleSingleRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| undefined \| null>;\n field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n const { field, bind } = props;\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 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;AAO7C,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,KAAK,GAAGT,OAAO,CAAC,MAAM;IACxB,OAAOQ,IAAI,CAACC,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACF,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGV,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMK,UAAU,GAAGV,aAAa,CAAC;IAC7BS;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGb,OAAO,CAAC,MAAM;IACxB,IAAI,CAACY,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,oBAAOpB,KAAA,CAAAqB,aAAA,CAACjB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAAqB,aAAA,CAAChB,UAAU,EAAAiB,MAAA,CAAAC,MAAA,KACHd,IAAI;IACRS,KAAK,EAAEV,KAAK,CAACU,KAAM;IACnBM,WAAW,EAAEhB,KAAK,CAACgB,WAAY;IAC/BC,IAAI,EAAEjB,KAAK,CAACiB,IAAK;IACjBC,IAAI,EAAElB,KAAK,CAACmB,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;MAEApB,IAAI,CAACmB,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/ref/simple/components/useContentModels.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { CmsModel, CmsModelField } from "../../../../../../types";
+import type { CmsModel, CmsModelField } from "../../../../../../types.js";
 interface Props {
     field: CmsModelField;
 }

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

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useContentModels as useBaseContentModels } from "../../../../../hooks";
+import { useContentModels as useBaseContentModels } from "../../../../../hooks/index.js";
 export const useContentModels = ({
   field
 }) => {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useMemo","useContentModels","useBaseContentModels","field","models","initialModels","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks\";\n\ninterface Props {\n field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n const { models: initialModels } = useBaseContentModels();\n\n const models = useMemo((): CmsModel[] => {\n if (!initialModels) {\n return [];\n }\n return initialModels.filter(model => {\n if (!field.settings?.models \|\| field.settings.models.length === 0) {\n return false;\n }\n return field.settings?.models.some(fieldModel => {\n return model.modelId === fieldModel.modelId;\n });\n });\n }, [initialModels]);\n\n return {\n models\n };\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,gBAAgB,IAAIC,oBAAoB;AAKjD,OAAO,MAAMD,gBAAgB,GAAGA,CAAC;EAAEE;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAExD,MAAME,MAAM,GAAGJ,OAAO,CAAC,MAAkB;IACrC,IAAI,CAACK,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACC,MAAM,CAACC,KAAK,IAAI;MACjC,IAAI,CAACJ,KAAK,CAACK,QAAQ,EAAEJ,MAAM,IAAID,KAAK,CAACK,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAON,KAAK,CAACK,QAAQ,EAAEJ,MAAM,CAACM,IAAI,CAACC,UAAU,IAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHD;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useMemo","useContentModels","useBaseContentModels","field","models","initialModels","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks/index.js\";\n\ninterface Props {\n field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n const { models: initialModels } = useBaseContentModels();\n\n const models = useMemo((): CmsModel[] => {\n if (!initialModels) {\n return [];\n }\n return initialModels.filter(model => {\n if (!field.settings?.models \|\| field.settings.models.length === 0) {\n return false;\n }\n return field.settings?.models.some(fieldModel => {\n return model.modelId === fieldModel.modelId;\n });\n });\n }, [initialModels]);\n\n return {\n models\n };\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,gBAAgB,IAAIC,oBAAoB;AAKjD,OAAO,MAAMD,gBAAgB,GAAGA,CAAC;EAAEE;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAExD,MAAME,MAAM,GAAGJ,OAAO,CAAC,MAAkB;IACrC,IAAI,CAACK,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACC,MAAM,CAACC,KAAK,IAAI;MACjC,IAAI,CAACJ,KAAK,CAACK,QAAQ,EAAEJ,MAAM,IAAID,KAAK,CAACK,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAON,KAAK,CAACK,QAAQ,EAAEJ,MAAM,CAACM,IAAI,CAACC,UAAU,IAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHD;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/components/useReferences.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { CmsReferenceContentEntry } from "../../components/types";
-import type { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsModel } from "../../../../../../types.js";
 interface UseReferencesParams {
     models?: CmsModel[];
 }

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

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../../hooks";
-import { SEARCH_CONTENT_ENTRIES } from "../../components/graphql";
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../../hooks/index.js";
+import { SEARCH_CONTENT_ENTRIES } from "../../components/graphql.js";
 const executeSearch = async params => {
   const {
     setLoading,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useEffect","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","executeSearch","params","setLoading","setError","setEntries","client","models","requestContext","result","query","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","entries","loading","length"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport type {\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport { SEARCH_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport type { CmsModel } from \"~/types\";\n\ninterface ExecuteSearchParams {\n setLoading: (loading: boolean) => void;\n setError: (error: string \| undefined \| null) => void;\n setEntries: (entries: CmsReferenceContentEntry[]) => void;\n client: ApolloClient<any>;\n models: CmsModel[];\n requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n const { setLoading, setError, setEntries, client, models, requestContext = {} } = params;\n setLoading(true);\n try {\n const result = await client.query<\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n >({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(model => model.modelId),\n limit: 10000\n },\n context: requestContext\n });\n const error = result.data.content?.error;\n if (error) {\n setError(error.message);\n return;\n }\n\n setError(null);\n setEntries(result.data.content.data);\n } catch (ex) {\n setError(ex.message);\n } finally {\n setLoading(false);\n }\n};\n\ninterface UseReferencesParams {\n models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n const client = useApolloClient();\n const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n const [loading, setLoading] = useState<boolean>(false);\n const [error, setError] = useState<string \| undefined \| null>(null);\n const requestContext = useModelFieldGraphqlContext();\n\n useEffect(() => {\n if (!models \|\| models.length === 0) {\n return;\n }\n executeSearch({\n client,\n requestContext,\n models,\n setLoading,\n setError,\n setEntries\n });\n }, [models]);\n\n return {\n loading,\n entries,\n error\n };\n};\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,EAAEC,2BAA2B;AAMrD,SAASC,sBAAsB;AAY/B,MAAMC,aAAa,GAAG,MAAOC,MAA2B,IAAoB;EACxE,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,MAAM;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGN,MAAM;EACxFC,UAAU,CAAC,IAAI,CAAC;EAChB,IAAI;IACA,MAAMM,MAAM,GAAG,MAAMH,MAAM,CAACI,KAAK,CAG/B;MACEA,KAAK,EAAEV,sBAAsB;MAC7BW,SAAS,EAAE;QACPC,QAAQ,EAAEL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC;QAC5CC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAET;IACb,CAAC,CAAC;IACF,MAAMU,KAAK,GAAGT,MAAM,CAACU,IAAI,CAACC,OAAO,EAAEF,KAAK;IACxC,IAAIA,KAAK,EAAE;MACPd,QAAQ,CAACc,KAAK,CAACG,OAAO,CAAC;MACvB;IACJ;IAEAjB,QAAQ,CAAC,IAAI,CAAC;IACdC,UAAU,CAACI,MAAM,CAACU,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;EACxC,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTlB,QAAQ,CAACkB,EAAE,CAACD,OAAO,CAAC;EACxB,CAAC,SAAS;IACNlB,UAAU,CAAC,KAAK,CAAC;EACrB;AACJ,CAAC;AAMD,OAAO,MAAMoB,aAAa,GAAGA,CAAC;EAAEhB;AAA4B,CAAC,KAAK;EAC9D,MAAMD,MAAM,GAAGR,eAAe,CAAC,CAAC;EAChC,MAAM,CAAC0B,OAAO,EAAEnB,UAAU,CAAC,GAAGR,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAAC4B,OAAO,EAAEtB,UAAU,CAAC,GAAGN,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACqB,KAAK,EAAEd,QAAQ,CAAC,GAAGP,QAAQ,CAA4B,IAAI,CAAC;EACnE,MAAMW,cAAc,GAAGT,2BAA2B,CAAC,CAAC;EAEpDH,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,MAAM,IAAIA,MAAM,CAACmB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACAzB,aAAa,CAAC;MACVK,MAAM;MACNE,cAAc;MACdD,MAAM;MACNJ,UAAU;MACVC,QAAQ;MACRC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO;IACPD,OAAO;IACPN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useEffect","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","executeSearch","params","setLoading","setError","setEntries","client","models","requestContext","result","query","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","entries","loading","length"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type {\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface ExecuteSearchParams {\n setLoading: (loading: boolean) => void;\n setError: (error: string \| undefined \| null) => void;\n setEntries: (entries: CmsReferenceContentEntry[]) => void;\n client: ApolloClient<any>;\n models: CmsModel[];\n requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n const { setLoading, setError, setEntries, client, models, requestContext = {} } = params;\n setLoading(true);\n try {\n const result = await client.query<\n CmsEntrySearchQueryResponse,\n CmsEntrySearchQueryVariables\n >({\n query: SEARCH_CONTENT_ENTRIES,\n variables: {\n modelIds: models.map(model => model.modelId),\n limit: 10000\n },\n context: requestContext\n });\n const error = result.data.content?.error;\n if (error) {\n setError(error.message);\n return;\n }\n\n setError(null);\n setEntries(result.data.content.data);\n } catch (ex) {\n setError(ex.message);\n } finally {\n setLoading(false);\n }\n};\n\ninterface UseReferencesParams {\n models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n const client = useApolloClient();\n const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n const [loading, setLoading] = useState<boolean>(false);\n const [error, setError] = useState<string \| undefined \| null>(null);\n const requestContext = useModelFieldGraphqlContext();\n\n useEffect(() => {\n if (!models \|\| models.length === 0) {\n return;\n }\n executeSearch({\n client,\n requestContext,\n models,\n setLoading,\n setError,\n setEntries\n });\n }, [models]);\n\n return {\n loading,\n entries,\n error\n };\n};\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,EAAEC,2BAA2B;AAMrD,SAASC,sBAAsB;AAY/B,MAAMC,aAAa,GAAG,MAAOC,MAA2B,IAAoB;EACxE,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,MAAM;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGN,MAAM;EACxFC,UAAU,CAAC,IAAI,CAAC;EAChB,IAAI;IACA,MAAMM,MAAM,GAAG,MAAMH,MAAM,CAACI,KAAK,CAG/B;MACEA,KAAK,EAAEV,sBAAsB;MAC7BW,SAAS,EAAE;QACPC,QAAQ,EAAEL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC;QAC5CC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAET;IACb,CAAC,CAAC;IACF,MAAMU,KAAK,GAAGT,MAAM,CAACU,IAAI,CAACC,OAAO,EAAEF,KAAK;IACxC,IAAIA,KAAK,EAAE;MACPd,QAAQ,CAACc,KAAK,CAACG,OAAO,CAAC;MACvB;IACJ;IAEAjB,QAAQ,CAAC,IAAI,CAAC;IACdC,UAAU,CAACI,MAAM,CAACU,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;EACxC,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTlB,QAAQ,CAACkB,EAAE,CAACD,OAAO,CAAC;EACxB,CAAC,SAAS;IACNlB,UAAU,CAAC,KAAK,CAAC;EACrB;AACJ,CAAC;AAMD,OAAO,MAAMoB,aAAa,GAAGA,CAAC;EAAEhB;AAA4B,CAAC,KAAK;EAC9D,MAAMD,MAAM,GAAGR,eAAe,CAAC,CAAC;EAChC,MAAM,CAAC0B,OAAO,EAAEnB,UAAU,CAAC,GAAGR,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAAC4B,OAAO,EAAEtB,UAAU,CAAC,GAAGN,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACqB,KAAK,EAAEd,QAAQ,CAAC,GAAGP,QAAQ,CAA4B,IAAI,CAAC;EACnE,MAAMW,cAAc,GAAGT,2BAA2B,CAAC,CAAC;EAEpDH,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,MAAM,IAAIA,MAAM,CAACmB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACAzB,aAAa,CAAC;MACVK,MAAM;MACNE,cAAc;MACdD,MAAM;MACNJ,UAAU;MACVC,QAAQ;MACRC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO;IACPD,OAAO;IACPN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const createSimpleRefRenderer: () => import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
1	+ export declare const createSimpleRefRenderer: () => import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/ref/simple/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { createSimpleSingleRenderer } from "./simpleSingleRenderer";
-import { createSimpleMultipleRenderer } from "./simpleMultipleRenderer";
+import { createSimpleSingleRenderer } from "./simpleSingleRenderer.js";
+import { createSimpleMultipleRenderer } from "./simpleMultipleRenderer.js";
 export const createSimpleRefRenderer = () => {
   return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];
 };

package/admin/plugins/fieldRenderers/ref/simple/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createSimpleSingleRenderer","createSimpleMultipleRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer\";\n\nexport const createSimpleRefRenderer = () => {\n return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,0BAA0B;AACnC,SAASC,4BAA4B;AAErC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAO,CAACF,0BAA0B,CAAC,CAAC,EAAEC,4BAA4B,CAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["createSimpleSingleRenderer","createSimpleMultipleRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer.js\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer.js\";\n\nexport const createSimpleRefRenderer = () => {\n return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,0BAA0B;AACnC,SAASC,4BAA4B;AAErC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAO,CAACF,0BAA0B,CAAC,CAAC,EAAEC,4BAA4B,CAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createSimpleMultipleRenderer: () => CmsModelFieldRendererPlugin;