npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c - Mend

@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

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

package/dist/elements/ListHeader/TitleActions/ListEmptyTrashButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListEmptyTrashButton.js","names":["useModal","getTranslation","formatAdminURL","qs","React","toast","useConfig","useLocale","useRouteCache","useRouter","useSearchParams","useTranslation","requests","Button","ConfirmationModal","Translation","confirmEmptyTrashSlug","ListEmptyTrashButton","collectionConfig","hasDeletePermission","i18n","t","currentLocale","locale","code","config","openModal","router","searchParams","clearRouteCache","trashCount","setTrashCount","useState","useEffect","fetchTrashCount","queryString","stringify","depth","limit","trash","where","deletedAt","exists","addQueryPrefix","res","get","apiRoute","routes","api","path","slug","headers","language","json","totalDocs","handleEmptyTrash","useCallback","labels","delete","deletedCount","docs","length","status","success","count","label","plural","errors","error","message","description","map","err","join","replace","Object","fromEntries","entries","page","_jsxs","Fragment","_jsx","buttonStyle","disabled","id","onClick","size","body","elements","0","children","1","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Button } from '../../Button/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Translation } from '../../Translation/index.js'\n\nconst confirmEmptyTrashSlug = 'confirm-empty-trash'\n\nexport function ListEmptyTrashButton({\n collectionConfig,\n hasDeletePermission,\n}: {\n collectionConfig: ClientCollectionConfig\n hasDeletePermission: boolean\n}) {\n const { i18n, t } = useTranslation()\n const currentLocale = useLocale()\n const locale = currentLocale?.code\n const { config } = useConfig()\n const { openModal } = useModal()\n const router = useRouter()\n const searchParams = useSearchParams()\n const { clearRouteCache } = useRouteCache()\n\n const [trashCount, setTrashCount] = React.useState<null \| number>(null)\n\n React.useEffect(() => {\n const fetchTrashCount = async () => {\n const queryString = qs.stringify(\n {\n depth: 0,\n limit: 0,\n locale,\n trash: true,\n where: {\n deletedAt: {\n exists: true,\n },\n },\n },\n { addQueryPrefix: true },\n )\n\n try {\n const res = await requests.get(\n formatAdminURL({\n apiRoute: config.routes.api,\n path: `/${collectionConfig.slug}${queryString}`,\n }),\n {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n },\n )\n\n const json = await res.json()\n setTrashCount(json?.totalDocs ?? 0)\n } catch {\n setTrashCount(0)\n }\n }\n\n void fetchTrashCount()\n }, [collectionConfig.slug, config, i18n.language, locale])\n\n const handleEmptyTrash = React.useCallback(async () => {\n if (!hasDeletePermission) {\n return\n }\n\n const { slug, labels } = collectionConfig\n\n const queryString = qs.stringify(\n {\n limit: 0,\n locale,\n trash: true,\n where: {\n deletedAt: {\n exists: true,\n },\n },\n },\n { addQueryPrefix: true },\n )\n\n const res = await requests.delete(\n formatAdminURL({\n apiRoute: config.routes.api,\n path: `/${slug}${queryString}`,\n }),\n {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n },\n )\n\n try {\n const json = await res.json()\n const deletedCount = json?.docs?.length \|\| 0\n\n if (res.status < 400) {\n toast.success(\n t('general:permanentlyDeletedCountSuccessfully', {\n count: deletedCount,\n label: getTranslation(labels?.plural, i18n),\n }),\n )\n }\n\n if (json?.errors?.length > 0) {\n toast.error(json.message, {\n description: json.errors.map((err) => err.message).join('\\n'),\n })\n }\n\n router.replace(\n qs.stringify(\n {\n ...Object.fromEntries(searchParams.entries()),\n page: '1',\n },\n { addQueryPrefix: true },\n ),\n )\n\n clearRouteCache()\n } catch {\n toast.error(t('error:unknown'))\n }\n }, [\n collectionConfig,\n config,\n hasDeletePermission,\n i18n,\n t,\n locale,\n searchParams,\n router,\n clearRouteCache,\n ])\n\n return (\n <React.Fragment>\n <Button\n aria-label={t('general:emptyTrashLabel', {\n label: getTranslation(collectionConfig?.labels?.plural, i18n),\n })}\n buttonStyle=\"secondary\"\n disabled={trashCount === 0}\n id=\"empty-trash-button\"\n key=\"empty-trash-button\"\n onClick={() => {\n openModal(confirmEmptyTrashSlug)\n }}\n size=\"medium\"\n >\n {t('general:emptyTrash')}\n </Button>\n <ConfirmationModal\n body={\n <Translation\n elements={{\n '0': ({ children }) => <strong>{children}</strong>,\n '1': ({ children }) => <strong>{children}</strong>,\n }}\n i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n t={t}\n variables={{\n count: trashCount ?? 0,\n label: getTranslation(\n trashCount === 1\n ? collectionConfig.labels?.singular\n : collectionConfig.labels?.plural,\n i18n,\n ),\n }}\n />\n }\n confirmingLabel={t('general:deleting')}\n heading={t('general:confirmDeletion')}\n modalSlug={confirmEmptyTrashSlug}\n onConfirm={handleEmptyTrash}\n />\n </React.Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"ListEmptyTrashButton.js","names":["useModal","getTranslation","formatAdminURL","qs","React","toast","useConfig","useLocale","useRouteCache","useRouter","useSearchParams","useTranslation","requests","Button","ConfirmationModal","Translation","confirmEmptyTrashSlug","ListEmptyTrashButton","collectionConfig","hasDeletePermission","i18n","t","currentLocale","locale","code","config","openModal","router","searchParams","clearRouteCache","trashCount","setTrashCount","useState","useEffect","fetchTrashCount","queryString","stringify","depth","limit","trash","where","deletedAt","exists","addQueryPrefix","res","get","apiRoute","routes","api","path","slug","headers","language","json","totalDocs","handleEmptyTrash","useCallback","labels","delete","deletedCount","docs","length","status","success","count","label","plural","errors","error","message","description","map","err","join","replace","Object","fromEntries","entries","page","_jsxs","Fragment","_jsx","buttonStyle","disabled","id","onClick","size","body","elements","0","children","1","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Button } from '../../Button/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Translation } from '../../Translation/index.js'\n\nconst confirmEmptyTrashSlug = 'confirm-empty-trash'\n\nexport function ListEmptyTrashButton({\n collectionConfig,\n hasDeletePermission,\n}: {\n collectionConfig: ClientCollectionConfig\n hasDeletePermission: boolean\n}) {\n const { i18n, t } = useTranslation()\n const currentLocale = useLocale()\n const locale = currentLocale?.code\n const { config } = useConfig()\n const { openModal } = useModal()\n const router = useRouter()\n const searchParams = useSearchParams()\n const { clearRouteCache } = useRouteCache()\n\n const [trashCount, setTrashCount] = React.useState<null \| number>(null)\n\n React.useEffect(() => {\n const fetchTrashCount = async () => {\n const queryString = qs.stringify(\n {\n depth: 0,\n limit: 0,\n locale,\n trash: true,\n where: {\n deletedAt: {\n exists: true,\n },\n },\n },\n { addQueryPrefix: true },\n )\n\n try {\n const res = await requests.get(\n formatAdminURL({\n apiRoute: config.routes.api,\n path: `/${collectionConfig.slug}${queryString}`,\n }),\n {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n },\n )\n\n const json = await res.json()\n setTrashCount(json?.totalDocs ?? 0)\n } catch {\n setTrashCount(0)\n }\n }\n\n void fetchTrashCount()\n }, [collectionConfig.slug, config, i18n.language, locale])\n\n const handleEmptyTrash = React.useCallback(async () => {\n if (!hasDeletePermission) {\n return\n }\n\n const { slug, labels } = collectionConfig\n\n const queryString = qs.stringify(\n {\n limit: 0,\n locale,\n trash: true,\n where: {\n deletedAt: {\n exists: true,\n },\n },\n },\n { addQueryPrefix: true },\n )\n\n const res = await requests.delete(\n formatAdminURL({\n apiRoute: config.routes.api,\n path: `/${slug}${queryString}`,\n }),\n {\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n },\n )\n\n try {\n const json = await res.json()\n const deletedCount = json?.docs?.length \|\| 0\n\n if (res.status < 400) {\n toast.success(\n t('general:permanentlyDeletedCountSuccessfully', {\n count: deletedCount,\n label: getTranslation(labels?.plural, i18n),\n }),\n )\n }\n\n if (json?.errors?.length > 0) {\n toast.error(json.message, {\n description: json.errors.map((err) => err.message).join('\\n'),\n })\n }\n\n void router.replace(\n qs.stringify(\n {\n ...Object.fromEntries(searchParams.entries()),\n page: '1',\n },\n { addQueryPrefix: true },\n ),\n )\n\n clearRouteCache()\n } catch {\n toast.error(t('error:unknown'))\n }\n }, [\n collectionConfig,\n config,\n hasDeletePermission,\n i18n,\n t,\n locale,\n searchParams,\n router,\n clearRouteCache,\n ])\n\n return (\n <React.Fragment>\n <Button\n aria-label={t('general:emptyTrashLabel', {\n label: getTranslation(collectionConfig?.labels?.plural, i18n),\n })}\n buttonStyle=\"secondary\"\n disabled={trashCount === 0}\n id=\"empty-trash-button\"\n key=\"empty-trash-button\"\n onClick={() => {\n openModal(confirmEmptyTrashSlug)\n }}\n size=\"medium\"\n >\n {t('general:emptyTrash')}\n </Button>\n <ConfirmationModal\n body={\n <Translation\n elements={{\n '0': ({ children }) => <strong>{children}</strong>,\n '1': ({ children }) => <strong>{children}</strong>,\n }}\n i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n t={t}\n variables={{\n count: trashCount ?? 0,\n label: getTranslation(\n trashCount === 1\n ? collectionConfig.labels?.singular\n : collectionConfig.labels?.plural,\n i18n,\n ),\n }}\n />\n }\n confirmingLabel={t('general:deleting')}\n heading={t('general:confirmDeletion')}\n modalSlug={confirmEmptyTrashSlug}\n onConfirm={handleEmptyTrash}\n />\n </React.Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListSelection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","baseClass","ListSelection_v4","t0","$","count","ListActions","SelectionActions","t","t1","_jsxs","className","children","_jsx","label","length","Fragment","ListSelectionButton","props","buttonStyle","filter","Boolean","join"],"sources":["../../../src/elements/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'list-selection'\n\ntype ListSelection_v4Props = {\n /*\n The count of selected items\n /\n readonly count: number\n /\n Actions that apply to the list as a whole\n \n @example select all, clear selection\n /\n readonly ListActions?: React.ReactNode[]\n /\n Actions that apply to the selected items\n \n @example edit, delete, publish, unpublish\n */\n readonly SelectionActions?: React.ReactNode[]\n}\nexport function ListSelection_v4({ count, ListActions, SelectionActions }: ListSelection_v4Props) {\n const { t } = useTranslation()\n\n return (\n <div className={baseClass}>\n <span className={`${baseClass}__count`}>\n {t('general:selectedCount', { count, label: '' })}\n </span>\n {ListActions && ListActions.length > 0 && (\n <React.Fragment>\n <span>—</span>\n <div className={`${baseClass}__actions`}>{ListActions}</div>\n </React.Fragment>\n )}\n {SelectionActions && SelectionActions.length > 0 && (\n <React.Fragment>\n <span>—</span>\n <div className={`${baseClass}__actions`}>{SelectionActions}</div>\n </React.Fragment>\n )}\n </div>\n )\n}\n\ntype ListSelectionButtonProps = {} & ButtonProps\nexport function ListSelectionButton({ children, className, ...props }: ListSelectionButtonProps) {\n return (\n <Button\n {...props}\n buttonStyle=\"ghost\"\n className={[`${baseClass}__button`, className].filter(Boolean).join(' ')}\n >\n {children}\n </Button>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAoBlB,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA0B;IAAAQ,KAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAA+D;EAC9F;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,gBAAA,IAAAH,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,~~EAAAV~~,SAAA;MAAAW,QAAA,~~GACCC~~,IAAA,CAAC;QAAAF,SAAA,EAAgB,~~GAAAV~~,SAAA,~~SAAqB~~;QAAAW,QAAA,EACnCJ,CAAA,CAAE;UAAAH,KAAA;UAAAS,KAAA,~~EAAyC~~;~~QAAA,CAAG~~;~~MAAA~~,C,~~GAEhDR~~,WAAA,~~IAAeA~~,~~WAAA~~,~~CAAAS~~,~~MAAA~~,~~IAAqB,~~IACnCL,KAAA,~~CAAAZ~~,KAAA,CAAAkB,~~QAAA~~;QAAAJ,QAAA,~~GACEC~~,IAAA,CAAC;UAAAD,QAAA,EAAK;~~QAAA~~,~~C,GACNC,~~IAAA,CAAC;UAAAF,SAAA,EAAe,~~GAAAV~~,SAAA,~~WAAuB~~;UAAAW,QAAA,EAAGN~~;QAAA,C;~~UAG7CC,~~gBAAA~~,~~IAAoBA~~,gBAAA,CAAAQ,~~MAAA~~,~~IAA0B~~,IAC7CL,KAAA,~~CAAAZ~~,KAAA,CAAAkB,~~QAAA~~;QAAAJ,QAAA,~~GACEC~~,IAAA,CAAC;UAAAD,QAAA,EAAK;~~QAAA~~,~~C,GACNC,~~IAAA,CAAC;UAAAF,SAAA,EAAe,~~GAAAV~~,SAAA,~~WAAuB~~;UAAAW,QAAA,EAAGL~~;QAAA,C;;;;;;;;;;;~~SAbhDE,E;;AAqBJ,OAAO,SAASQ,oBAAoB;EAAEL,QAAQ;EAAED,SAAS;EAAE,GAAGO;AAAA,CAAiC;EAC7F,oBACEL,IAAA,CAACb,MAAA;IACE,GAAGkB,KAAK;IACTC,WAAA,EAAY;IACZR,SAAA,EAAW,CAAC,GAAGV,SAAA,UAAmB,EAAEU,SAAA,CAAU,CAACS,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAEnEV;;AAGP","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","baseClass","ListSelection_v4","t0","$","count","ListActions","SelectionActions","t","t1","_jsxs","className","children","_jsx","label","length","Fragment","ListSelectionButton","props","buttonStyle","filter","Boolean","join"],"sources":["../../../src/elements/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'list-selection'\n\ntype ListSelection_v4Props = {\n /*\n The count of selected items\n /\n readonly count: number\n /\n Actions that apply to the list as a whole\n \n @example select all, clear selection\n /\n readonly ListActions?: React.ReactNode[]\n /\n Actions that apply to the selected items\n \n @example edit, delete, publish, unpublish\n */\n readonly SelectionActions?: React.ReactNode[]\n}\nexport function ListSelection_v4({ count, ListActions, SelectionActions }: ListSelection_v4Props) {\n const { t } = useTranslation()\n\n return (\n <div className={baseClass}>\n <span className={`${baseClass}__count`}>\n {t('general:selectedCount', { count, label: '' })}\n </span>\n {ListActions && ListActions.length > 0 && (\n <React.Fragment>\n <span>—</span>\n <div className={`${baseClass}__actions`}>{ListActions}</div>\n </React.Fragment>\n )}\n {SelectionActions && SelectionActions.length > 0 && (\n <React.Fragment>\n <span>—</span>\n <div className={`${baseClass}__actions`}>{SelectionActions}</div>\n </React.Fragment>\n )}\n </div>\n )\n}\n\ntype ListSelectionButtonProps = {} & ButtonProps\nexport function ListSelectionButton({ children, className, ...props }: ListSelectionButtonProps) {\n return (\n <Button\n {...props}\n buttonStyle=\"ghost\"\n className={[`${baseClass}__button`, className].filter(Boolean).join(' ')}\n >\n {children}\n </Button>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAoBlB,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA0B;IAAAQ,KAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAA+D;EAC9F;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,gBAAA,IAAAH,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAeV,SAAA;MAAAW,QAAA,E,CACdC,IAAA,CAAC;QAAAF,SAAA,EAAgB,GAAGV,SAAA,SAAkB;QAAAW,QAAA,EACnCJ,CAAA,CAAE,yBAAyB;UAAAH,KAAA;UAAAS,KAAA,EAAgB;QAAG;UAEhDR,WAAoC,IAArBA,WAAA,CAAAS,MAAkB,GAAG,C,IACnCL,KAAA,CAACZ,KAAA,CAAAkB,QAAc;QAAAJ,QAAA,E,CACbC,IAAA,CAAC;UAAAD,QAAA,EAAK;YACNC,IAAA,CAAC;UAAAF,SAAA,EAAe,GAAGV,SAAA,WAAoB;UAAAW,QAAA,EAAGN;;UAG7CC,gBAA8C,IAA1BA,gBAAA,CAAAQ,MAAuB,GAAG,C,IAC7CL,KAAA,CAACZ,KAAA,CAAAkB,QAAc;QAAAJ,QAAA,E,CACbC,IAAA,CAAC;UAAAD,QAAA,EAAK;YACNC,IAAA,CAAC;UAAAF,SAAA,EAAe,GAAGV,SAAA,WAAoB;UAAAW,QAAA,EAAGL;;;;;;;;;;;;SAbhDE,E;;AAqBJ,OAAO,SAASQ,oBAAoB;EAAEL,QAAQ;EAAED,SAAS;EAAE,GAAGO;AAAA,CAAiC;EAC7F,oBACEL,IAAA,CAACb,MAAA;IACE,GAAGkB,KAAK;IACTC,WAAA,EAAY;IACZR,SAAA,EAAW,CAAC,GAAGV,SAAA,UAAmB,EAAEU,SAAA,CAAU,CAACS,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAEnEV;;AAGP","ignoreList":[]}

package/dist/elements/ListWhereBuilder/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useListQuery","WhereBuilder","ListWhereBuilder","t0","$","collectionPluralLabel","collectionSlug","fields","onEmptyRemove","renderedFilters","resolvedFilterOptions","handleWhereChange","query","t1","where","handleChange","t2","t3","_jsx","onChange","value"],"sources":["../../../src/elements/ListWhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, ResolvedFilterOptions, SanitizedCollectionConfig } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\n\nexport type ListWhereBuilderProps = {\n readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural']\n readonly collectionSlug: SanitizedCollectionConfig['slug']\n readonly fields: ClientField[]\n readonly onEmptyRemove?: () => void\n readonly renderedFilters?: Map<string, React.ReactNode>\n readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n\n/*\n Wires {@link WhereBuilder} to the list view's query state, reading the current `where`\n * from {@link useListQuery} and persisting edits back to the URL.\n */\nexport const ListWhereBuilder: React.FC<ListWhereBuilderProps> = ({\n collectionPluralLabel,\n collectionSlug,\n fields,\n onEmptyRemove,\n renderedFilters,\n resolvedFilterOptions,\n}) => {\n const { handleWhereChange, query } = useListQuery()\n\n const handleChange = useCallback(\n (where: Parameters<typeof handleWhereChange>[0]) => handleWhereChange(where),\n [handleWhereChange],\n )\n\n return (\n <WhereBuilder\n collectionPluralLabel={collectionPluralLabel}\n collectionSlug={collectionSlug}\n fields={fields}\n onChange={handleChange}\n onEmptyRemove={onEmptyRemove}\n renderedFilters={renderedFilters}\n resolvedFilterOptions={resolvedFilterOptions}\n value={query?.where}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAW7B;;;;AAIA,OAAO,MAAMC,gBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,qBAAA;IAAAC,cAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAP,EAOjE;EACC;IAAAQ,iBAAA;IAAAC;EAAA,IAAqCZ,YAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAO,iBAAA;IAGnCE,EAAA,GAAAC,KAAA,IAAoDH,iBAAA,CAAkBG,KAAA;IAAAV,CAAA,MAAAO,iBAAA;IAAAP,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EADxE,MAAAW,YAAA,GAAqBF,EAEA;EAYV,MAAAG,EAAA,GAAAJ,KAAA,EAAAE,~~KAAA~~;~~EAAO~~,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAW,YAAA,IAAAX,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAM,qBAAA,IAAAN,CAAA,QAAAY,EAAA;IARhBC,EAAA,GAAAC,IAAA,~~CAAAjB~~,YAAA;MAAAI,qBAAA;MAAAC,cAAA;MAAAC,MAAA;MAAAY,QAAA,~~EAIYJ~~,YAAA;MAAAP,aAAA;MAAAC,eAAA;MAAAC,qBAAA;MAAAU,KAAA,EAIHJ~~;IAAO~~,~~C;;;;;;;;;;;;;SARhBC,~~E;CAWJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useListQuery","WhereBuilder","ListWhereBuilder","t0","$","collectionPluralLabel","collectionSlug","fields","onEmptyRemove","renderedFilters","resolvedFilterOptions","handleWhereChange","query","t1","where","handleChange","t2","t3","_jsx","onChange","value"],"sources":["../../../src/elements/ListWhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, ResolvedFilterOptions, SanitizedCollectionConfig } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\n\nexport type ListWhereBuilderProps = {\n readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural']\n readonly collectionSlug: SanitizedCollectionConfig['slug']\n readonly fields: ClientField[]\n readonly onEmptyRemove?: () => void\n readonly renderedFilters?: Map<string, React.ReactNode>\n readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n\n/*\n Wires {@link WhereBuilder} to the list view's query state, reading the current `where`\n * from {@link useListQuery} and persisting edits back to the URL.\n */\nexport const ListWhereBuilder: React.FC<ListWhereBuilderProps> = ({\n collectionPluralLabel,\n collectionSlug,\n fields,\n onEmptyRemove,\n renderedFilters,\n resolvedFilterOptions,\n}) => {\n const { handleWhereChange, query } = useListQuery()\n\n const handleChange = useCallback(\n (where: Parameters<typeof handleWhereChange>[0]) => handleWhereChange(where),\n [handleWhereChange],\n )\n\n return (\n <WhereBuilder\n collectionPluralLabel={collectionPluralLabel}\n collectionSlug={collectionSlug}\n fields={fields}\n onChange={handleChange}\n onEmptyRemove={onEmptyRemove}\n renderedFilters={renderedFilters}\n resolvedFilterOptions={resolvedFilterOptions}\n value={query?.where}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAW7B;;;;AAIA,OAAO,MAAMC,gBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,qBAAA;IAAAC,cAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAP,EAOjE;EACC;IAAAQ,iBAAA;IAAAC;EAAA,IAAqCZ,YAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAO,iBAAA;IAGnCE,EAAA,GAAAC,KAAA,IAAoDH,iBAAA,CAAkBG,KAAA;IAAAV,CAAA,MAAAO,iBAAA;IAAAP,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EADxE,MAAAW,YAAA,GAAqBF,EAEA;EAYV,MAAAG,EAAA,GAAAJ,KAAA,EAAAE,KAAO;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAW,YAAA,IAAAX,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAM,qBAAA,IAAAN,CAAA,QAAAY,EAAA;IARhBC,EAAA,GAAAC,IAAA,CAACjB,YAAA;MAAAI,qBAAA;MAAAC,cAAA;MAAAC,MAAA;MAAAY,QAAA,EAIWJ,YAAA;MAAAP,aAAA;MAAAC,eAAA;MAAAC,qBAAA;MAAAU,KAAA,EAIHJ;;;;;;;;;;;;;;SARTC,E;CAWJ","ignoreList":[]}

package/dist/elements/LivePreview/DeviceContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useLivePreviewContext","DeviceContainer","props","$","children","breakpoint","breakpoints","size","zoom","foundBreakpoint","find","bp","name","x","margin","width","height","scaledWidth","difference","t0","t1","t2","t3","_jsx","style","transform"],"sources":["../../../../src/elements/LivePreview/DeviceContainer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\n\nexport const DeviceContainer: React.FC<{\n children: React.ReactNode\n}> = (props) => {\n const { children } = props\n\n const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext()\n\n const foundBreakpoint = breakpoint && breakpoints?.find((bp) => bp.name === breakpoint)\n\n let x = '0'\n let margin = '0'\n\n if (foundBreakpoint && breakpoint !== 'responsive') {\n x = '-50%'\n\n if (\n typeof zoom === 'number' &&\n typeof size.width === 'number' &&\n typeof size.height === 'number'\n ) {\n const scaledWidth = size.width / zoom\n const difference = scaledWidth - size.width\n x = `${difference / 2}px`\n margin = '0 auto'\n }\n }\n\n return (\n <div\n style={{\n height:\n foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n : typeof zoom === 'number'\n ? `${100 / zoom}%`\n : '100%',\n margin,\n transform: `translate3d(${x}, 0, 0)`,\n width:\n foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n : typeof zoom === 'number'\n ? `${100 / zoom}%`\n : '100%',\n }}\n >\n {children}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM;EAAA,IAAqBF,KAAA;EAErB;IAAAG,UAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAgDR,qBAAA;EAEhD,MAAAS,eAAA,GAAwBJ,~~UAAA~~,~~IAAcC~~,WAAA,EAAAI,~~IAAA~~,~~CAAAC~~,EAAA,~~IAA0BA~~,EAAA,CAAAC,~~IAAA~~,~~KAAYP~~,UAAA;EAE5E,IAAAQ,CAAA,GAAQ;EACR,IAAAC,MAAA,GAAa;~~EAAA~~,~~IAETL~~,~~eAAA~~,~~IAAmBJ~~,UAAA,KAAe;IACpCQ,CAAA,CAAAA,CAAA,CAAIA,MAAA;~~IAAJ~~,~~IAGE~~,OAAOL,IAAA,KAAS,~~YAChB~~,OAAOD,IAAA,CAAAQ,~~KAAA~~,~~KAAe~~,~~YACtB~~,OAAOR,IAAA,CAAAS,~~MAAA~~,~~KAAgB~~;MAEvB,MAAAC,WAAA,GAAoBV,IAAA,CAAAQ,~~KAAA~~,~~GAAaP~~,IAAA;MACjC,MAAAU,UAAA,GAAmBD,WAAA,GAAcV,IAAA,CAAAQ,KAAU;MAC3CF,CAAA,CAAAA,CAAA,CAAIA,GAAGK,UAAA,~~IAAa~~,~~IAAK~~;MACzBJ,MAAA,CAAAA,CAAA,CAASA,QAAA;IAAT;~~EAAA~~;~~EAQI~~,MAAAK,EAAA,GAAAV,~~eAAA~~,~~IAAmBA~~,eAAA,EAAAG,~~IAAA~~,~~KAA0B~~,~~eACzC~~,~~GAAGL~~,IAAA,EAAAS,~~MAAA~~,~~IAAgB~~,OAAOR,IAAA,KAAS,~~WAAWA~~,~~IAAA~~,~~IAAO~~,~~KAAM~~,~~GAC3D~~,OAAOA,IAAA,KAAS,~~WACd~~,~~GAAG~~,MAAMA,IAAA,~~GAAO~~,~~GAChB~~;EAEG,MAAAY,EAAA,kBAAeP,CAAA,SAAU;EAElC,MAAAQ,EAAA,GAAAZ,~~eAAA~~,~~IAAmBA~~,eAAA,EAAAG,~~IAAA~~,~~KAA0B~~,~~eACzC~~,~~GAAGL~~,IAAA,EAAAQ,~~KAAA~~,~~IAAe~~,OAAOP,IAAA,KAAS,~~WAAWA~~,~~IAAA~~,~~IAAO~~,~~KAAM~~,~~GAC1D~~,OAAOA,IAAA,KAAS,~~WACd~~,~~GAAG~~,MAAMA,IAAA,~~GAAO~~,~~GAChB~~;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAkB,EAAA;IAfZC,EAAA,GAAAC,IAAA,CAAC;MAAAC,KAAA;QAAAR,MAAA,~~EAGKG~~,EAIM;QAAAL,MAAA;QAAAW,SAAA,EAEGL,EAAyB;QAAAL,KAAA,EAElCM;~~MAIM~~;MAAAjB~~;IAAA~~,~~C;;;;;;;;;;SAfZkB,~~E;CAqBJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useLivePreviewContext","DeviceContainer","props","$","children","breakpoint","breakpoints","size","zoom","foundBreakpoint","find","bp","name","x","margin","width","height","scaledWidth","difference","t0","t1","t2","t3","_jsx","style","transform"],"sources":["../../../../src/elements/LivePreview/DeviceContainer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\n\nexport const DeviceContainer: React.FC<{\n children: React.ReactNode\n}> = (props) => {\n const { children } = props\n\n const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext()\n\n const foundBreakpoint = breakpoint && breakpoints?.find((bp) => bp.name === breakpoint)\n\n let x = '0'\n let margin = '0'\n\n if (foundBreakpoint && breakpoint !== 'responsive') {\n x = '-50%'\n\n if (\n typeof zoom === 'number' &&\n typeof size.width === 'number' &&\n typeof size.height === 'number'\n ) {\n const scaledWidth = size.width / zoom\n const difference = scaledWidth - size.width\n x = `${difference / 2}px`\n margin = '0 auto'\n }\n }\n\n return (\n <div\n style={{\n height:\n foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n : typeof zoom === 'number'\n ? `${100 / zoom}%`\n : '100%',\n margin,\n transform: `translate3d(${x}, 0, 0)`,\n width:\n foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n : typeof zoom === 'number'\n ? `${100 / zoom}%`\n : '100%',\n }}\n >\n {children}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM;EAAA,IAAqBF,KAAA;EAErB;IAAAG,UAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAgDR,qBAAA;EAEhD,MAAAS,eAAA,GAAwBJ,UAAoD,IAAtCC,WAAA,EAAAI,IAAsC,CAApBC,EAAA,IAAQA,EAAA,CAAAC,IAAO,KAAKP,UAAA;EAE5E,IAAAQ,CAAA,GAAQ;EACR,IAAAC,MAAA,GAAa;EAEb,IAAIL,eAAkC,IAAfJ,UAAA,KAAe;IACpCQ,CAAA,CAAAA,CAAA,CAAIA,MAAA;IAEJ,IACE,OAAOL,IAAA,KAAS,QACM,IAAtB,OAAOD,IAAA,CAAAQ,KAAU,KAAK,QACC,IAAvB,OAAOR,IAAA,CAAAS,MAAW,KAAK;MAEvB,MAAAC,WAAA,GAAoBV,IAAA,CAAAQ,KAAU,GAAGP,IAAA;MACjC,MAAAU,UAAA,GAAmBD,WAAA,GAAcV,IAAA,CAAAQ,KAAU;MAC3CF,CAAA,CAAAA,CAAA,CAAIA,GAAGK,UAAA,GAAa,KAAK;MACzBJ,MAAA,CAAAA,CAAA,CAASA,QAAA;IAAT;EACF;EAOM,MAAAK,EAAA,GAAAV,eAA6C,IAA1BA,eAAA,EAAAG,IAAiB,KAAS,YAIvC,GAJN,GACOL,IAAA,EAAAS,MAAM,IAAU,OAAOR,IAAA,KAAS,QAAkB,GAAlCA,IAAkC,GAAlC,CAAkC,KAGnD,GAFF,OAAOA,IAAA,KAAS,QAEd,GAFF,GACK,MAAMA,IAAA,GACT,GAFF,MAEE;EAEG,MAAAY,EAAA,kBAAeP,CAAA,SAAU;EAElC,MAAAQ,EAAA,GAAAZ,eAA6C,IAA1BA,eAAA,EAAAG,IAAiB,KAAS,YAIvC,GAJN,GACOL,IAAA,EAAAQ,KAAM,IAAS,OAAOP,IAAA,KAAS,QAAkB,GAAlCA,IAAkC,GAAlC,CAAkC,KAGlD,GAFF,OAAOA,IAAA,KAAS,QAEd,GAFF,GACK,MAAMA,IAAA,GACT,GAFF,MAEE;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAkB,EAAA;IAfZC,EAAA,GAAAC,IAAA,CAAC;MAAAC,KAAA,EACQ;QAAAR,MAAA,EAEHG,EAIM;QAAAL,MAAA;QAAAW,SAAA,EAEGL,EAAyB;QAAAL,KAAA,EAElCM;MAKJ;MAAAjB;;;;;;;;;;;SAhBFkB,E;CAqBJ","ignoreList":[]}

package/dist/elements/LivePreview/Toolbar/Controls/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CollapseIcon","ExpandIcon","NewTabIcon","useLivePreviewContext","useTranslation","Button","Popup","PopupList","PreviewFrameSizeInput","baseClass","zoomOptions","ToolbarControls","$","breakpoint","breakpoints","isExpanded","openPopupWindow","setBreakpoint","setIsExpanded","setIsLivePreviewing","setZoom","zoom","t","t0","customOption","label","value","t2","t3","close","close_0","_jsx","RadioGroup","children","Fragment","map","zoomValue","isActive_0","_jsxs","RadioGroupItem","active","isActive","onClick","buttonProps_0","buttonProps","buttonStyle","icon","size","className","t4","t5","e","preventDefault","length","horizontalAlign","popupType","render","t1","bp","name","find","bp_0","axis","tooltip"],"sources":["../../../../../src/elements/LivePreview/Toolbar/Controls/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { CollapseIcon } from '../../../../icons/Collapse/index.js'\nimport { ExpandIcon } from '../../../../icons/Expand/index.js'\nimport { NewTabIcon } from '../../../../icons/NewTab/index.js'\nimport { useLivePreviewContext } from '../../../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { Popup, PopupList } from '../../../Popup/index.js'\nimport { PreviewFrameSizeInput } from '../SizeInput/index.js'\nimport './index.css'\n\nconst baseClass = 'live-preview-toolbar-controls'\nconst zoomOptions = [50, 75, 100, 125, 150, 200]\n\nexport const ToolbarControls: React.FC<EditViewProps> = () => {\n const {\n breakpoint,\n breakpoints,\n isExpanded,\n openPopupWindow,\n setBreakpoint,\n setIsExpanded,\n setIsLivePreviewing,\n setZoom,\n zoom,\n } = useLivePreviewContext()\n\n const { t } = useTranslation()\n\n const customOption = {\n label: t('general:custom'),\n value: 'custom',\n }\n\n return (\n <div className={baseClass}>\n {breakpoints?.length > 0 && (\n <Popup\n className={`${baseClass}__breakpoint`}\n horizontalAlign=\"right\"\n popupType=\"menu\"\n render={({ close }) => (\n <PopupList.RadioGroup>\n <React.Fragment>\n {breakpoints.map((bp) => {\n const isActive = bp.name == breakpoint\n return (\n <PopupList.RadioGroupItem\n active={isActive}\n key={bp.name}\n onClick={() => {\n setBreakpoint(bp.name)\n close()\n }}\n >\n {bp.label}\n </PopupList.RadioGroupItem>\n )\n })}\n {/* Dynamically add this option so that it only appears when the width and height inputs are explicitly changed /}\n {breakpoint === 'custom' && (\n <PopupList.RadioGroupItem\n active={breakpoint == customOption.value}\n onClick={() => {\n setBreakpoint(customOption.value)\n close()\n }}\n >\n {customOption.label}\n </PopupList.RadioGroupItem>\n )}\n </React.Fragment>\n </PopupList.RadioGroup>\n )}\n renderButton={(buttonProps) => (\n <Button {...buttonProps} buttonStyle=\"secondary\" icon={<ChevronIcon size={16} />}>\n {breakpoints.find((bp) => bp.name == breakpoint)?.label ?? customOption.label}\n </Button>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n )}\n <div className={`${baseClass}__center`}>\n <PreviewFrameSizeInput axis=\"x\" />\n <PreviewFrameSizeInput axis=\"y\" />\n <Popup\n className={`${baseClass}__zoom`}\n horizontalAlign=\"right\"\n popupType=\"menu\"\n render={({ close }) => (\n <PopupList.RadioGroup>\n <React.Fragment>\n {zoomOptions.map((zoomValue) => {\n const isActive = zoom 100 == zoomValue\n return (\n <PopupList.RadioGroupItem\n active={isActive}\n key={zoomValue}\n onClick={() => {\n setZoom(zoomValue / 100)\n close()\n }}\n >\n {zoomValue}%\n </PopupList.RadioGroupItem>\n )\n })}\n </React.Fragment>\n </PopupList.RadioGroup>\n )}\n renderButton={(buttonProps) => (\n <Button\n {...buttonProps}\n aria-label={`Zoom ${zoom * 100}%`}\n buttonStyle=\"pill\"\n icon={<ChevronIcon size={16} />}\n >\n <span className={`${baseClass}__zoom-percentage`}>%</span>\n {zoom * 100}\n </Button>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n </div>\n <div className={`${baseClass}__end`}>\n <Button\n aria-label={isExpanded ? t('general:collapse') : t('general:expand')}\n buttonStyle=\"ghost\"\n icon={isExpanded ? <CollapseIcon size={16} /> : <ExpandIcon size={16} />}\n onClick={() => setIsExpanded(!isExpanded)}\n tooltip={isExpanded ? t('general:collapse') : t('general:expand')}\n />\n <Button\n aria-label={t('general:openInNewWindow')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__external`}\n icon={<NewTabIcon size={16} />}\n onClick={(e) => {\n e.preventDefault()\n openPopupWindow()\n setIsLivePreviewing(false)\n }}\n tooltip={t('general:openInNewWindow')}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CollapseIcon","ExpandIcon","NewTabIcon","useLivePreviewContext","useTranslation","Button","Popup","PopupList","PreviewFrameSizeInput","baseClass","zoomOptions","ToolbarControls","$","breakpoint","breakpoints","isExpanded","openPopupWindow","setBreakpoint","setIsExpanded","setIsLivePreviewing","setZoom","zoom","t","t0","customOption","label","value","t2","t3","close","close_0","_jsx","RadioGroup","children","Fragment","map","zoomValue","isActive_0","_jsxs","RadioGroupItem","active","isActive","onClick","buttonProps_0","buttonProps","buttonStyle","icon","size","className","t4","t5","e","preventDefault","length","horizontalAlign","popupType","render","t1","bp","name","find","bp_0","verticalAlign","axis","tooltip"],"sources":["../../../../../src/elements/LivePreview/Toolbar/Controls/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { CollapseIcon } from '../../../../icons/Collapse/index.js'\nimport { ExpandIcon } from '../../../../icons/Expand/index.js'\nimport { NewTabIcon } from '../../../../icons/NewTab/index.js'\nimport { useLivePreviewContext } from '../../../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { Popup, PopupList } from '../../../Popup/index.js'\nimport { PreviewFrameSizeInput } from '../SizeInput/index.js'\nimport './index.css'\n\nconst baseClass = 'live-preview-toolbar-controls'\nconst zoomOptions = [50, 75, 100, 125, 150, 200]\n\nexport const ToolbarControls: React.FC<EditViewProps> = () => {\n const {\n breakpoint,\n breakpoints,\n isExpanded,\n openPopupWindow,\n setBreakpoint,\n setIsExpanded,\n setIsLivePreviewing,\n setZoom,\n zoom,\n } = useLivePreviewContext()\n\n const { t } = useTranslation()\n\n const customOption = {\n label: t('general:custom'),\n value: 'custom',\n }\n\n return (\n <div className={baseClass}>\n {breakpoints?.length > 0 && (\n <Popup\n className={`${baseClass}__breakpoint`}\n horizontalAlign=\"right\"\n popupType=\"menu\"\n render={({ close }) => (\n <PopupList.RadioGroup>\n <React.Fragment>\n {breakpoints.map((bp) => {\n const isActive = bp.name == breakpoint\n return (\n <PopupList.RadioGroupItem\n active={isActive}\n key={bp.name}\n onClick={() => {\n setBreakpoint(bp.name)\n close()\n }}\n >\n {bp.label}\n </PopupList.RadioGroupItem>\n )\n })}\n {/* Dynamically add this option so that it only appears when the width and height inputs are explicitly changed /}\n {breakpoint === 'custom' && (\n <PopupList.RadioGroupItem\n active={breakpoint == customOption.value}\n onClick={() => {\n setBreakpoint(customOption.value)\n close()\n }}\n >\n {customOption.label}\n </PopupList.RadioGroupItem>\n )}\n </React.Fragment>\n </PopupList.RadioGroup>\n )}\n renderButton={(buttonProps) => (\n <Button {...buttonProps} buttonStyle=\"secondary\" icon={<ChevronIcon size={16} />}>\n {breakpoints.find((bp) => bp.name == breakpoint)?.label ?? customOption.label}\n </Button>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n )}\n <div className={`${baseClass}__center`}>\n <PreviewFrameSizeInput axis=\"x\" />\n <PreviewFrameSizeInput axis=\"y\" />\n <Popup\n className={`${baseClass}__zoom`}\n horizontalAlign=\"right\"\n popupType=\"menu\"\n render={({ close }) => (\n <PopupList.RadioGroup>\n <React.Fragment>\n {zoomOptions.map((zoomValue) => {\n const isActive = zoom 100 == zoomValue\n return (\n <PopupList.RadioGroupItem\n active={isActive}\n key={zoomValue}\n onClick={() => {\n setZoom(zoomValue / 100)\n close()\n }}\n >\n {zoomValue}%\n </PopupList.RadioGroupItem>\n )\n })}\n </React.Fragment>\n </PopupList.RadioGroup>\n )}\n renderButton={(buttonProps) => (\n <Button\n {...buttonProps}\n aria-label={`Zoom ${zoom * 100}%`}\n buttonStyle=\"pill\"\n icon={<ChevronIcon size={16} />}\n >\n <span className={`${baseClass}__zoom-percentage`}>%</span>\n {zoom * 100}\n </Button>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n </div>\n <div className={`${baseClass}__end`}>\n <Button\n aria-label={isExpanded ? t('general:collapse') : t('general:expand')}\n buttonStyle=\"ghost\"\n icon={isExpanded ? <CollapseIcon size={16} /> : <ExpandIcon size={16} />}\n onClick={() => setIsExpanded(!isExpanded)}\n tooltip={isExpanded ? t('general:collapse') : t('general:expand')}\n />\n <Button\n aria-label={t('general:openInNewWindow')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__external`}\n icon={<NewTabIcon size={16} />}\n onClick={(e) => {\n e.preventDefault()\n openPopupWindow()\n setIsLivePreviewing(false)\n }}\n tooltip={t('general:openInNewWindow')}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LivePreview/Toolbar/SizeInput/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","NumberInput","useLivePreviewContext","useTranslation","baseClass","PreviewFrameSizeInput","props","$","axis","breakpoint","measuredDeviceSize","setBreakpoint","setSize","size","zoom","t","internalState","setInternalState","useState","width","height","t0","value","newValue","Number","type","toFixed","handleChange","t1","direction","currentValue","newValue_0","handleStep","t2","t3","t4","t5","e","target","_jsx","ariaLabel","className","min","onChange","onStep","path","prefix","step"],"sources":["../../../../../src/elements/LivePreview/Toolbar/SizeInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { NumberInput } from '../../../../fields/Number/index.js'\nimport { useLivePreviewContext } from '../../../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'toolbar-input'\n\nexport const PreviewFrameSizeInput: React.FC<{\n axis?: 'x' \| 'y'\n}> = (props) => {\n const { axis } = props\n\n const { breakpoint, measuredDeviceSize, setBreakpoint, setSize, size, zoom } =\n useLivePreviewContext()\n\n const { t } = useTranslation()\n\n const [internalState, setInternalState] = React.useState<number>(\n (axis === 'x' ? measuredDeviceSize?.width : measuredDeviceSize?.height) \|\| 0,\n )\n\n // when the input is changed manually, we need to set the breakpoint as `custom`\n // this will then allow us to set an explicit width and height\n const handleChange = useCallback(\n (value: string) => {\n let newValue = Number(value)\n\n if (newValue < 0) {\n newValue = 0\n }\n\n setInternalState(newValue)\n setBreakpoint('custom')\n\n // be sure to set _both_ axis values to so that the other axis doesn't fallback to 0 on initial change\n // this is because the `responsive` size is '100%' in CSS, and `0` in initial state\n setSize({\n type: 'reset',\n value: {\n height: axis === 'y' ? newValue : Number(measuredDeviceSize?.height.toFixed(0)) * zoom,\n width: axis === 'x' ? newValue : Number(measuredDeviceSize?.width.toFixed(0)) * zoom,\n },\n })\n },\n [axis, setBreakpoint, measuredDeviceSize, setSize, zoom],\n )\n\n const handleStep = useCallback(\n (direction: 'down' \| 'up') => {\n const currentValue = internalState \|\| 0\n let newValue = direction === 'up' ? currentValue + 1 : currentValue - 1\n\n if (newValue < 0) {\n newValue = 0\n }\n\n setInternalState(newValue)\n setBreakpoint('custom')\n\n setSize({\n type: 'reset',\n value: {\n height: axis === 'y' ? newValue : Number(measuredDeviceSize?.height.toFixed(0)) * zoom,\n width: axis === 'x' ? newValue : Number(measuredDeviceSize?.width.toFixed(0)) * zoom,\n },\n })\n },\n [axis, internalState, measuredDeviceSize, setBreakpoint, setSize, zoom],\n )\n\n // if the breakpoint is `responsive` then the device's div will have `100%` width and height\n // so we need to take the measurements provided by `actualDeviceSize` and sync internal state\n useEffect(() => {\n if (breakpoint === 'responsive' && measuredDeviceSize) {\n if (axis === 'x') {\n setInternalState(Number(measuredDeviceSize.width.toFixed(0)) * zoom)\n } else {\n setInternalState(Number(measuredDeviceSize.height.toFixed(0)) * zoom)\n }\n }\n\n if (breakpoint !== 'responsive' && size) {\n setInternalState(axis === 'x' ? size.width : size.height)\n }\n }, [breakpoint, axis, measuredDeviceSize, size, zoom])\n\n return (\n <NumberInput\n ariaLabel={axis === 'x' ? t('upload:width') : t('upload:height')}\n className={baseClass}\n min={0}\n onChange={(e) => handleChange(e.target.value)}\n onStep={handleStep}\n path={axis === 'x' ? 'live-preview-width' : 'live-preview-height'}\n prefix={axis === 'x' ? 'W' : 'H'}\n size=\"medium\"\n step={1}\n value={internalState \|\| 0}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,QAAQ;AAE9C,SAASC,WAAW,QAAQ;AAC5B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACH;IAAAW;EAAA,IAAiBF,KAAA;EAEjB;IAAAG,UAAA;IAAAC,kBAAA;IAAAC,aAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC;EAAA,IACEZ,qBAAA;EAEF;IAAAa;EAAA,IAAcZ,cAAA;EAEd,OAAAa,aAAA,EAAAC,gBAAA,IAA0CnB,KAAA,CAAAoB,~~QAAA~~,~~CACxC~~,CAACV,IAAA,KAAS,~~MAAME~~,kBAAA,EAAAS,~~KAAA~~,~~GAA4BT~~,kBAAA,EAAAU,~~MAAyB~~,~~MAAM~~;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAG,kBAAA,EAAAU,MAAA,IAAAb,CAAA,QAAAG,kBAAA,EAAAS,KAAA,IAAAZ,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAO,IAAA;IAM3EO,EAAA,GAAAC,KAAA;MACE,IAAAC,QAAA,GAAeC,MAAA,CAAOF,KAAA;~~MAAA~~,~~IAElBC~~,QAAA,~~IAAW~~;QACbA,QAAA,CAAAA,CAAA,~~CAAAA~~,CAAA;~~MAAA~~;MAGFN,gBAAA,CAAiBM,QAAA;MACjBZ,aAAA,CAAc;MAIdC,OAAA;QAAAa,IAAA,~~EACQ~~;QAAAH,KAAA;UAAAF,MAAA,~~EAEIZ~~,IAAA,KAAS,~~MAAMe~~,~~QAAA~~,~~GAAWC~~,MAAA,CAAOd,kBAAA,EAAAU,~~MAAA~~,CAAAM,~~OAAA~~,~~GAAmC~~,~~IAAMZ,~~IAAA;UAAAK,KAAA,EAC3EX,IAAA,KAAS,~~MAAMe~~,~~QAAA~~,~~GAAWC~~,MAAA,CAAOd,kBAAA,EAAAS,~~KAAA~~,CAAAO,~~OAAA~~,~~GAAkC,IAAMZ~~;~~QAAA~~;~~MAAA,CAEpF~~;IAAA;~~IACFP~~,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAG,kBAAA,EAAAU,MAAA;IAAAb,CAAA,MAAAG,kBAAA,EAAAS,KAAA;IAAAZ,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAK,OAAA;IAAAL,CAAA,MAAAO,IAAA;IAAAP,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EApBF,MAAAoB,YAAA,GAAqBN,EAqBqC;EAAA,IAAAO,EAAA;EAAA,IAAArB,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAS,aAAA,IAAAT,CAAA,QAAAG,kBAAA,EAAAU,MAAA,IAAAb,CAAA,SAAAG,kBAAA,EAAAS,KAAA,IAAAZ,CAAA,SAAAI,aAAA,IAAAJ,CAAA,SAAAK,OAAA,IAAAL,CAAA,SAAAO,IAAA;IAIxDc,EAAA,GAAAC,SAAA;MACE,MAAAC,YAAA,GAAqBd,~~aAAA~~,~~KAAiB~~;MACtC,IAAAe,UAAA,GAAeF,SAAA,KAAc,~~OAAOC~~,YAAA,~~IAAe~~,~~GAAIA~~,YAAA,~~IAAe~~;~~MAAA~~,~~IAElEP~~,UAAA,~~IAAW~~;QACbA,UAAA,CAAAA,CAAA,~~CAAAA~~,CAAA;~~MAAA~~;MAGFN,gBAAA,CAAiBM,UAAA;MACjBZ,aAAA,CAAc;MAEdC,OAAA;QAAAa,IAAA,~~EACQ~~;QAAAH,KAAA;UAAAF,MAAA,~~EAEIZ~~,IAAA,KAAS,~~MAAMe~~,~~UAAA~~,~~GAAWC~~,MAAA,CAAOd,kBAAA,EAAAU,~~MAAA~~,CAAAM,~~OAAA~~,~~GAAmC~~,~~IAAMZ,~~IAAA;UAAAK,KAAA,EAC3EX,IAAA,KAAS,~~MAAMe~~,~~UAAA~~,~~GAAWC~~,MAAA,CAAOd,kBAAA,EAAAS,~~KAAA~~,CAAAO,~~OAAA~~,~~GAAkC,IAAMZ~~;~~QAAA~~;~~MAAA,CAEpF~~;IAAA;~~IACFP~~,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAS,aAAA;IAAAT,CAAA,MAAAG,kBAAA,EAAAU,MAAA;IAAAb,CAAA,OAAAG,kBAAA,EAAAS,KAAA;IAAAZ,CAAA,OAAAI,aAAA;IAAAJ,CAAA,OAAAK,OAAA;IAAAL,CAAA,OAAAO,IAAA;IAAAP,CAAA,OAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAnBF,MAAAyB,UAAA,GAAmBJ,EAoBsD;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA3B,CAAA,SAAAC,IAAA,IAAAD,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAG,kBAAA,IAAAH,CAAA,SAAAM,IAAA,IAAAN,CAAA,SAAAO,IAAA;IAK/DmB,EAAA,GAAAA,CAAA;~~MAAA~~,~~IACJxB~~,UAAA,KAAe,~~gBAAgBC~~,~~kBAAA~~;~~QAAA~~,~~IAC7BF~~,IAAA,KAAS;UACXS,gBAAA,CAAiBO,MAAA,CAAOd,kBAAA,CAAAS,~~KAAA~~,CAAAO,~~OAAA~~,~~EAAiC~~,~~KAAMZ~~,IAAA;QAAA;UAE/DG,gBAAA,CAAiBO,MAAA,CAAOd,kBAAA,CAAAU,~~MAAA~~,CAAAM,~~OAAA~~,~~EAAkC~~,~~KAAMZ~~,IAAA;QAAA;~~MAAA~~;~~MAAA~~,~~IAIhEL~~,UAAA,KAAe,~~gBAAgBI~~,~~IAAA~~;QACjCI,gBAAA,CAAiBT,IAAA,KAAS,~~MAAMK~~,IAAA,CAAAM,~~KAAA~~,~~GAAaN~~,IAAA,CAAAO,MAAW;MAAA;~~IAAA~~;~~IAEzDc~~,EAAA,IAACzB,UAAA,EAAYD,IAAA,EAAME,kBAAA,EAAoBG,IAAA,EAAMC,IAAA;~~IAAKP~~,CAAA,OAAAC,IAAA;IAAAD,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAG,kBAAA;IAAAH,CAAA,OAAAM,IAAA;IAAAN,CAAA,OAAAO,IAAA;IAAAP,CAAA,OAAA0B,EAAA;IAAA1B,CAAA,OAAA2B,EAAA;EAAA;IAAAD,EAAA,GAAA1B,CAAA;IAAA2B,EAAA,GAAA3B,CAAA;EAAA;EAZrDP,SAAA,CAAUiC,EAYV,EAAGC,EAAkD;EAAA,IAAAC,EAAA;EAAA,IAAA5B,CAAA,SAAAC,IAAA,IAAAD,CAAA,SAAAoB,YAAA,IAAApB,CAAA,SAAAyB,UAAA,IAAAzB,CAAA,SAAAS,aAAA,IAAAT,CAAA,SAAAQ,CAAA;IAAA,IAAAqB,EAAA;IAAA,IAAA7B,CAAA,SAAAoB,YAAA;MAOvCS,EAAA,GAAAC,CAAA,IAAOV,YAAA,CAAaU,CAAA,CAAAC,~~MAAA~~,CAAAhB,~~KAAc~~;MAAAf,CAAA,OAAAoB,YAAA;MAAApB,CAAA,OAAA6B,EAAA;IAAA;MAAAA,EAAA,GAAA7B,CAAA;IAAA;IAJ9C4B,EAAA,GAAAI,IAAA,~~CAAAtC~~,WAAA;MAAAuC,SAAA,~~EACahC~~,IAAA,KAAS,~~MAAMO~~,CAAA,CAAE,~~kBAAkBA~~,CAAA,CAAE;MAAA0B,SAAA,~~EAAArC~~,SAAA;MAAAsC,GAAA;MAAAC,QAAA,~~EAGtCP~~,EAAkC;MAAAQ,MAAA,EACpCZ,UAAA;MAAAa,IAAA,EACFrC,IAAA,KAAS,~~MAAM~~,~~uBAAuB~~;MAAAsC,MAAA,EACpCtC,IAAA,KAAS,~~MAAM~~,~~MAAM~~;MAAAK,IAAA,EACxB;MAAAkC,IAAA;MAAAzB,KAAA,~~EAEEN~~,~~aAAA;IAAiB~~,~~C;;;;;;;;;;SAV1BmB~~,E;CAaJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","NumberInput","useLivePreviewContext","useTranslation","baseClass","PreviewFrameSizeInput","props","$","axis","breakpoint","measuredDeviceSize","setBreakpoint","setSize","size","zoom","t","internalState","setInternalState","useState","width","height","t0","value","newValue","Number","type","toFixed","handleChange","t1","direction","currentValue","newValue_0","handleStep","t2","t3","t4","t5","e","target","_jsx","ariaLabel","className","min","onChange","onStep","path","prefix","step"],"sources":["../../../../../src/elements/LivePreview/Toolbar/SizeInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { NumberInput } from '../../../../fields/Number/index.js'\nimport { useLivePreviewContext } from '../../../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'toolbar-input'\n\nexport const PreviewFrameSizeInput: React.FC<{\n axis?: 'x' \| 'y'\n}> = (props) => {\n const { axis } = props\n\n const { breakpoint, measuredDeviceSize, setBreakpoint, setSize, size, zoom } =\n useLivePreviewContext()\n\n const { t } = useTranslation()\n\n const [internalState, setInternalState] = React.useState<number>(\n (axis === 'x' ? measuredDeviceSize?.width : measuredDeviceSize?.height) \|\| 0,\n )\n\n // when the input is changed manually, we need to set the breakpoint as `custom`\n // this will then allow us to set an explicit width and height\n const handleChange = useCallback(\n (value: string) => {\n let newValue = Number(value)\n\n if (newValue < 0) {\n newValue = 0\n }\n\n setInternalState(newValue)\n setBreakpoint('custom')\n\n // be sure to set _both_ axis values to so that the other axis doesn't fallback to 0 on initial change\n // this is because the `responsive` size is '100%' in CSS, and `0` in initial state\n setSize({\n type: 'reset',\n value: {\n height: axis === 'y' ? newValue : Number(measuredDeviceSize?.height.toFixed(0)) * zoom,\n width: axis === 'x' ? newValue : Number(measuredDeviceSize?.width.toFixed(0)) * zoom,\n },\n })\n },\n [axis, setBreakpoint, measuredDeviceSize, setSize, zoom],\n )\n\n const handleStep = useCallback(\n (direction: 'down' \| 'up') => {\n const currentValue = internalState \|\| 0\n let newValue = direction === 'up' ? currentValue + 1 : currentValue - 1\n\n if (newValue < 0) {\n newValue = 0\n }\n\n setInternalState(newValue)\n setBreakpoint('custom')\n\n setSize({\n type: 'reset',\n value: {\n height: axis === 'y' ? newValue : Number(measuredDeviceSize?.height.toFixed(0)) * zoom,\n width: axis === 'x' ? newValue : Number(measuredDeviceSize?.width.toFixed(0)) * zoom,\n },\n })\n },\n [axis, internalState, measuredDeviceSize, setBreakpoint, setSize, zoom],\n )\n\n // if the breakpoint is `responsive` then the device's div will have `100%` width and height\n // so we need to take the measurements provided by `actualDeviceSize` and sync internal state\n useEffect(() => {\n if (breakpoint === 'responsive' && measuredDeviceSize) {\n if (axis === 'x') {\n setInternalState(Number(measuredDeviceSize.width.toFixed(0)) * zoom)\n } else {\n setInternalState(Number(measuredDeviceSize.height.toFixed(0)) * zoom)\n }\n }\n\n if (breakpoint !== 'responsive' && size) {\n setInternalState(axis === 'x' ? size.width : size.height)\n }\n }, [breakpoint, axis, measuredDeviceSize, size, zoom])\n\n return (\n <NumberInput\n ariaLabel={axis === 'x' ? t('upload:width') : t('upload:height')}\n className={baseClass}\n min={0}\n onChange={(e) => handleChange(e.target.value)}\n onStep={handleStep}\n path={axis === 'x' ? 'live-preview-width' : 'live-preview-height'}\n prefix={axis === 'x' ? 'W' : 'H'}\n size=\"medium\"\n step={1}\n value={internalState \|\| 0}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LivePreview/Toolbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","useDraggable","React","AlignJustifiedIcon","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","$","toolbarPosition","t0","Symbol","for","id","attributes","listeners","setNodeRef","transform","t1","t2","x","t3","y","t4","_jsxs","className","join","style","left","top","undefined","children","_jsx","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"sources":["../../../../src/elements/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.css'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n const { toolbarPosition } = useLivePreviewContext()\n\n const { attributes, listeners, setNodeRef, transform } = useDraggable({\n id: 'live-preview-toolbar',\n })\n\n return (\n <div\n className={[baseClass, `${baseClass}--draggable`].join(' ')}\n style={{\n left: `${toolbarPosition.x}px`,\n top: `${toolbarPosition.y}px`,\n ...(transform\n ? {\n transform: transform\n ? `translate3d(${transform?.x \|\| 0}px, ${transform?.y \|\| 0}px, 0)`\n : undefined,\n }\n : {}),\n }}\n >\n <button\n {...listeners}\n {...attributes}\n className={`${baseClass}__drag-handle`}\n ref={setNodeRef}\n type=\"button\"\n >\n <AlignJustifiedIcon />\n </button>\n <ToolbarControls {...props} />\n </div>\n )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n return (\n <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n <ToolbarControls {...props} />\n </div>\n )\n}\n\nexport const LivePreviewToolbar: React.FC<\n {\n draggable?: boolean\n } & EditViewProps\n> = (props) => {\n const { draggable } = props\n\n if (draggable) {\n return <DraggableToolbar {...props} />\n }\n\n return <StaticToolbar {...props} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAChD;IAAAU;EAAA,IAA4BN,qBAAA;EAAA,IAAAO,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAE0CF,EAAA;MAAAG,EAAA,EAChE;~~IAAA~~;~~IACNL~~,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAFA;IAAAM,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAA,IAAyDjB,YAAA,CAAaU,EAEtE;EAAA,IAAAQ,EAAA;EAAA,IAAAV,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAIeM,EAAA,~~IAAAb~~,SAAA,~~EAAY~~,~~GAAAA~~,SAAA,~~aAAyB~~;~~IAACG~~,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAEzC,MAAAW,EAAA,MAAGV,eAAA,CAAAW,~~CAAA~~,~~IAAqB~~;EACzB,MAAAC,EAAA,MAAGZ,eAAA,CAAAa,~~CAAA~~,~~IAAqB~~;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,SAAA;IAJjCM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYP,EAAsC,CAAAQ,~~IAAA~~,~~CAAM~~;MAAAC,KAAA;QAAAC,IAAA,~~EAE/CT~~,EAAwB;QAAAU,GAAA,EACzBR,EAAwB;QAAA,IACzBJ,SAAA;UAAAA,SAAA,EAEaA,SAAA,~~GACP~~,~~eAAeA,~~SAAA,EAAAG,~~CAAA~~,~~KAAgB~~,OAAQH,SAAA,EAAAK,~~CAAA~~,~~KAAgB~~,~~QAAS~~,~~GAAAQ~~;~~QAChE~~,~~MAEJ~~;~~MAAA~~;MAAAC,QAAA,~~GAGRC~~,IAAA,CAAC;QAAA,GACKjB,SAAS;QAAA,GACTD,UAAU;QAAAW,SAAA,EACH,~~GAAApB~~,SAAA,~~eAA2B~~;QAAA4B,GAAA,EACjCjB,UAAA;QAAAkB,IAAA,EACA;QAAAH,QAAA,EAELC,IAAA,~~CAAA9B~~,kBAAA~~,IAAC~~;~~MAAA~~,~~C,GAEH8B,~~IAAA,~~CAAA5B~~,eAAA;QAAA,~~GAAqBG;MAAK~~,~~C;;;;;;;;;;;;;SAvB5BgB,~~E;CA0BJ;AAEA,MAAMY,aAAA,GAA0C5B,KAAA;EAC9C,oBACEyB,IAAA,CAAC;IAAIP,SAAA,EAAW,CAACpB,SAAA,EAAW,GAAGA,SAAA,UAAmB,CAAC,CAACqB,IAAI,CAAC;cACvD,aAAAM,IAAA,CAAC5B,eAAA;MAAiB,GAAGG;;;AAG3B;AAEA,OAAO,MAAM6B,kBAAA,GAIR7B,KAAA;EACH,MAAM;IAAE8B;EAAS,CAAE,GAAG9B,KAAA;EAEtB,IAAI8B,SAAA,EAAW;IACb,oBAAOL,IAAA,CAAC1B,gBAAA;MAAkB,GAAGC;;EAC/B;EAEA,oBAAOyB,IAAA,CAACG,aAAA;IAAe,GAAG5B;;AAC5B","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","useDraggable","React","AlignJustifiedIcon","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","$","toolbarPosition","t0","Symbol","for","id","attributes","listeners","setNodeRef","transform","t1","t2","x","t3","y","t4","_jsxs","className","join","style","left","top","undefined","children","_jsx","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"sources":["../../../../src/elements/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.css'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n const { toolbarPosition } = useLivePreviewContext()\n\n const { attributes, listeners, setNodeRef, transform } = useDraggable({\n id: 'live-preview-toolbar',\n })\n\n return (\n <div\n className={[baseClass, `${baseClass}--draggable`].join(' ')}\n style={{\n left: `${toolbarPosition.x}px`,\n top: `${toolbarPosition.y}px`,\n ...(transform\n ? {\n transform: transform\n ? `translate3d(${transform?.x \|\| 0}px, ${transform?.y \|\| 0}px, 0)`\n : undefined,\n }\n : {}),\n }}\n >\n <button\n {...listeners}\n {...attributes}\n className={`${baseClass}__drag-handle`}\n ref={setNodeRef}\n type=\"button\"\n >\n <AlignJustifiedIcon />\n </button>\n <ToolbarControls {...props} />\n </div>\n )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n return (\n <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n <ToolbarControls {...props} />\n </div>\n )\n}\n\nexport const LivePreviewToolbar: React.FC<\n {\n draggable?: boolean\n } & EditViewProps\n> = (props) => {\n const { draggable } = props\n\n if (draggable) {\n return <DraggableToolbar {...props} />\n }\n\n return <StaticToolbar {...props} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAChD;IAAAU;EAAA,IAA4BN,qBAAA;EAAA,IAAAO,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAE0CF,EAAA;MAAAG,EAAA,EAChE;IACN;IAAAL,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAFA;IAAAM,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAA,IAAyDjB,YAAA,CAAaU,EAEtE;EAAA,IAAAQ,EAAA;EAAA,IAAAV,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAIeM,EAAA,IAACb,SAAA,EAAW,GAAGA,SAAA,aAAsB,CAAC;IAAAG,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAEzC,MAAAW,EAAA,MAAGV,eAAA,CAAAW,CAAiB,IAAI;EACzB,MAAAC,EAAA,MAAGZ,eAAA,CAAAa,CAAiB,IAAI;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,SAAA;IAJjCM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYP,EAAsC,CAAAQ,IAAK,CAAC;MAAAC,KAAA,EAChD;QAAAC,IAAA,EACCT,EAAwB;QAAAU,GAAA,EACzBR,EAAwB;QAAA,IACzBJ,SAAA;UAAAA,SAAA,EAEaA,SAAA,kBACQA,SAAA,EAAAG,CAAgB,IAAhB,CAAgB,OAAQH,SAAA,EAAAK,CAAgB,IAAhB,CAAgB,QACvD,GAFOQ;QAIZ,CAAC,GANF,CAMC,CAAC;MACR;MAAAC,QAAA,E,CAEAC,IAAA,CAAC;QAAA,GACKjB,SAAS;QAAA,GACTD,UAAU;QAAAW,SAAA,EACH,GAAGpB,SAAA,eAAwB;QAAA4B,GAAA,EACjCjB,UAAA;QAAAkB,IAAA,EACA;QAAAH,QAAA,EAELC,IAAA,CAAC9B,kBAAA;UAEH8B,IAAA,CAAC5B,eAAA;QAAA,GAAoBG;;;;;;;;;;;;;;SAvBvBgB,E;CA0BJ;AAEA,MAAMY,aAAA,GAA0C5B,KAAA;EAC9C,oBACEyB,IAAA,CAAC;IAAIP,SAAA,EAAW,CAACpB,SAAA,EAAW,GAAGA,SAAA,UAAmB,CAAC,CAACqB,IAAI,CAAC;cACvD,aAAAM,IAAA,CAAC5B,eAAA;MAAiB,GAAGG;;;AAG3B;AAEA,OAAO,MAAM6B,kBAAA,GAIR7B,KAAA;EACH,MAAM;IAAE8B;EAAS,CAAE,GAAG9B,KAAA;EAEtB,IAAI8B,SAAA,EAAW;IACb,oBAAOL,IAAA,CAAC1B,gBAAA;MAAkB,GAAGC;;EAC/B;EAEA,oBAAOyB,IAAA,CAACG,aAAA;IAAe,GAAG5B;;AAC5B","ignoreList":[]}

package/dist/elements/LivePreview/ToolbarArea/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","useDroppable","React","baseClass","ToolbarArea","props","$","children","t0","Symbol","for","id","setNodeRef","t1","_jsx","className","ref"],"sources":["../../../../src/elements/LivePreview/ToolbarArea/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'toolbar-area'\n\nexport const ToolbarArea: React.FC<{\n children: React.ReactNode\n}> = (props) => {\n const { children } = props\n\n const { setNodeRef } = useDroppable({\n id: 'live-preview-area',\n })\n\n return (\n <div className={baseClass} ref={setNodeRef}>\n {children}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAAqBF,KAAA;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAEeF,EAAA;MAAAG,EAAA,EAC9B;~~IAAA~~;~~IACNL~~,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAFA;IAAAM;EAAA,IAAuBX,YAAA,CAAaO,EAEpC;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,UAAA;IAGEC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,~~EAAAZ~~,SAAA;MAAAa,GAAA,~~EAA+BJ~~,UAAA;MAAAL~~;IAAA,C;;;;;;;~~SAAhCM,E;CAIJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","useDroppable","React","baseClass","ToolbarArea","props","$","children","t0","Symbol","for","id","setNodeRef","t1","_jsx","className","ref"],"sources":["../../../../src/elements/LivePreview/ToolbarArea/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'toolbar-area'\n\nexport const ToolbarArea: React.FC<{\n children: React.ReactNode\n}> = (props) => {\n const { children } = props\n\n const { setNodeRef } = useDroppable({\n id: 'live-preview-area',\n })\n\n return (\n <div className={baseClass} ref={setNodeRef}>\n {children}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAAqBF,KAAA;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAEeF,EAAA;MAAAG,EAAA,EAC9B;IACN;IAAAL,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAFA;IAAAM;EAAA,IAAuBX,YAAA,CAAaO,EAEpC;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,UAAA;IAGEC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeZ,SAAA;MAAAa,GAAA,EAAgBJ,UAAA;MAAAL;;;;;;;;SAAhCM,E;CAIJ","ignoreList":[]}

package/dist/elements/LivePreview/Window/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/LivePreview/Window/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,OAAO,KAAiC,MAAM,OAAO,CAAA;~~AAUrD~~,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,~~CA+HrD~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/LivePreview/Window/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,OAAO,KAAiC,MAAM,OAAO,CAAA;AAWrD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiIrD,CAAA"}

package/dist/elements/LivePreview/Window/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { useDocumentEvents } from '../../../providers/DocumentEvents/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useLivePreviewContext } from '../../../providers/LivePreview/context.js';
 import { useLocale } from '../../../providers/Locale/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
 import { IframeLoader } from '../../IframeLoader/index.js';
 import { DeviceContainer } from '../Device/index.js';
 import { LivePreviewToolbar } from '../Toolbar/index.js';
@@ -28,6 +29,9 @@ export const LivePreviewWindow = props => {
     url,
     zoom
   } = useLivePreviewContext();
+  const {
+    t
+  } = useTranslation();
   const locale = useLocale();
   const {
     mostRecentUpdate
@@ -102,7 +106,8 @@ export const LivePreviewWindow = props => {
             src: url,
             style: {
               transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined
-            }
+            },
+            title: t('general:livePreview')
           })
         })
       })]

package/dist/elements/LivePreview/Window/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["reduceFieldsToValues","React","useCallback","useEffect","useAllFormFields","useDocumentEvents","useDocumentInfo","useLivePreviewContext","useLocale","IframeLoader","DeviceContainer","LivePreviewToolbar","baseClass","LivePreviewWindow","props","appIsReady","breakpoint","iframeRef","isExpanded","isLivePreviewing","lastReadyAt","loadedURL","popupRef","setLoadedURL","shouldRenderIframe","url","zoom","locale","mostRecentUpdate","formState","id","collectionSlug","globalSlug","postMessageToTargets","message","current","closed","postMessage","contentWindow","hasActiveTarget","values","type","data","externallyUpdatedRelationship","code","_jsx","className","filter","Boolean","join","_jsxs","onLoad","ref","src","style","transform","undefined"],"sources":["../../../../src/elements/LivePreview/Window/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { useAllFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { IframeLoader } from '../../IframeLoader/index.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.css'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreviewWindow: React.FC<EditViewProps> = (props) => {\n const {\n appIsReady,\n breakpoint,\n iframeRef,\n isExpanded,\n isLivePreviewing,\n lastReadyAt,\n loadedURL,\n popupRef,\n setLoadedURL,\n shouldRenderIframe,\n url,\n zoom,\n } = useLivePreviewContext()\n\n const locale = useLocale()\n\n const { mostRecentUpdate } = useDocumentEvents()\n\n const [formState] = useAllFormFields()\n const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n const postMessageToTargets = useCallback(\n (message: object) => {\n if (popupRef.current && !popupRef.current.closed) {\n popupRef.current.postMessage(message, url)\n }\n\n if (iframeRef.current) {\n iframeRef.current.contentWindow?.postMessage(message, url)\n }\n },\n [iframeRef, popupRef, url],\n )\n\n const hasActiveTarget = isLivePreviewing \|\| (popupRef.current && !popupRef.current.closed)\n\n /*\n For client-side apps, send data through `window.postMessage`\n * The preview could either be an iframe embedded on the page\n * Or it could be a separate popup window\n * Also fires when a preview signals ready (lastReadyAt) to sync initial state\n /\n useEffect(() => {\n if (!hasActiveTarget \|\| !appIsReady \|\| !formState) {\n return\n }\n\n const values = reduceFieldsToValues(formState, true)\n\n if (!values.id) {\n values.id = id\n }\n\n postMessageToTargets({\n type: 'payload-live-preview',\n collectionSlug,\n data: values,\n externallyUpdatedRelationship: mostRecentUpdate,\n globalSlug,\n locale: locale?.code,\n })\n }, [\n formState,\n collectionSlug,\n globalSlug,\n id,\n appIsReady,\n mostRecentUpdate,\n locale,\n hasActiveTarget,\n loadedURL,\n lastReadyAt,\n postMessageToTargets,\n ])\n\n /\n To support SSR, we transmit a `window.postMessage` event without a payload\n * This is because the event will ultimately trigger a server-side roundtrip\n * i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n */\n useEffect(() => {\n if (!hasActiveTarget \|\| !appIsReady) {\n return\n }\n\n postMessageToTargets({ type: 'payload-document-event' })\n }, [mostRecentUpdate, hasActiveTarget, appIsReady, postMessageToTargets])\n\n return (\n <div\n className={[\n baseClass,\n isLivePreviewing && `${baseClass}--is-live-previewing`,\n isExpanded && `${baseClass}--is-expanded`,\n breakpoint &&\n breakpoint !== 'responsive' &&\n breakpoint !== 'custom' &&\n `${baseClass}--has-breakpoint`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${baseClass}__wrapper`}>\n <LivePreviewToolbar {...props} />\n <div className={`${baseClass}__main`}>\n <DeviceContainer>\n {shouldRenderIframe && (\n <IframeLoader\n className=\"live-preview-iframe\"\n id=\"live-preview-iframe\"\n onLoad={() => {\n setLoadedURL(url)\n }}\n ref={iframeRef}\n src={url}\n style={{\n transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined,\n }}\n />\n )}\n </DeviceContainer>\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,QAAQ;AAE9C,SAASC,gBAAgB,QAAQ;AACjC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAA8CC,KAAA;EACzD,MAAM;IACJC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,gBAAgB;IAChBC,WAAW;IACXC,SAAS;IACTC,QAAQ;IACRC,YAAY;IACZC,kBAAkB;IAClBC,GAAG;IACHC;EAAI,CACL,~~GAAGnB~~,qBAAA;EAEJ,MAAMoB,MAAA,~~GAASnB~~,SAAA;EAEf,MAAM;~~IAAEoB~~;EAAgB,CAAE,~~GAAGvB~~,iBAAA;EAE7B,MAAM,~~CAACwB~~,SAAA,CAAU,~~GAAGzB~~,gBAAA;EACpB,MAAM;~~IAAE0B~~,EAAE;IAAEC,cAAc;IAAEC;EAAU,CAAE,~~GAAG1B~~,eAAA;EAE3C,~~MAAM2B~~,oBAAA,~~GAAuB/B~~,WAAA,~~CAC1BgC~~,OAAA;IACC,~~IAAIZ~~,QAAA,~~CAASa~~,OAAO,IAAI,~~CAACb~~,QAAA,~~CAASa~~,OAAO,CAACC,MAAM,EAAE;~~MAChDd~~,QAAA,~~CAASa~~,OAAO,CAACE,WAAW,CAACH,OAAA,~~EAAST~~,GAAA;IACxC;IAEA,IAAIR,SAAA,~~CAAUkB~~,OAAO,EAAE;~~MACrBlB~~,SAAA,~~CAAUkB~~,OAAO,CAACG,aAAa,EAAED,WAAA,CAAYH,OAAA,~~EAAST~~,GAAA;IACxD;EACF,GACA,CAACR,SAAA,EAAWK,QAAA,EAAUG,GAAA,CAAI;EAG5B,~~MAAMc~~,eAAA,~~GAAkBpB~~,gBAAA,IAAqBG,QAAA,~~CAASa~~,OAAO,IAAI,~~CAACb~~,QAAA,~~CAASa~~,OAAO,CAACC,MAAM;EAEzF;;;;;;~~EAMAjC~~,SAAA,CAAU;IACR,IAAI,~~CAACoC~~,eAAA,IAAmB,~~CAACxB~~,UAAA,IAAc,~~CAACc~~,SAAA,EAAW;MACjD;IACF;IAEA,MAAMW,MAAA,~~GAASxC~~,oBAAA,~~CAAqB6B~~,SAAA,EAAW;IAE/C,IAAI,CAACW,MAAA,CAAOV,EAAE,EAAE;MACdU,MAAA,CAAOV,EAAE,GAAGA,EAAA;IACd;IAEAG,oBAAA,CAAqB;MACnBQ,IAAA,EAAM;MACNV,cAAA;MACAW,IAAA,EAAMF,MAAA;MACNG,6BAAA,EAA+Bf,gBAAA;MAC/BI,UAAA;MACAL,MAAA,EAAQA,MAAA,EAAQiB;IAClB;EACF,GAAG,CACDf,SAAA,EACAE,cAAA,EACAC,UAAA,EACAF,EAAA,~~EACAf~~,UAAA,~~EACAa~~,gBAAA,EACAD,MAAA,EACAY,eAAA,~~EACAlB~~,SAAA,EACAD,WAAA,~~EACAa~~,oBAAA,CACD;EAED;;;;;~~EAKA9B~~,SAAA,CAAU;IACR,IAAI,~~CAACoC~~,eAAA,IAAmB,~~CAACxB~~,UAAA,EAAY;MACnC;IACF;~~IAEAkB~~,oBAAA,CAAqB;MAAEQ,IAAA,EAAM;IAAyB;EACxD,GAAG,CAACb,gBAAA,EAAkBW,eAAA,~~EAAiBxB~~,UAAA,~~EAAYkB~~,oBAAA,CAAqB;EAExE,oBACEY,IAAA,CAAC;IACCC,SAAA,EAAW,~~CACTlC~~,SAAA,EACAO,gBAAA,IAAoB,GAAGP,SAAA,sBAA+B,EACtDM,UAAA,IAAc,GAAGN,SAAA,eAAwB,EACzCI,UAAA,IACEA,UAAA,KAAe,gBACfA,UAAA,KAAe,YACf,GAAGJ,SAAA,kBAA2B,CACjC,~~CACEmC~~,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAER,aAAAC,KAAA,CAAC;MAAIJ,SAAA,EAAW,~~GAAGlC~~,SAAA,WAAoB;~~8BACrCiC~~,IAAA,~~CAAClC~~,kBAAA;QAAoB,GAAGG;~~uBACxB+B~~,IAAA,CAAC;QAAIC,SAAA,EAAW,~~GAAGlC~~,SAAA,QAAiB;kBAClC,~~aAAAiC~~,IAAA,~~CAACnC~~,eAAA;oBACEc,kBAAA,~~iBACCqB~~,IAAA,~~CAACpC~~,YAAA;~~YACCqC~~,SAAA,EAAU;YACVhB,EAAA,EAAG;YACHqB,MAAA,EAAQA,CAAA;~~cACN5B~~,YAAA,CAAaE,GAAA;YACf;~~YACA2B~~,GAAA,~~EAAKnC~~,SAAA;~~YACLoC~~,GAAA,~~EAAK5B~~,GAAA;~~YACL6B~~,KAAA,EAAO;cACLC,SAAA,EAAW,~~OAAO7B~~,IAAA,KAAS,WAAW,SAASA,IAAA,IAAQ,~~GAAG8B~~;YAC5D;;;;;;~~AAQhB~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["reduceFieldsToValues","React","useCallback","useEffect","useAllFormFields","useDocumentEvents","useDocumentInfo","useLivePreviewContext","useLocale","useTranslation","IframeLoader","DeviceContainer","LivePreviewToolbar","baseClass","LivePreviewWindow","props","appIsReady","breakpoint","iframeRef","isExpanded","isLivePreviewing","lastReadyAt","loadedURL","popupRef","setLoadedURL","shouldRenderIframe","url","zoom","t","locale","mostRecentUpdate","formState","id","collectionSlug","globalSlug","postMessageToTargets","message","current","closed","postMessage","contentWindow","hasActiveTarget","values","type","data","externallyUpdatedRelationship","code","_jsx","className","filter","Boolean","join","_jsxs","onLoad","ref","src","style","transform","undefined","title"],"sources":["../../../../src/elements/LivePreview/Window/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect } from 'react'\n\nimport { useAllFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLivePreviewContext } from '../../../providers/LivePreview/context.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { IframeLoader } from '../../IframeLoader/index.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.css'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreviewWindow: React.FC<EditViewProps> = (props) => {\n const {\n appIsReady,\n breakpoint,\n iframeRef,\n isExpanded,\n isLivePreviewing,\n lastReadyAt,\n loadedURL,\n popupRef,\n setLoadedURL,\n shouldRenderIframe,\n url,\n zoom,\n } = useLivePreviewContext()\n\n const { t } = useTranslation()\n const locale = useLocale()\n\n const { mostRecentUpdate } = useDocumentEvents()\n\n const [formState] = useAllFormFields()\n const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n const postMessageToTargets = useCallback(\n (message: object) => {\n if (popupRef.current && !popupRef.current.closed) {\n popupRef.current.postMessage(message, url)\n }\n\n if (iframeRef.current) {\n iframeRef.current.contentWindow?.postMessage(message, url)\n }\n },\n [iframeRef, popupRef, url],\n )\n\n const hasActiveTarget = isLivePreviewing \|\| (popupRef.current && !popupRef.current.closed)\n\n /*\n For client-side apps, send data through `window.postMessage`\n * The preview could either be an iframe embedded on the page\n * Or it could be a separate popup window\n * Also fires when a preview signals ready (lastReadyAt) to sync initial state\n /\n useEffect(() => {\n if (!hasActiveTarget \|\| !appIsReady \|\| !formState) {\n return\n }\n\n const values = reduceFieldsToValues(formState, true)\n\n if (!values.id) {\n values.id = id\n }\n\n postMessageToTargets({\n type: 'payload-live-preview',\n collectionSlug,\n data: values,\n externallyUpdatedRelationship: mostRecentUpdate,\n globalSlug,\n locale: locale?.code,\n })\n }, [\n formState,\n collectionSlug,\n globalSlug,\n id,\n appIsReady,\n mostRecentUpdate,\n locale,\n hasActiveTarget,\n loadedURL,\n lastReadyAt,\n postMessageToTargets,\n ])\n\n /\n To support SSR, we transmit a `window.postMessage` event without a payload\n * This is because the event will ultimately trigger a server-side roundtrip\n * i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n */\n useEffect(() => {\n if (!hasActiveTarget \|\| !appIsReady) {\n return\n }\n\n postMessageToTargets({ type: 'payload-document-event' })\n }, [mostRecentUpdate, hasActiveTarget, appIsReady, postMessageToTargets])\n\n return (\n <div\n className={[\n baseClass,\n isLivePreviewing && `${baseClass}--is-live-previewing`,\n isExpanded && `${baseClass}--is-expanded`,\n breakpoint &&\n breakpoint !== 'responsive' &&\n breakpoint !== 'custom' &&\n `${baseClass}--has-breakpoint`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${baseClass}__wrapper`}>\n <LivePreviewToolbar {...props} />\n <div className={`${baseClass}__main`}>\n <DeviceContainer>\n {shouldRenderIframe && (\n <IframeLoader\n className=\"live-preview-iframe\"\n id=\"live-preview-iframe\"\n onLoad={() => {\n setLoadedURL(url)\n }}\n ref={iframeRef}\n src={url}\n style={{\n transform: typeof zoom === 'number' ? `scale(${zoom}) ` : undefined,\n }}\n title={t('general:livePreview')}\n />\n )}\n </DeviceContainer>\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LoadMoreRow/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","baseClass","LoadMoreRow","t0","$","className","currentCount","hasMore","isLoading","t1","loadMoreButton","onLoadMore","style","totalDocs","undefined","t","t2","defaultButton","_jsx","buttonStyle","disabled","margin","onClick","children","t3","filter","Boolean","join","_jsxs","_Fragment"],"sources":["../../../src/elements/LoadMoreRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'load-more-row'\n\nexport type LoadMoreRowProps = {\n className?: string\n currentCount: number\n hasMore: boolean\n isLoading?: boolean\n /** Custom button element - if provided, onLoadMore and isLoading are ignored */\n loadMoreButton?: React.ReactNode\n onLoadMore?: () => void\n style?: React.CSSProperties\n totalDocs: number\n}\n\nexport const LoadMoreRow: React.FC<LoadMoreRowProps> = ({\n className,\n currentCount,\n hasMore,\n isLoading = false,\n loadMoreButton,\n onLoadMore,\n style,\n totalDocs,\n}) => {\n const { t } = useTranslation()\n const defaultButton = onLoadMore && (\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__button`}\n disabled={isLoading}\n margin={false}\n onClick={onLoadMore}\n >\n {isLoading ? t('general:loading') : t('general:loadMore')}\n </Button>\n )\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')} style={style}>\n <p className={`${baseClass}__text`}>\n {hasMore ? (\n <>\n Showing {currentCount} of {totalDocs} — {loadMoreButton \|\| defaultButton}\n </>\n ) : (\n <>\n Showing {totalDocs} of {totalDocs}\n </>\n )}\n </p>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,SAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAV,EASvD;EALC,MAAAK,SAAA,GAAAC,EAAiB,~~KAAAK~~,~~SAAA~~,~~WAAjBL~~,EAAiB;EAMjB;IAAAM;EAAA,IAAchB,cAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAW,CAAA,IAAAX,CAAA,QAAAS,SAAA;IACd,MAAAI,aAAA,GAAsBN,~~UAAA~~,IACpBO,IAAA,~~CAAAlB~~,MAAA;MAAAmB,WAAA,~~EACc~~;MAAAd,SAAA,EACD,~~GAAAJ~~,SAAA,~~UAAsB~~;MAAAmB,QAAA,EACvBZ,SAAA;MAAAa,MAAA;MAAAC,OAAA,~~EAEDX~~,UAAA;MAAAY,QAAA,EAERf,SAAA,GAAYO,CAAA,CAAE,~~qBAAqBA~~,CAAA,CAAE~~;IAAA,C;;;~~MAKxBS,EAAA,~~IAAAvB~~,SAAA,~~EAAYI~~,SAAA,~~EAAAoB~~,~~MAAA~~,~~CAAAC~~,~~OAAkB~~;MAAAtB,CAAA,OAAAC,SAAA;MAAAD,CAAA,OAAAoB,EAAA;IAAA;MAAAA,EAAA,GAAApB,CAAA;IAAA;IAA9CY,EAAA,GAAAE,IAAA,CAAC;MAAAb,SAAA,EAAemB,EAA8B,CAAAG,~~IAAA~~,~~CAAc~~;MAAAf,KAAA;MAAAW,QAAA,EAC1DL,IAAA,CAAC;QAAAb,SAAA,EAAa,~~GAAAJ~~,SAAA,~~QAAoB~~;QAAAsB,QAAA,EAC/BhB,OAAA,GACCqB,KAAA,CAAAC,SAAA;UAAAN,QAAA,~~GAAE~~,YACSjB,YAAA,EAAa,QAAKO,SAAA,EAAU,YAAIH,~~cAAA~~,~~IAAkBO~~,~~aAAA~~;~~QAAA~~,~~C,IAG7DW,~~KAAA,CAAAC,SAAA;UAAAN,QAAA,~~GAAE~~,YACSV,SAAA,EAAU,QAAKA,SAAA~~;QAAA,C;;;;;;;;;;;;;;;;~~SARhCG,E;CAcJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","baseClass","LoadMoreRow","t0","$","className","currentCount","hasMore","isLoading","t1","loadMoreButton","onLoadMore","style","totalDocs","undefined","t","t2","defaultButton","_jsx","buttonStyle","disabled","margin","onClick","children","t3","filter","Boolean","join","_jsxs","_Fragment"],"sources":["../../../src/elements/LoadMoreRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'load-more-row'\n\nexport type LoadMoreRowProps = {\n className?: string\n currentCount: number\n hasMore: boolean\n isLoading?: boolean\n /** Custom button element - if provided, onLoadMore and isLoading are ignored */\n loadMoreButton?: React.ReactNode\n onLoadMore?: () => void\n style?: React.CSSProperties\n totalDocs: number\n}\n\nexport const LoadMoreRow: React.FC<LoadMoreRowProps> = ({\n className,\n currentCount,\n hasMore,\n isLoading = false,\n loadMoreButton,\n onLoadMore,\n style,\n totalDocs,\n}) => {\n const { t } = useTranslation()\n const defaultButton = onLoadMore && (\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__button`}\n disabled={isLoading}\n margin={false}\n onClick={onLoadMore}\n >\n {isLoading ? t('general:loading') : t('general:loadMore')}\n </Button>\n )\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')} style={style}>\n <p className={`${baseClass}__text`}>\n {hasMore ? (\n <>\n Showing {currentCount} of {totalDocs} — {loadMoreButton \|\| defaultButton}\n </>\n ) : (\n <>\n Showing {totalDocs} of {totalDocs}\n </>\n )}\n </p>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,SAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAV,EASvD;EALC,MAAAK,SAAA,GAAAC,EAAiB,KAAjBK,SAAiB,GAAjB,KAAiB,GAAjBL,EAAiB;EAMjB;IAAAM;EAAA,IAAchB,cAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAW,CAAA,IAAAX,CAAA,QAAAS,SAAA;IACd,MAAAI,aAAA,GAAsBN,U,IACpBO,IAAA,CAAClB,MAAA;MAAAmB,WAAA,EACa;MAAAd,SAAA,EACD,GAAGJ,SAAA,UAAmB;MAAAmB,QAAA,EACvBZ,SAAA;MAAAa,MAAA,EACF;MAAAC,OAAA,EACCX,UAAA;MAAAY,QAAA,EAERf,SAAA,GAAYO,CAAA,CAAE,iBAAuB,IAAFA,CAAA,CAAE;;;;MAKxBS,EAAA,IAACvB,SAAA,EAAWI,SAAA,CAAU,CAAAoB,MAAO,CAACC,OAAA;MAAAtB,CAAA,OAAAC,SAAA;MAAAD,CAAA,OAAAoB,EAAA;IAAA;MAAAA,EAAA,GAAApB,CAAA;IAAA;IAA9CY,EAAA,GAAAE,IAAA,CAAC;MAAAb,SAAA,EAAemB,EAA8B,CAAAG,IAAa,CAAC;MAAAf,KAAA;MAAAW,QAAA,EAC1DL,IAAA,CAAC;QAAAb,SAAA,EAAa,GAAGJ,SAAA,QAAiB;QAAAsB,QAAA,EAC/BhB,OAAA,GACCqB,KAAA,CAAAC,SAAA;UAAAN,QAAA,E,CAAE,YACSjB,YAAA,EAAa,QAAKO,SAAA,EAAU,YAAIH,cAAkB,IAAlBO,aAAkB;aAG7DW,KAAA,CAAAC,SAAA;UAAAN,QAAA,E,CAAE,YACSV,SAAA,EAAU,QAAKA,SAAA;;;;;;;;;;;;;;;;;SARhCG,E;CAcJ","ignoreList":[]}

package/dist/elements/Loading/index.js CHANGED Viewed

@@ -72,7 +72,7 @@ export const LoadingOverlayToggle = t0 => {
   return null;
 };
 export const FormLoadingOverlayToggle = t0 => {
-  const $ = _c(6);
+  const $ = _c(20);
   const {
     name,
     type: t1,
@@ -87,29 +87,73 @@ export const FormLoadingOverlayToggle = t0 => {
     i18n,
     t
   } = useTranslation();
-  const labels = {
-    create: t("general:creating"),
-    loading: t("general:loading"),
-    update: t("general:updating")
-  };
-  const t3 = `${labels[action]} ${loadingSuffix ? getTranslation(loadingSuffix, i18n) : ""}`;
+  let t3;
+  if ($[0] !== t) {
+    t3 = t("general:creating");
+    $[0] = t;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
   let t4;
-  if ($[0] !== formIsLoading || $[1] !== isProcessing || $[2] !== name || $[3] !== t3 || $[4] !== type) {
-    t4 = _jsx(LoadingOverlayToggle, {
-      loadingText: t3.trim(),
+  if ($[2] !== t) {
+    t4 = t("general:loading");
+    $[2] = t;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== t) {
+    t5 = t("general:updating");
+    $[4] = t;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== t3 || $[7] !== t4 || $[8] !== t5) {
+    t6 = {
+      create: t3,
+      loading: t4,
+      update: t5
+    };
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const labels = t6;
+  const t7 = labels[action];
+  let t8;
+  if ($[10] !== i18n || $[11] !== loadingSuffix) {
+    t8 = loadingSuffix ? getTranslation(loadingSuffix, i18n) : "";
+    $[10] = i18n;
+    $[11] = loadingSuffix;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== formIsLoading || $[14] !== isProcessing || $[15] !== name || $[16] !== t7 || $[17] !== t8 || $[18] !== type) {
+    t9 = _jsx(LoadingOverlayToggle, {
+      loadingText: `${t7} ${t8}`.trim(),
       name,
       show: formIsLoading || isProcessing,
       type
     });
-    $[0] = formIsLoading;
-    $[1] = isProcessing;
-    $[2] = name;
-    $[3] = t3;
-    $[4] = type;
-    $[5] = t4;
+    $[13] = formIsLoading;
+    $[14] = isProcessing;
+    $[15] = name;
+    $[16] = t7;
+    $[17] = t8;
+    $[18] = type;
+    $[19] = t9;
   } else {
-    t4 = $[5];
+    t9 = $[19];
   }
-  return t4;
+  return t9;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/Loading/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useLoadingOverlay","Spinner","useFormProcessing","useTranslation","baseClass","LoadingOverlay","animationDuration","overlayType","show","_jsx","className","filter","Boolean","join","style","size","LoadingOverlayToggle","t0","$","name","key","type","t1","loadingText","undefined","toggleLoadingOverlay","t2","t3","isLoading","useEffect","FormLoadingOverlayToggle","action","formIsLoading","loadingSuffix","isProcessing","i18n","t","~~labels~~","create","loading","update","t4","trim"],"sources":["../../../src/elements/Loading/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types.js'\n\nimport { useLoadingOverlay } from '../../elements/LoadingOverlay/index.js'\nimport { Spinner } from '../../elements/Spinner/index.js'\nimport { useFormProcessing } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'loading-overlay'\n\ntype LoadingOverlayProps = {\n animationDuration?: string\n loadingText?: string\n overlayType?: string\n show?: boolean\n}\n\nexport const LoadingOverlay: React.FC<LoadingOverlayProps> = ({\n animationDuration,\n overlayType,\n show = true,\n}) => {\n return (\n <div\n aria-hidden={!show}\n className={[\n baseClass,\n show ? `${baseClass}--entering` : `${baseClass}--exiting`,\n overlayType ? `${baseClass}--${overlayType}` : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{\n animationDuration: animationDuration \|\| '500ms',\n }}\n >\n <Spinner size=\"lg\" />\n </div>\n )\n}\n\nexport type UseLoadingOverlayToggleProps = {\n loadingText?: string\n name: string\n show: boolean\n type?: LoadingOverlayTypes\n}\nexport const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleProps> = ({\n name: key,\n type = 'fullscreen',\n loadingText,\n show,\n}) => {\n const { toggleLoadingOverlay } = useLoadingOverlay()\n\n React.useEffect(() => {\n toggleLoadingOverlay({\n type,\n isLoading: show,\n key,\n loadingText: loadingText \|\| undefined,\n })\n\n return () => {\n toggleLoadingOverlay({\n type,\n isLoading: false,\n key,\n })\n }\n }, [show, toggleLoadingOverlay, key, type, loadingText])\n\n return null\n}\n\nexport type FormLoadingOverlayToggleProps = {\n action: 'create' \| 'loading' \| 'update'\n formIsLoading?: boolean\n loadingSuffix?: string\n name: string\n type?: LoadingOverlayTypes\n}\n\nexport const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleProps> = ({\n name,\n type = 'fullscreen',\n action,\n formIsLoading = false,\n loadingSuffix,\n}) => {\n const isProcessing = useFormProcessing()\n const { i18n, t } = useTranslation()\n\n const labels = {\n create: t('general:creating'),\n loading: t('general:loading'),\n update: t('general:updating'),\n }\n\n return (\n <LoadingOverlayToggle\n loadingText={`${labels[action]} ${\n loadingSuffix ? getTranslation(loadingSuffix, i18n) : ''\n }`.trim()}\n name={name}\n show={formIsLoading \|\| isProcessing}\n type={type}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,cAAA,GAAgDA,CAAC;EAC5DC,iBAAiB;EACjBC,WAAW;EACXC,IAAA,GAAO;AAAI,CACZ;EACC,oBACEC,IAAA,CAAC;IACC,eAAa,CAACD,IAAA;IACdE,SAAA,EAAW,CACTN,SAAA,EACAI,IAAA,GAAO,GAAGJ,SAAA,YAAqB,GAAG,GAAGA,SAAA,WAAoB,EACzDG,WAAA,GAAc,GAAGH,SAAA,KAAcG,WAAA,EAAa,GAAG,GAChD,CACEI,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAO;MACLR,iBAAA,EAAmBA,iBAAA,IAAqB;IAC1C;cAEA,aAAAG,IAAA,CAACR,OAAA;MAAQc,IAAA,EAAK;;;AAGpB;AAQA,OAAO,MAAMC,oBAAA,GAA+DC,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAAC;IAAAsB,IAAA,EAAAC,GAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA;IAAAf;EAAA,IAAAS,EAK5E;EAHC,MAAAI,IAAA,GAAAC,EAAmB,~~KAAAE~~,~~SAAA~~,~~GAAZ~~,~~YAAY~~,GAAnBF,EAAmB;EAInB;IAAAG;EAAA,IAAiCzB,iBAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAE,GAAA,IAAAF,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAV,IAAA,IAAAU,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAG,IAAA;IAEjBK,EAAA,GAAAA,CAAA;MACdD,oBAAA;QAAAJ,IAAA;QAAAO,SAAA,~~EAEapB~~,IAAA;QAAAY,GAAA;QAAAG,WAAA,EAEEA,~~WAAA~~,~~IAAAC~~;~~MAAe,CAC9B~~;MAAA;~~QAGEC~~,oBAAA;UAAAJ,IAAA;UAAAO,SAAA;UAAAR;~~QAAA,CAIA~~;MAAA;IAAA;~~IAEDO~~,EAAA,IAACnB,IAAA,EAAMiB,oBAAA,EAAsBL,GAAA,EAAKC,IAAA,EAAME,WAAA;~~IAAYL~~,CAAA,MAAAE,GAAA;IAAAF,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAV,IAAA;IAAAU,CAAA,MAAAO,oBAAA;IAAAP,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAD,EAAA,GAAAR,CAAA;IAAAS,EAAA,GAAAT,CAAA;EAAA;EAfvDnB,KAAA,CAAA8B,~~SAAA~~,~~CAAgBH~~,EAehB,EAAGC,EAAoD;EAAA;AAAA,~~CAGzD~~;AAUA,OAAO,MAAMG,wBAAA,GAAoEb,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAAC;IAAAsB,IAAA;IAAAE,IAAA,EAAAC,EAAA;IAAAS,MAAA;IAAAC,aAAA,EAAAN,EAAA;IAAAO;EAAA,IAAAhB,EAMjF;EAJC,MAAAI,IAAA,GAAAC,EAAmB,~~KAAAE~~,~~SAAA~~,~~GAAZ~~,~~YAAY~~,GAAnBF,EAAmB;EAEnB,MAAAU,aAAA,GAAAN,EAAqB,~~KAAAF~~,~~SAAA~~,~~WAArBE~~,EAAqB;EAGrB,MAAAQ,YAAA,GAAqBhC,iBAAA;EACrB;IAAAiC,IAAA;IAAAC;EAAA,IAAoBjC,cAAA;~~EAEpB~~,~~MAAAkC~~,~~MAAA~~;~~IAAAC~~,~~MAAA~~,~~EACUF~~,CAAA,CAAE;~~IAAAG~~,~~OAAA~~,~~EACDH~~,CAAA,CAAE;~~IAAAI~~,MAAA,EACHJ,CAAA,~~CAAE~~;EAAA;~~EAKK~~,~~MAAAT~~,EAAA,~~MAAGU~~,MAAM,~~CAACN~~,MAAA,~~KACrBE~~,aAAA,GAAgBnC,cAAA,CAAemC,aAAA,EAAeE,IAAA,~~IAAQ~~,~~IACtD~~;EAAA,~~IAAAM~~,EAAA;EAAA,~~IAAAvB~~,CAAA,~~QAAAc~~,aAAA,IAAAd,CAAA,~~QAAAgB~~,YAAA,IAAAhB,CAAA,~~QAAAC~~,IAAA,IAAAD,CAAA,~~QAAAS~~,EAAA,~~IAAAT~~,CAAA,~~QAAAG~~,IAAA;~~IAHJoB~~,EAAA,~~GAAAhC~~,IAAA,~~CAAAO~~,oBAAA;MAAAO,WAAA,~~EACeI~~,~~EAEX~~,~~CAAAe~~,~~IAAA~~,~~CAAK~~;~~MAAAvB~~,IAAA;MAAAX,IAAA,EAEDwB,~~aAAA~~,~~IAAiBE~~,~~YAAA~~;MAAAb~~;IAAA~~,~~C;;;;;;;;;;SALzBoB,~~E;CASJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useLoadingOverlay","Spinner","useFormProcessing","useTranslation","baseClass","LoadingOverlay","animationDuration","overlayType","show","_jsx","className","filter","Boolean","join","style","size","LoadingOverlayToggle","t0","$","name","key","type","t1","loadingText","undefined","toggleLoadingOverlay","t2","t3","isLoading","useEffect","FormLoadingOverlayToggle","action","formIsLoading","loadingSuffix","isProcessing","i18n","t","t4","t5","t6","create","loading","update","labels","t7","t8","t9","trim"],"sources":["../../../src/elements/Loading/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types.js'\n\nimport { useLoadingOverlay } from '../../elements/LoadingOverlay/index.js'\nimport { Spinner } from '../../elements/Spinner/index.js'\nimport { useFormProcessing } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'loading-overlay'\n\ntype LoadingOverlayProps = {\n animationDuration?: string\n loadingText?: string\n overlayType?: string\n show?: boolean\n}\n\nexport const LoadingOverlay: React.FC<LoadingOverlayProps> = ({\n animationDuration,\n overlayType,\n show = true,\n}) => {\n return (\n <div\n aria-hidden={!show}\n className={[\n baseClass,\n show ? `${baseClass}--entering` : `${baseClass}--exiting`,\n overlayType ? `${baseClass}--${overlayType}` : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{\n animationDuration: animationDuration \|\| '500ms',\n }}\n >\n <Spinner size=\"lg\" />\n </div>\n )\n}\n\nexport type UseLoadingOverlayToggleProps = {\n loadingText?: string\n name: string\n show: boolean\n type?: LoadingOverlayTypes\n}\nexport const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleProps> = ({\n name: key,\n type = 'fullscreen',\n loadingText,\n show,\n}) => {\n const { toggleLoadingOverlay } = useLoadingOverlay()\n\n React.useEffect(() => {\n toggleLoadingOverlay({\n type,\n isLoading: show,\n key,\n loadingText: loadingText \|\| undefined,\n })\n\n return () => {\n toggleLoadingOverlay({\n type,\n isLoading: false,\n key,\n })\n }\n }, [show, toggleLoadingOverlay, key, type, loadingText])\n\n return null\n}\n\nexport type FormLoadingOverlayToggleProps = {\n action: 'create' \| 'loading' \| 'update'\n formIsLoading?: boolean\n loadingSuffix?: string\n name: string\n type?: LoadingOverlayTypes\n}\n\nexport const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleProps> = ({\n name,\n type = 'fullscreen',\n action,\n formIsLoading = false,\n loadingSuffix,\n}) => {\n const isProcessing = useFormProcessing()\n const { i18n, t } = useTranslation()\n\n const labels = {\n create: t('general:creating'),\n loading: t('general:loading'),\n update: t('general:updating'),\n }\n\n return (\n <LoadingOverlayToggle\n loadingText={`${labels[action]} ${\n loadingSuffix ? getTranslation(loadingSuffix, i18n) : ''\n }`.trim()}\n name={name}\n show={formIsLoading \|\| isProcessing}\n type={type}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}