npm - @payloadcms/ui - Versions diffs - 3.44.0-internal.6b79dc2 → 3.44.0 - Mend

@payloadcms/ui 3.44.0-internal.6b79dc2 → 3.44.0

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

Files changed (65) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useState","Button","Pill","useEffectEvent","ChevronIcon","PlusIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","AnimateHeight","ColumnSelector","useDocumentDrawer","Popup","PopupList","RelationshipProvider","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","AfterInput","allowCreate","BeforeInput","disableTable","field","fieldPath","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","parent","relationTo","Table","setTable","config","getEntityConfig","permissions","docs","Array","isArray","reduce","acc","doc","id","i18n","t","query","setQuery","openColumnSelector","setOpenColumnSelector","collectionConfig","collectionSlug","selectedCollection","setSelectedCollection","undefined","isLoadingTable","setIsLoadingTable","data","setData","columnState","setColumnState","getTableState","renderTable","newQuery","limit","String","defaultLimit","admin","pagination","sort","defaultSort","where","defaultColumns","map","accessor","active","newData","state","newColumnState","NewTable","columns","enableRowSelections","orderableFieldName","orderable","collection","name","renderRowTypes","tableAppearance","handleTableRender","DocumentDrawer","DocumentDrawerToggler","closeDrawer","isDrawerOpen","openDrawer","onDrawerSave","args","foundDocIndex","findIndex","withNewOrUpdatedDoc","newDocs","onDrawerCreate","onDrawerDelete","filter","canCreate","collections","create","_jsxs","className","_jsx","button","buttonStyle","buttonType","horizontalAlign","render","close","closePopup","ButtonGroup","relatedCollection","onClick","find","each","slug","labels","singular","size","icon","direction","pillStyle","length","label","plural","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","height","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n type CollectionSlug,\n type Column,\n type JoinFieldClient,\n type ListQuery,\n type PaginatedDocs,\n type Where,\n} from 'payload'\nimport { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\nimport './index.scss'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n readonly AfterInput?: React.ReactNode\n readonly allowCreate?: boolean\n readonly BeforeInput?: React.ReactNode\n readonly disableTable?: boolean\n readonly field: JoinFieldClient\n readonly fieldPath?: string\n readonly filterOptions?: Where\n readonly initialData?: PaginatedDocs\n readonly initialDrawerData?: DocumentDrawerProps['initialData']\n readonly Label?: React.ReactNode\n readonly parent?: {\n collectionSlug: CollectionSlug\n id: number \| string\n joinPath: string\n }\n readonly relationTo: string \| string[]\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n const {\n AfterInput,\n allowCreate = true,\n BeforeInput,\n disableTable = false,\n field,\n fieldPath,\n filterOptions,\n initialData: initialDataFromProps,\n initialDrawerData,\n Label,\n parent,\n relationTo,\n } = props\n const [Table, setTable] = useState<React.ReactNode>(null)\n const { config, getEntityConfig } = useConfig()\n\n const { permissions } = useAuth()\n\n const [initialData] = useState<PaginatedDocs>(() => {\n if (initialDataFromProps) {\n return {\n ...initialDataFromProps,\n docs: Array.isArray(initialDataFromProps.docs)\n ? initialDataFromProps.docs.reduce((acc, doc) => {\n if (typeof doc === 'string') {\n return [\n ...acc,\n {\n id: doc,\n },\n ]\n }\n return [...acc, doc]\n }, [])\n : [],\n }\n }\n })\n\n const { i18n, t } = useTranslation()\n\n const [query, setQuery] = useState<ListQuery>()\n const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n const [selectedCollection, setSelectedCollection] = useState(\n Array.isArray(relationTo) ? undefined : relationTo,\n )\n const [isLoadingTable, setIsLoadingTable] = useState(!disableTable)\n const [data, setData] = useState<PaginatedDocs>(initialData)\n const [columnState, setColumnState] = useState<Column[]>()\n\n const { getTableState } = useServerFunctions()\n\n const renderTable = useCallback(\n async (docs?: PaginatedDocs['docs']) => {\n const newQuery: ListQuery = {\n limit: String(field?.defaultLimit \|\| collectionConfig?.admin?.pagination?.defaultLimit),\n sort: field.defaultSort \|\| collectionConfig?.defaultSort,\n ...(query \|\| {}),\n where: { ...(query?.where \|\| {}) },\n }\n\n if (filterOptions) {\n newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n }\n\n // map columns from string[] to ListPreferences['columns']\n const defaultColumns = field.admin.defaultColumns\n ? field.admin.defaultColumns.map((accessor) => ({\n accessor,\n active: true,\n }))\n : undefined\n\n const {\n data: newData,\n state: newColumnState,\n Table: NewTable,\n } = await getTableState({\n collectionSlug: relationTo,\n columns: transformColumnsToPreferences(query?.columns) \|\| defaultColumns,\n docs,\n enableRowSelections: false,\n orderableFieldName:\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${field.name}_order`,\n parent,\n query: newQuery,\n renderRowTypes: true,\n tableAppearance: 'condensed',\n })\n\n setData(newData)\n setTable(NewTable)\n setColumnState(newColumnState)\n setIsLoadingTable(false)\n },\n [\n field.defaultLimit,\n field.defaultSort,\n field.admin.defaultColumns,\n field.collection,\n field.name,\n field.orderable,\n collectionConfig?.admin?.pagination?.defaultLimit,\n collectionConfig?.defaultSort,\n query,\n filterOptions,\n getTableState,\n relationTo,\n parent,\n ],\n )\n\n const handleTableRender = useEffectEvent((query: ListQuery, disableTable: boolean) => {\n if (!disableTable && (!Table \|\| query)) {\n void renderTable()\n }\n })\n\n useEffect(() => {\n handleTableRender(query, disableTable)\n }, [query, disableTable])\n\n const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, isDrawerOpen, openDrawer }] =\n useDocumentDrawer({\n collectionSlug: selectedCollection,\n })\n\n const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n const foundDocIndex = data?.docs?.findIndex((doc) => doc.id === args.doc.id)\n let withNewOrUpdatedDoc: PaginatedDocs['docs'] = undefined\n\n if (foundDocIndex !== -1) {\n const newDocs = [...data.docs]\n newDocs[foundDocIndex] = args.doc\n withNewOrUpdatedDoc = newDocs\n } else {\n withNewOrUpdatedDoc = [args.doc, ...data.docs]\n }\n\n void renderTable(withNewOrUpdatedDoc)\n },\n [data?.docs, renderTable],\n )\n\n const onDrawerCreate = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n closeDrawer()\n\n void onDrawerSave(args)\n },\n [closeDrawer, onDrawerSave],\n )\n\n const onDrawerDelete = useCallback<DocumentDrawerProps['onDelete']>(\n (args) => {\n const newDocs = data.docs.filter((doc) => doc.id !== args.id)\n void renderTable(newDocs)\n },\n [data?.docs, renderTable],\n )\n\n const canCreate =\n allowCreate !== false &&\n permissions?.collections?.[Array.isArray(relationTo) ? relationTo[0] : relationTo]?.create\n\n useEffect(() => {\n if (Array.isArray(relationTo) && selectedCollection) {\n openDrawer()\n }\n }, [selectedCollection, openDrawer, relationTo])\n\n useEffect(() => {\n if (Array.isArray(relationTo) && !isDrawerOpen && selectedCollection) {\n setSelectedCollection(undefined)\n }\n // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isDrawerOpen])\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>\n {!Array.isArray(relationTo) && canCreate && (\n <DocumentDrawerToggler className={`${baseClass}__add-new`}>\n {i18n.t('fields:addNew')}\n </DocumentDrawerToggler>\n )}\n\n {Array.isArray(relationTo) && (\n <Fragment>\n <Popup\n button={\n <Button buttonStyle=\"none\" className={`${baseClass}__add-new-polymorphic`}>\n {i18n.t('fields:addNew')}\n <PlusIcon />\n </Button>\n }\n buttonType=\"custom\"\n horizontalAlign=\"center\"\n render={({ close: closePopup }) => (\n <PopupList.ButtonGroup>\n {relationTo.map((relatedCollection) => {\n if (permissions.collections[relatedCollection].create) {\n return (\n <PopupList.Button\n className={`${baseClass}__relation-button--${relatedCollection}`}\n key={relatedCollection}\n onClick={() => {\n closePopup()\n setSelectedCollection(relatedCollection)\n }}\n >\n {getTranslation(\n config.collections.find((each) => each.slug === relatedCollection)\n .labels.singular,\n i18n,\n )}\n </PopupList.Button>\n )\n }\n\n return null\n })}\n </PopupList.ButtonGroup>\n )}\n size=\"medium\"\n />\n </Fragment>\n )}\n <Pill\n aria-controls={`${baseClass}-columns`}\n aria-expanded={openColumnSelector}\n className={`${baseClass}__toggle-columns ${\n openColumnSelector ? `${baseClass}__buttons-active` : ''\n }`}\n icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} />}\n onClick={() => setOpenColumnSelector(!openColumnSelector)}\n pillStyle=\"light\"\n size=\"small\"\n >\n {t('general:columns')}\n </Pill>\n </div>\n </div>\n {BeforeInput}\n {isLoadingTable ? (\n <p>{t('general:loading')}</p>\n ) : (\n <Fragment>\n {data?.docs && data.docs.length === 0 && (\n <div className={`${baseClass}__no-results`}>\n <p>\n {i18n.t('general:noResults', {\n label: Array.isArray(relationTo)\n ? i18n.t('general:documents')\n : getTranslation(collectionConfig?.labels?.plural, i18n),\n })}\n </p>\n {canCreate && (\n <Button onClick={openDrawer}>\n {i18n.t('general:createNewLabel', {\n label: getTranslation(collectionConfig?.labels?.singular, i18n),\n })}\n </Button>\n )}\n </div>\n )}\n {data?.docs && data.docs.length > 0 && (\n <RelationshipProvider>\n <ListQueryProvider\n columns={transformColumnsToPreferences(columnState)}\n data={data}\n defaultLimit={\n field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit\n }\n defaultSort={field.defaultSort ?? collectionConfig?.defaultSort}\n modifySearchParams={false}\n onQueryChange={setQuery}\n orderableFieldName={\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`\n }\n >\n <TableColumnsProvider\n collectionSlug={Array.isArray(relationTo) ? relationTo[0] : relationTo}\n columnState={columnState}\n LinkedCellOverride={\n <DrawerLink onDrawerDelete={onDrawerDelete} onDrawerSave={onDrawerSave} />\n }\n >\n <AnimateHeight\n className={`${baseClass}__columns`}\n height={openColumnSelector ? 'auto' : 0}\n id={`${baseClass}-columns`}\n >\n <div className={`${baseClass}__columns-inner`}>\n {collectionConfig && (\n <ColumnSelector collectionSlug={collectionConfig.slug} />\n )}\n </div>\n </AnimateHeight>\n {Table}\n <RelationshipTablePagination />\n </TableColumnsProvider>\n </ListQueryProvider>\n </RelationshipProvider>\n )}\n </Fragment>\n )}\n {AfterInput}\n <DocumentDrawer initialData={initialDrawerData} onSave={onDrawerCreate} />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useState","Pill","useEffectEvent","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","AnimateHeight","ColumnSelector","useDocumentDrawer","RelationshipProvider","AddNewButton","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","AfterInput","allowCreate","BeforeInput","disableTable","field","fieldPath","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","parent","relationTo","Table","setTable","config","getEntityConfig","permissions","docs","Array","isArray","reduce","acc","doc","id","i18n","t","query","setQuery","openColumnSelector","setOpenColumnSelector","collectionConfig","collectionSlug","isPolymorphic","selectedCollection","setSelectedCollection","undefined","isLoadingTable","setIsLoadingTable","data","setData","columnState","setColumnState","getTableState","renderTable","newQuery","limit","String","defaultLimit","admin","pagination","sort","defaultSort","where","defaultColumns","map","accessor","active","newData","state","newColumnState","NewTable","columns","enableRowSelections","orderableFieldName","orderable","collection","name","renderRowTypes","tableAppearance","handleTableRender","DocumentDrawer","closeDrawer","isDrawerOpen","openDrawer","onDrawerSave","args","foundDocIndex","findIndex","withNewOrUpdatedDoc","newDocs","onDrawerCreate","onDrawerDelete","filter","canCreate","collections","create","_jsxs","className","_jsx","buttonStyle","icon","label","onClick","direction","pillStyle","size","length","labels","plural","singular","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","height","slug","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n type CollectionSlug,\n type Column,\n type JoinFieldClient,\n type ListQuery,\n type PaginatedDocs,\n type Where,\n} from 'payload'\nimport { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { AddNewButton } from './AddNewButton.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport './index.scss'\nimport { RelationshipTablePagination } from './Pagination.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n readonly AfterInput?: React.ReactNode\n readonly allowCreate?: boolean\n readonly BeforeInput?: React.ReactNode\n readonly disableTable?: boolean\n readonly field: JoinFieldClient\n readonly fieldPath?: string\n readonly filterOptions?: Where\n readonly initialData?: PaginatedDocs\n readonly initialDrawerData?: DocumentDrawerProps['initialData']\n readonly Label?: React.ReactNode\n readonly parent?: {\n collectionSlug: CollectionSlug\n id: number \| string\n joinPath: string\n }\n readonly relationTo: string \| string[]\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n const {\n AfterInput,\n allowCreate = true,\n BeforeInput,\n disableTable = false,\n field,\n fieldPath,\n filterOptions,\n initialData: initialDataFromProps,\n initialDrawerData,\n Label,\n parent,\n relationTo,\n } = props\n const [Table, setTable] = useState<React.ReactNode>(null)\n const { config, getEntityConfig } = useConfig()\n\n const { permissions } = useAuth()\n\n const [initialData] = useState<PaginatedDocs>(() => {\n if (initialDataFromProps) {\n return {\n ...initialDataFromProps,\n docs: Array.isArray(initialDataFromProps.docs)\n ? initialDataFromProps.docs.reduce((acc, doc) => {\n if (typeof doc === 'string') {\n return [\n ...acc,\n {\n id: doc,\n },\n ]\n }\n return [...acc, doc]\n }, [])\n : [],\n }\n }\n })\n\n const { i18n, t } = useTranslation()\n\n const [query, setQuery] = useState<ListQuery>()\n const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n const isPolymorphic = Array.isArray(relationTo)\n\n const [selectedCollection, setSelectedCollection] = useState(\n isPolymorphic ? undefined : relationTo,\n )\n const [isLoadingTable, setIsLoadingTable] = useState(!disableTable)\n const [data, setData] = useState<PaginatedDocs>(initialData)\n const [columnState, setColumnState] = useState<Column[]>()\n\n const { getTableState } = useServerFunctions()\n\n const renderTable = useCallback(\n async (docs?: PaginatedDocs['docs']) => {\n const newQuery: ListQuery = {\n limit: String(field?.defaultLimit \|\| collectionConfig?.admin?.pagination?.defaultLimit),\n sort: field.defaultSort \|\| collectionConfig?.defaultSort,\n ...(query \|\| {}),\n where: { ...(query?.where \|\| {}) },\n }\n\n if (filterOptions) {\n newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n }\n\n // map columns from string[] to CollectionPreferences['columns']\n const defaultColumns = field.admin.defaultColumns\n ? field.admin.defaultColumns.map((accessor) => ({\n accessor,\n active: true,\n }))\n : undefined\n\n const {\n data: newData,\n state: newColumnState,\n Table: NewTable,\n } = await getTableState({\n collectionSlug: relationTo,\n columns: transformColumnsToPreferences(query?.columns) \|\| defaultColumns,\n docs,\n enableRowSelections: false,\n orderableFieldName:\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${field.name}_order`,\n parent,\n query: newQuery,\n renderRowTypes: true,\n tableAppearance: 'condensed',\n })\n\n setData(newData)\n setTable(NewTable)\n setColumnState(newColumnState)\n setIsLoadingTable(false)\n },\n [\n field.defaultLimit,\n field.defaultSort,\n field.admin.defaultColumns,\n field.collection,\n field.name,\n field.orderable,\n collectionConfig?.admin?.pagination?.defaultLimit,\n collectionConfig?.defaultSort,\n query,\n filterOptions,\n getTableState,\n relationTo,\n parent,\n ],\n )\n\n const handleTableRender = useEffectEvent((query: ListQuery, disableTable: boolean) => {\n if (!disableTable && (!Table \|\| query)) {\n void renderTable()\n }\n })\n\n useEffect(() => {\n handleTableRender(query, disableTable)\n }, [query, disableTable])\n\n const [DocumentDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useDocumentDrawer({\n collectionSlug: selectedCollection,\n })\n\n const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n const foundDocIndex = data?.docs?.findIndex((doc) => doc.id === args.doc.id)\n let withNewOrUpdatedDoc: PaginatedDocs['docs'] = undefined\n\n if (foundDocIndex !== -1) {\n const newDocs = [...data.docs]\n newDocs[foundDocIndex] = args.doc\n withNewOrUpdatedDoc = newDocs\n } else {\n withNewOrUpdatedDoc = [args.doc, ...data.docs]\n }\n\n void renderTable(withNewOrUpdatedDoc)\n },\n [data?.docs, renderTable],\n )\n\n const onDrawerCreate = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n closeDrawer()\n\n void onDrawerSave(args)\n },\n [closeDrawer, onDrawerSave],\n )\n\n const onDrawerDelete = useCallback<DocumentDrawerProps['onDelete']>(\n (args) => {\n const newDocs = data.docs.filter((doc) => doc.id !== args.id)\n void renderTable(newDocs)\n },\n [data?.docs, renderTable],\n )\n\n const canCreate =\n allowCreate !== false &&\n permissions?.collections?.[isPolymorphic ? relationTo[0] : relationTo]?.create\n\n useEffect(() => {\n if (isPolymorphic && selectedCollection) {\n openDrawer()\n }\n }, [selectedCollection, openDrawer, isPolymorphic])\n\n useEffect(() => {\n if (isPolymorphic && !isDrawerOpen && selectedCollection) {\n setSelectedCollection(undefined)\n }\n // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isDrawerOpen])\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>\n <AddNewButton\n allowCreate={allowCreate !== false}\n baseClass={baseClass}\n buttonStyle=\"none\"\n className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ' doc-drawer__toggler'}`}\n collections={config.collections}\n i18n={i18n}\n icon={isPolymorphic ? 'plus' : undefined}\n label={i18n.t('fields:addNew')}\n onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n permissions={permissions}\n relationTo={relationTo}\n />\n <Pill\n aria-controls={`${baseClass}-columns`}\n aria-expanded={openColumnSelector}\n className={`${baseClass}__toggle-columns ${\n openColumnSelector ? `${baseClass}__buttons-active` : ''\n }`}\n icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} />}\n onClick={() => setOpenColumnSelector(!openColumnSelector)}\n pillStyle=\"light\"\n size=\"small\"\n >\n {t('general:columns')}\n </Pill>\n </div>\n </div>\n {BeforeInput}\n {isLoadingTable ? (\n <p>{t('general:loading')}</p>\n ) : (\n <Fragment>\n {data?.docs && data.docs.length === 0 && (\n <div className={`${baseClass}__no-results`}>\n <p>\n {i18n.t('general:noResults', {\n label: isPolymorphic\n ? i18n.t('general:documents')\n : getTranslation(collectionConfig?.labels?.plural, i18n),\n })}\n </p>\n <AddNewButton\n allowCreate={canCreate}\n baseClass={baseClass}\n collections={config.collections}\n i18n={i18n}\n label={i18n.t('general:createNewLabel', {\n label: isPolymorphic\n ? i18n.t('general:document')\n : getTranslation(collectionConfig?.labels?.singular, i18n),\n })}\n onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n permissions={permissions}\n relationTo={relationTo}\n />\n </div>\n )}\n {data?.docs && data.docs.length > 0 && (\n <RelationshipProvider>\n <ListQueryProvider\n columns={transformColumnsToPreferences(columnState)}\n data={data}\n defaultLimit={\n field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit\n }\n defaultSort={field.defaultSort ?? collectionConfig?.defaultSort}\n modifySearchParams={false}\n onQueryChange={setQuery}\n orderableFieldName={\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`\n }\n >\n <TableColumnsProvider\n collectionSlug={isPolymorphic ? relationTo[0] : relationTo}\n columnState={columnState}\n LinkedCellOverride={\n <DrawerLink onDrawerDelete={onDrawerDelete} onDrawerSave={onDrawerSave} />\n }\n >\n <AnimateHeight\n className={`${baseClass}__columns`}\n height={openColumnSelector ? 'auto' : 0}\n id={`${baseClass}-columns`}\n >\n <div className={`${baseClass}__columns-inner`}>\n {collectionConfig && (\n <ColumnSelector collectionSlug={collectionConfig.slug} />\n )}\n </div>\n </AnimateHeight>\n {Table}\n <RelationshipTablePagination />\n </TableColumnsProvider>\n </ListQueryProvider>\n </RelationshipProvider>\n )}\n </Fragment>\n )}\n {AfterInput}\n <DocumentDrawer initialData={initialDrawerData} onSave={onDrawerCreate} />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/RelationshipTable/index.scss CHANGED Viewed

@@ -18,6 +18,10 @@
       padding-bottom: var(--base);
     }
+    &__add-new-polymorphic-wrapper {
+      display: inline-flex;
+    }
     &__add-new-polymorphic .btn__label {
       display: flex;
       text-wrap: nowrap;

package/dist/elements/ShimmerEffect/index.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import * as React from 'react';
 import './index.scss';
 export type ShimmerEffectProps = {
     readonly animationDelay?: string;
+    readonly className?: string;
+    readonly disableInlineStyles?: boolean;
     readonly height?: number | string;
     readonly width?: number | string;
 };

package/dist/elements/ShimmerEffect/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ShimmerEffect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,~~CAqBtD~~,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6B9D,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ShimmerEffect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuBtD,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6B9D,CAAA"}

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

@@ -7,14 +7,16 @@ import { useDelay } from '../../hooks/useDelay.js';
 import './index.scss';
 export const ShimmerEffect = ({
   animationDelay = '0ms',
+  className,
+  disableInlineStyles = false,
   height = '60px',
   width = '100%'
 }) => {
   return /*#__PURE__*/_jsx("div", {
-    className: "shimmer-effect",
+    className: ['shimmer-effect', className].filter(Boolean).join(' '),
     style: {
-      height: typeof height === 'number' ? `${height}px` : height,
-      width: typeof width === 'number' ? `${width}px` : width
+      height: !disableInlineStyles && (typeof height === 'number' ? `${height}px` : height),
+      width: !disableInlineStyles && (typeof width === 'number' ? `${width}px` : width)
     },
     children: /*#__PURE__*/_jsx("div", {
       className: "shimmer-effect__shine",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useDelay","ShimmerEffect","animationDelay","height","width","_jsx","~~className~~","style","StaggeredShimmers","t0","$","count","renderDelay","t1","shimmerDelay","t2","shimmerItemClassName","undefined","shimmerDelayToPass","hasDelayed","t3","children","Array","map","_","i"],"sources":["../../../src/elements/ShimmerEffect/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\nexport type ShimmerEffectProps = {\n readonly animationDelay?: string\n readonly height?: number \| string\n readonly width?: number \| string\n}\n\nexport const ShimmerEffect: React.FC<ShimmerEffectProps> = ({\n animationDelay = '0ms',\n height = '60px',\n width = '100%',\n}) => {\n return (\n <div\n className~~=\"~~shimmer-effect\"\n style={{\n height: typeof height === 'number' ? `${height}px` : height,\n width: typeof width === 'number' ? `${width}px` : width,\n }}\n >\n <div\n className=\"shimmer-effect__shine\"\n style={{\n animationDelay,\n }}\n />\n </div>\n )\n}\n\nexport type StaggeredShimmersProps = {\n className?: string\n count: number\n height?: number \| string\n renderDelay?: number\n shimmerDelay?: number \| string\n shimmerItemClassName?: string\n width?: number \| string\n}\n\nexport const StaggeredShimmers: React.FC<StaggeredShimmersProps> = ({\n className,\n count,\n height,\n renderDelay = 500,\n shimmerDelay = 25,\n shimmerItemClassName,\n width,\n}) => {\n const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n const [hasDelayed] = useDelay(renderDelay, true)\n\n if (!hasDelayed) {\n return null\n }\n\n return (\n <div className={className}>\n {[...Array(count)].map((_, i) => (\n <div className={shimmerItemClassName} key={i}>\n <ShimmerEffect\n animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n height={height}\n width={width}\n />\n </div>\n ))}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,YAAYC,KAAA,MAAW;AAEvB,SAASC,QAAQ,QAAQ;AACzB,OAAO;~~AAQP~~,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAC1DC,cAAA,GAAiB,KAAK;EACtBC,MAAA,GAAS,MAAM;EACfC,KAAA,GAAQ;AAAM,CACf;EACC,oBACEC,IAAA,CAAC;~~IACCC~~,SAAA,~~EAAU~~;~~IACVC~~,KAAA,EAAO;~~MACLJ~~,MAAA,EAAQ,~~OAAOA~~,MAAA,KAAW,WAAW,GAAGA,MAAA,IAAU,GAAGA,~~MAAA~~;~~MACrDC~~,KAAA,EAAO,~~OAAOA~~,KAAA,KAAU,WAAW,GAAGA,KAAA,IAAS,GAAGA;~~IACpD~~;cAEA,aAAAC,IAAA,CAAC;~~MACCC~~,SAAA,EAAU;~~MACVC~~,KAAA,EAAO;~~QACLL~~;MACF;;;AAIR;AAYA,OAAO,~~MAAMM~~,iBAAA,GAAsDC,EAAA;EAAA,MAAAC,CAAA,~~GAAAZ~~,EAAA;EAAC;~~IAAAQ~~,SAAA;~~IAAAK~~,KAAA;~~IAAAR~~,MAAA;~~IAAAS~~,WAAA,EAAAC,EAAA;IAAAC,YAAA,EAAAC,EAAA;IAAAC,oBAAA;~~IAAAZ~~;EAAA,~~IAAAK~~,EAQnE;EAJC,MAAAG,WAAA,GAAAC,EAAiB,KAAAI,SAAA,SAAjBJ,EAAiB;EACjB,MAAAC,YAAA,GAAAC,EAAiB,KAAAE,SAAA,QAAjBF,EAAiB;EAIjB,MAAAG,kBAAA,GAA2B,OAAOJ,YAAA,KAAiB,WAAW,GAAGA,YAAA,IAAgB,GAAGA,YAAA;EACpF,OAAAK,UAAA,~~IAAqBnB~~,QAAA,~~CAASY~~,WAAA,MAAa;EAAA,KAEtCO,UAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,~~QAAAJ~~,SAAA,~~IAAAI~~,CAAA,QAAAC,KAAA,IAAAD,CAAA,~~QAAAP~~,MAAA,~~IAAAO~~,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAM,oBAAA,IAAAN,CAAA,~~QAAAN~~,KAAA;~~IAKHgB~~,EAAA,~~GAAAf~~,IAAA,CAAC;~~MAAAC~~,SAAA;~~MAAAe~~,QAAA,EACE,IAAIC,KAAA,CAAMX,KAAA,GAAAY,GAAA,EAAAC,CAAA,EAAAC,CAAA,~~KACTpB~~,IAAA,CAAC;~~QAAAC~~,SAAA,~~EAAeU~~,oBAAA;QAAAK,QAAA,~~EACdhB~~,IAAA,~~CAAAJ~~,aAAA;UAAAC,cAAA,EACkB,~~QAAQuB~~,CAAA,MAAOP,kBAAA,GAAqB;~~UAAAf~~,MAAA;UAAAC;QAAA,C;~~SAFbqB~~,CAAA;IAAA,C;;;;;;;;;;;SAF/CL,E;CAYJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useDelay","ShimmerEffect","animationDelay","className","disableInlineStyles","height","width","_jsx","filter","Boolean","join","style","StaggeredShimmers","t0","$","count","renderDelay","t1","shimmerDelay","t2","shimmerItemClassName","undefined","shimmerDelayToPass","hasDelayed","t3","children","Array","map","_","i"],"sources":["../../../src/elements/ShimmerEffect/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\nexport type ShimmerEffectProps = {\n readonly animationDelay?: string\n readonly className?: string\n readonly disableInlineStyles?: boolean\n readonly height?: number \| string\n readonly width?: number \| string\n}\n\nexport const ShimmerEffect: React.FC<ShimmerEffectProps> = ({\n animationDelay = '0ms',\n className,\n disableInlineStyles = false,\n height = '60px',\n width = '100%',\n}) => {\n return (\n <div\n className={['shimmer-effect', className].filter(Boolean).join(' ')}\n style={{\n height: !disableInlineStyles && (typeof height === 'number' ? `${height}px` : height),\n width: !disableInlineStyles && (typeof width === 'number' ? `${width}px` : width),\n }}\n >\n <div\n className=\"shimmer-effect__shine\"\n style={{\n animationDelay,\n }}\n />\n </div>\n )\n}\n\nexport type StaggeredShimmersProps = {\n className?: string\n count: number\n height?: number \| string\n renderDelay?: number\n shimmerDelay?: number \| string\n shimmerItemClassName?: string\n width?: number \| string\n}\n\nexport const StaggeredShimmers: React.FC<StaggeredShimmersProps> = ({\n className,\n count,\n height,\n renderDelay = 500,\n shimmerDelay = 25,\n shimmerItemClassName,\n width,\n}) => {\n const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n const [hasDelayed] = useDelay(renderDelay, true)\n\n if (!hasDelayed) {\n return null\n }\n\n return (\n <div className={className}>\n {[...Array(count)].map((_, i) => (\n <div className={shimmerItemClassName} key={i}>\n <ShimmerEffect\n animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n height={height}\n width={width}\n />\n </div>\n ))}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,YAAYC,KAAA,MAAW;AAEvB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAUP,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAC1DC,cAAA,GAAiB,KAAK;EACtBC,SAAS;EACTC,mBAAA,GAAsB,KAAK;EAC3BC,MAAA,GAAS,MAAM;EACfC,KAAA,GAAQ;AAAM,CACf;EACC,oBACEC,IAAA,CAAC;IACCJ,SAAA,EAAW,CAAC,kBAAkBA,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAC9DC,KAAA,EAAO;MACLN,MAAA,EAAQ,CAACD,mBAAA,KAAwB,OAAOC,MAAA,KAAW,WAAW,GAAGA,MAAA,IAAU,GAAGA,MAAK;MACnFC,KAAA,EAAO,CAACF,mBAAA,KAAwB,OAAOE,KAAA,KAAU,WAAW,GAAGA,KAAA,IAAS,GAAGA,KAAI;IACjF;cAEA,aAAAC,IAAA,CAAC;MACCJ,SAAA,EAAU;MACVQ,KAAA,EAAO;QACLT;MACF;;;AAIR;AAYA,OAAO,MAAMU,iBAAA,GAAsDC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAK,SAAA;IAAAY,KAAA;IAAAV,MAAA;IAAAW,WAAA,EAAAC,EAAA;IAAAC,YAAA,EAAAC,EAAA;IAAAC,oBAAA;IAAAd;EAAA,IAAAO,EAQnE;EAJC,MAAAG,WAAA,GAAAC,EAAiB,KAAAI,SAAA,SAAjBJ,EAAiB;EACjB,MAAAC,YAAA,GAAAC,EAAiB,KAAAE,SAAA,QAAjBF,EAAiB;EAIjB,MAAAG,kBAAA,GAA2B,OAAOJ,YAAA,KAAiB,WAAW,GAAGA,YAAA,IAAgB,GAAGA,YAAA;EACpF,OAAAK,UAAA,IAAqBvB,QAAA,CAASgB,WAAA,MAAa;EAAA,KAEtCO,UAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAX,SAAA,IAAAW,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAT,MAAA,IAAAS,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAM,oBAAA,IAAAN,CAAA,QAAAR,KAAA;IAKHkB,EAAA,GAAAjB,IAAA,CAAC;MAAAJ,SAAA;MAAAsB,QAAA,EACE,IAAIC,KAAA,CAAMX,KAAA,GAAAY,GAAA,EAAAC,CAAA,EAAAC,CAAA,KACTtB,IAAA,CAAC;QAAAJ,SAAA,EAAeiB,oBAAA;QAAAK,QAAA,EACdlB,IAAA,CAAAN,aAAA;UAAAC,cAAA,EACkB,QAAQ2B,CAAA,MAAOP,kBAAA,GAAqB;UAAAjB,MAAA;UAAAC;QAAA,C;SAFbuB,CAAA;IAAA,C;;;;;;;;;;;SAF/CL,E;CAYJ","ignoreList":[]}

package/dist/elements/Table/index.scss CHANGED Viewed

@@ -16,6 +16,7 @@
       th {
         font-weight: normal;
         text-align: left;
+        vertical-align: middle;
         [dir='rtl'] & {
           text-align: right;
         }

package/dist/elements/Thumbnail/createThumbnail.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createThumbnail.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/createThumbnail.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,IAAI,KAAG,OAAO,CAAC,MAAM,~~CAgD1D~~,CAAA"}
1	+ {"version":3,"file":"createThumbnail.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/createThumbnail.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,IAAI,KAAG,OAAO,CAAC,MAAM,CAoD1D,CAAA"}

package/dist/elements/Thumbnail/createThumbnail.js CHANGED Viewed

@@ -23,12 +23,18 @@
       const canvas = new OffscreenCanvas(drawWidth, drawHeight) // Create an OffscreenCanvas
       ;
       const ctx = canvas.getContext('2d');
+      // Determine output format based on input file type
+      const outputFormat = file.type === 'image/png' ? 'image/png' : 'image/jpeg';
+      const quality = file.type === 'image/png' ? undefined : 0.8 // PNG doesn't use quality, use higher quality for JPEG
+      ;
       // Draw the image onto the OffscreenCanvas with calculated dimensions
       ctx.drawImage(img, 0, 0, drawWidth, drawHeight);
       // Convert the OffscreenCanvas to a Blob and free up memory
       canvas.convertToBlob({
-        type: 'image/jpeg',
-        quality: 0.25
+        type: outputFormat,
+        ...(quality && {
+          quality
+        })
       }).then(blob => {
         URL.revokeObjectURL(img.src) // Release the Object URL
         ;

package/dist/elements/Thumbnail/createThumbnail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createThumbnail.js","names":["createThumbnail","file","Promise","resolve","reject","img","Image","src","URL","createObjectURL","onload","maxDimension","drawHeight","drawWidth","aspectRatio","width","height","canvas","OffscreenCanvas","ctx","getContext","~~drawImage~~","~~convertToBlob~~","~~type~~","~~quality~~","then","blob","revokeObjectURL","reader","FileReader","result","onerror","readAsDataURL","catch","error"],"sources":["../../../src/elements/Thumbnail/createThumbnail.ts"],"sourcesContent":["/*\n Create a thumbnail from a File object by drawing it onto an OffscreenCanvas\n /\nexport const createThumbnail = (file: File): Promise<string> => {\n return new Promise((resolve, reject) => {\n const img = new Image()\n img.src = URL.createObjectURL(file) // Use Object URL directly\n\n img.onload = () => {\n const maxDimension = 280\n let drawHeight: number, drawWidth: number\n\n // Calculate aspect ratio\n const aspectRatio = img.width / img.height\n\n // Determine dimensions to fit within maxDimension while maintaining aspect ratio\n if (aspectRatio > 1) {\n // Image is wider than tall\n drawWidth = maxDimension\n drawHeight = maxDimension / aspectRatio\n } else {\n // Image is taller than wide, or square\n drawWidth = maxDimension aspectRatio\n drawHeight = maxDimension\n }\n\n const canvas = new OffscreenCanvas(drawWidth, drawHeight) // Create an OffscreenCanvas\n const ctx = canvas.getContext('2d')\n\n // Draw the image onto the OffscreenCanvas with calculated dimensions\n ctx.drawImage(img, 0, 0, drawWidth, drawHeight)\n\n // Convert the OffscreenCanvas to a Blob and free up memory\n canvas\n .convertToBlob({ type: ~~'image/jpeg'~~, quality: ~~0.25~~ })\n .then((blob) => {\n URL.revokeObjectURL(img.src) // Release the Object URL\n const reader = new FileReader()\n reader.onload = () => resolve(reader.result as string) // Resolve as data URL\n reader.onerror = reject\n reader.readAsDataURL(blob)\n })\n .catch(reject)\n }\n\n img.onerror = (error) => {\n URL.revokeObjectURL(img.src) // Release Object URL on error\n // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors\n reject(error)\n }\n })\n}\n"],"mappings":"AAAA;;GAGA,OAAO,MAAMA,eAAA,GAAmBC,IAAA;EAC9B,OAAO,IAAIC,OAAA,CAAQ,CAACC,OAAA,EAASC,MAAA;IAC3B,MAAMC,GAAA,GAAM,IAAIC,KAAA;IAChBD,GAAA,CAAIE,GAAG,GAAGC,GAAA,CAAIC,eAAe,CAACR,IAAA,EAAM;IAAA;IAEpCI,GAAA,CAAIK,MAAM,GAAG;MACX,MAAMC,YAAA,GAAe;MACrB,IAAIC,UAAA,EAAoBC,SAAA;MAExB;MACA,MAAMC,WAAA,GAAcT,GAAA,CAAIU,KAAK,GAAGV,GAAA,CAAIW,MAAM;MAE1C;MACA,IAAIF,WAAA,GAAc,GAAG;QACnB;QACAD,SAAA,GAAYF,YAAA;QACZC,UAAA,GAAaD,YAAA,GAAeG,WAAA;MAC9B,OAAO;QACL;QACAD,SAAA,GAAYF,YAAA,GAAeG,WAAA;QAC3BF,UAAA,GAAaD,YAAA;MACf;MAEA,MAAMM,MAAA,GAAS,IAAIC,eAAA,CAAgBL,SAAA,EAAWD,UAAA,EAAY;MAAA;MAC1D,MAAMO,GAAA,GAAMF,MAAA,CAAOG,UAAU,CAAC;MAE9B;~~MACAD~~,GAAA,~~CAAIE~~,SAAS,~~CAAChB~~,GAAA,EAAK,GAAG,GAAGQ,SAAA,EAAWD,UAAA;MAEpC;MACAK,MAAA,~~CACGK~~,aAAa,CAAC;~~QAAEC~~,IAAA,~~EAAM~~;~~QAAcC~~,OAAA,~~EAAS~~;~~MAAK~~,~~GAClDC~~,IAAI,CAAEC,IAAA;~~QACLlB~~,GAAA,~~CAAImB~~,eAAe,~~CAACtB~~,GAAA,CAAIE,GAAG,EAAE;QAAA;QAC7B,~~MAAMqB~~,MAAA,GAAS,IAAIC,UAAA;QACnBD,MAAA,~~CAAOlB~~,MAAM,GAAG,MAAMP,OAAA,~~CAAQyB~~,MAAA,CAAOE,MAAM,EAAY;QAAA;QACvDF,MAAA,CAAOG,OAAO,~~GAAG3B~~,MAAA;~~QACjBwB~~,MAAA,CAAOI,aAAa,CAACN,IAAA;MACvB,GACCO,KAAK,~~CAAC7B~~,MAAA;IACX;IAEAC,GAAA,~~CAAI0B~~,OAAO,GAAIG,KAAA;~~MACb1B~~,GAAA,~~CAAImB~~,eAAe,~~CAACtB~~,GAAA,CAAIE,GAAG,EAAE;MAAA;MAC7B;MACAH,MAAA,~~CAAO8B~~,KAAA;IACT;EACF;AACF","ignoreList":[]}
1	+ {"version":3,"file":"createThumbnail.js","names":["createThumbnail","file","Promise","resolve","reject","img","Image","src","URL","createObjectURL","onload","maxDimension","drawHeight","drawWidth","aspectRatio","width","height","canvas","OffscreenCanvas","ctx","getContext","outputFormat","type","quality","undefined","drawImage","convertToBlob","then","blob","revokeObjectURL","reader","FileReader","result","onerror","readAsDataURL","catch","error"],"sources":["../../../src/elements/Thumbnail/createThumbnail.ts"],"sourcesContent":["/*\n Create a thumbnail from a File object by drawing it onto an OffscreenCanvas\n /\nexport const createThumbnail = (file: File): Promise<string> => {\n return new Promise((resolve, reject) => {\n const img = new Image()\n img.src = URL.createObjectURL(file) // Use Object URL directly\n\n img.onload = () => {\n const maxDimension = 280\n let drawHeight: number, drawWidth: number\n\n // Calculate aspect ratio\n const aspectRatio = img.width / img.height\n\n // Determine dimensions to fit within maxDimension while maintaining aspect ratio\n if (aspectRatio > 1) {\n // Image is wider than tall\n drawWidth = maxDimension\n drawHeight = maxDimension / aspectRatio\n } else {\n // Image is taller than wide, or square\n drawWidth = maxDimension aspectRatio\n drawHeight = maxDimension\n }\n\n const canvas = new OffscreenCanvas(drawWidth, drawHeight) // Create an OffscreenCanvas\n const ctx = canvas.getContext('2d')\n\n // Determine output format based on input file type\n const outputFormat = file.type === 'image/png' ? 'image/png' : 'image/jpeg'\n const quality = file.type === 'image/png' ? undefined : 0.8 // PNG doesn't use quality, use higher quality for JPEG\n\n // Draw the image onto the OffscreenCanvas with calculated dimensions\n ctx.drawImage(img, 0, 0, drawWidth, drawHeight)\n\n // Convert the OffscreenCanvas to a Blob and free up memory\n canvas\n .convertToBlob({ type: outputFormat, ...(quality && { quality }) })\n .then((blob) => {\n URL.revokeObjectURL(img.src) // Release the Object URL\n const reader = new FileReader()\n reader.onload = () => resolve(reader.result as string) // Resolve as data URL\n reader.onerror = reject\n reader.readAsDataURL(blob)\n })\n .catch(reject)\n }\n\n img.onerror = (error) => {\n URL.revokeObjectURL(img.src) // Release Object URL on error\n // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors\n reject(error)\n }\n })\n}\n"],"mappings":"AAAA;;GAGA,OAAO,MAAMA,eAAA,GAAmBC,IAAA;EAC9B,OAAO,IAAIC,OAAA,CAAQ,CAACC,OAAA,EAASC,MAAA;IAC3B,MAAMC,GAAA,GAAM,IAAIC,KAAA;IAChBD,GAAA,CAAIE,GAAG,GAAGC,GAAA,CAAIC,eAAe,CAACR,IAAA,EAAM;IAAA;IAEpCI,GAAA,CAAIK,MAAM,GAAG;MACX,MAAMC,YAAA,GAAe;MACrB,IAAIC,UAAA,EAAoBC,SAAA;MAExB;MACA,MAAMC,WAAA,GAAcT,GAAA,CAAIU,KAAK,GAAGV,GAAA,CAAIW,MAAM;MAE1C;MACA,IAAIF,WAAA,GAAc,GAAG;QACnB;QACAD,SAAA,GAAYF,YAAA;QACZC,UAAA,GAAaD,YAAA,GAAeG,WAAA;MAC9B,OAAO;QACL;QACAD,SAAA,GAAYF,YAAA,GAAeG,WAAA;QAC3BF,UAAA,GAAaD,YAAA;MACf;MAEA,MAAMM,MAAA,GAAS,IAAIC,eAAA,CAAgBL,SAAA,EAAWD,UAAA,EAAY;MAAA;MAC1D,MAAMO,GAAA,GAAMF,MAAA,CAAOG,UAAU,CAAC;MAE9B;MACA,MAAMC,YAAA,GAAepB,IAAA,CAAKqB,IAAI,KAAK,cAAc,cAAc;MAC/D,MAAMC,OAAA,GAAUtB,IAAA,CAAKqB,IAAI,KAAK,cAAcE,SAAA,GAAY,IAAI;MAAA;MAE5D;MACAL,GAAA,CAAIM,SAAS,CAACpB,GAAA,EAAK,GAAG,GAAGQ,SAAA,EAAWD,UAAA;MAEpC;MACAK,MAAA,CACGS,aAAa,CAAC;QAAEJ,IAAA,EAAMD,YAAA;QAAc,IAAIE,OAAA,IAAW;UAAEA;QAAQ,CAAC;MAAE,GAChEI,IAAI,CAAEC,IAAA;QACLpB,GAAA,CAAIqB,eAAe,CAACxB,GAAA,CAAIE,GAAG,EAAE;QAAA;QAC7B,MAAMuB,MAAA,GAAS,IAAIC,UAAA;QACnBD,MAAA,CAAOpB,MAAM,GAAG,MAAMP,OAAA,CAAQ2B,MAAA,CAAOE,MAAM,EAAY;QAAA;QACvDF,MAAA,CAAOG,OAAO,GAAG7B,MAAA;QACjB0B,MAAA,CAAOI,aAAa,CAACN,IAAA;MACvB,GACCO,KAAK,CAAC/B,MAAA;IACX;IAEAC,GAAA,CAAI4B,OAAO,GAAIG,KAAA;MACb5B,GAAA,CAAIqB,eAAe,CAACxB,GAAA,CAAIE,GAAG,EAAE;MAAA;MAC7B;MACAH,MAAA,CAAOgC,KAAA;IACT;EACF;AACF","ignoreList":[]}

package/dist/exports/client/{CodeEditor-Z3ZZJH7C.js → CodeEditor-YP63NRLU.js} RENAMED Viewed

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
-import{i as a}from"./chunk-CNCOIY3Y.js";import"./chunk-5LKBKI4T.js";export{a as default};
-//# sourceMappingURL=CodeEditor-Z3ZZJH7C.js.map
+import{i as a}from"./chunk-5EP6VERX.js";import"./chunk-5LKBKI4T.js";export{a as default};
+//# sourceMappingURL=CodeEditor-YP63NRLU.js.map

package/dist/exports/client/{chunk-CNCOIY3Y.js → chunk-5EP6VERX.js} RENAMED Viewed

@@ -11,7 +11,7 @@ function require(m) {
 // Workaround end
 import{c as Er}from"react/compiler-runtime";import{jsx as Ue}from"react/jsx-runtime";function ze(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function se(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function re(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?se(Object(r),!0).forEach(function(n){ze(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):se(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Ke(t,e){if(t==null)return{};var r={},n=Object.keys(t),o,i;for(i=0;i<n.length;i++)o=n[i],!(e.indexOf(o)>=0)&&(r[o]=t[o]);return r}function de(t,e){if(t==null)return{};var r=Ke(t,e),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)n=i[o],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function me(t,e){return Ge(t)||Ye(t,e)||Je(t,e)||Qe()}function Ge(t){if(Array.isArray(t))return t}function Ye(t,e){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(t)))){var r=[],n=!0,o=!1,i=void 0;try{for(var a=t[Symbol.iterator](),c;!(n=(c=a.next()).done)&&(r.push(c.value),!(e&&r.length===e));n=!0);}catch(u){o=!0,i=u}finally{try{!n&&a.return!=null&&a.return()}finally{if(o)throw i}}return r}}function Je(t,e){if(t){if(typeof t=="string")return fe(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return fe(t,e)}}function fe(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function Qe(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Xe(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function pe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function ge(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?pe(Object(r),!0).forEach(function(n){Xe(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Ze(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return e.reduceRight(function(o,i){return i(o)},n)}}function W(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,c=new Array(a),u=0;u<a;u++)c[u]=arguments[u];return e.apply(r,[].concat(o,c))}}}function G(t){return{}.toString.call(t).includes("Object")}function et(t){return!Object.keys(t).length}function H(t){return typeof t=="function"}function tt(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function rt(t,e){return G(e)||A("changeType"),Object.keys(e).some(function(r){return!tt(t,r)})&&A("changeField"),e}function nt(t){H(t)||A("selectorType")}function ot(t){H(t)||G(t)||A("handlerType"),G(t)&&Object.values(t).some(function(e){return!H(e)})&&A("handlersType")}function it(t){t||A("initialIsRequired"),G(t)||A("initialType"),et(t)&&A("initialContent")}function at(t,e){throw new Error(t[e]||t.default)}var ct={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},A=W(at)(ct),K={changes:rt,selector:nt,handler:ot,initial:it};function ut(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};K.initial(t),K.handler(e);var r={current:t},n=W(ft)(r,e),o=W(st)(r),i=W(K.changes)(t),a=W(lt)(r);function c(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(f){return f};return K.selector(l),l(r.current)}function u(l){Ze(n,o,i,a)(l)}return[c,u]}function lt(t,e){return H(e)?e(t.current):e}function st(t,e){return t.current=ge(ge({},t.current),e),e}function ft(t,e,r){return H(e)?e(t.current):Object.keys(r).forEach(function(n){var o;return(o=e[n])===null||o===void 0?void 0:o.call(e,t.current[n])}),r}var dt={create:ut},he=dt;var mt={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"}},ve=mt;function pt(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,c=new Array(a),u=0;u<a;u++)c[u]=arguments[u];return e.apply(r,[].concat(o,c))}}}var be=pt;function gt(t){return{}.toString.call(t).includes("Object")}var ye=gt;function ht(t){return t||we("configIsRequired"),ye(t)||we("configType"),t.urls?(vt(),{paths:{vs:t.urls.monacoBase}}):t}function vt(){console.warn(Oe.deprecation)}function bt(t,e){throw new Error(t[e]||t.default)}var Oe={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Xe(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function pe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function ge(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?pe(Object(r),!0).forEach(function(n){Xe(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Ze(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return e.reduceRight(function(o,i){return i(o)},n)}}function W(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,c=new Array(a),u=0;u<a;u++)c[u]=arguments[u];return e.apply(r,[].concat(o,c))}}}function G(t){return{}.toString.call(t).includes("Object")}function et(t){return!Object.keys(t).length}function B(t){return typeof t=="function"}function tt(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function rt(t,e){return G(e)||A("changeType"),Object.keys(e).some(function(r){return!tt(t,r)})&&A("changeField"),e}function nt(t){B(t)||A("selectorType")}function ot(t){B(t)||G(t)||A("handlerType"),G(t)&&Object.values(t).some(function(e){return!B(e)})&&A("handlersType")}function it(t){t||A("initialIsRequired"),G(t)||A("initialType"),et(t)&&A("initialContent")}function at(t,e){throw new Error(t[e]||t.default)}var ct={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},A=W(at)(ct),K={changes:rt,selector:nt,handler:ot,initial:it};function ut(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};K.initial(t),K.handler(e);var r={current:t},n=W(ft)(r,e),o=W(st)(r),i=W(K.changes)(t),a=W(lt)(r);function c(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(f){return f};return K.selector(l),l(r.current)}function u(l){Ze(n,o,i,a)(l)}return[c,u]}function lt(t,e){return B(e)?e(t.current):e}function st(t,e){return t.current=ge(ge({},t.current),e),e}function ft(t,e,r){return B(e)?e(t.current):Object.keys(r).forEach(function(n){var o;return(o=e[n])===null||o===void 0?void 0:o.call(e,t.current[n])}),r}var dt={create:ut},he=dt;var mt={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"}},ve=mt;function pt(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,c=new Array(a),u=0;u<a;u++)c[u]=arguments[u];return e.apply(r,[].concat(o,c))}}}var be=pt;function gt(t){return{}.toString.call(t).includes("Object")}var ye=gt;function ht(t){return t||we("configIsRequired"),ye(t)||we("configType"),t.urls?(vt(),{paths:{vs:t.urls.monacoBase}}):t}function vt(){console.warn(Oe.deprecation)}function bt(t,e){throw new Error(t[e]||t.default)}var Oe={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
     You are using deprecated way of configuration.
     Instead of using
@@ -20,7 +20,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       monaco.config({ paths: { vs: '...' } })
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},we=be(bt)(Oe),yt={config:ht},je=yt;var wt=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}},Me=wt;function xe(t,e){return Object.keys(e).forEach(function(r){e[r]instanceof Object&&t[r]&&Object.assign(e[r],xe(t[r],e[r]))}),re(re({},t),e)}var Se=xe;var Ot={type:"cancelation",msg:"operation is manually canceled"};function jt(t){var e=!1,r=new Promise(function(n,o){t.then(function(i){return e?o(Ot):n(i)}),t.catch(o)});return r.cancel=function(){return e=!0},r}var Y=jt;var Mt=he.create({config:ve,isInitialized:!1,resolve:null,reject:null,monaco:null}),Ee=me(Mt,2),B=Ee[0],J=Ee[1];function xt(t){var e=je.config(t),r=e.monaco,n=de(e,["monaco"]);J(function(o){return{config:Se(o.config,n),monaco:r}})}function St(){var t=B(function(e){var r=e.monaco,n=e.isInitialized,o=e.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!t.isInitialized){if(J({isInitialized:!0}),t.monaco)return t.resolve(t.monaco),Y(ne);if(window.monaco&&window.monaco.editor)return Pe(window.monaco),t.resolve(window.monaco),Y(ne);Me(Et,Ct)(Tt)}return Y(ne)}function Et(t){return document.body.appendChild(t)}function Pt(t){var e=document.createElement("script");return t&&(e.src=t),e}function Ct(t){var e=B(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=Pt("".concat(e.config.paths.vs,"/loader.js"));return r.onload=function(){return t()},r.onerror=e.reject,r}function Tt(){var t=B(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),e=window.require;e.config(t.config),e(["vs/editor/editor.main"],function(r){Pe(r),t.resolve(r)},function(r){t.reject(r)})}function Pe(t){B().monaco||J({monaco:t})}function It(){return B(function(t){var e=t.monaco;return e})}var ne=new Promise(function(t,e){return J({resolve:t,reject:e})}),Rt={config:xt,init:St,__getMonacoInstance:It},D=Rt;import{memo as At}from"react";import Dt,{useState as Ce,useRef as L,useCallback as Te,useEffect as Ie}from"react";import{memo as kt}from"react";import oe from"react";import _t from"react";import{useEffect as Ut}from"react";import{useEffect as zt,useRef as Kt}from"react";import{useState as mn}from"react";import{memo as Zt}from"react";import er,{useState as Re,useEffect as Q,useRef as I,useCallback as tr}from"react";import{useEffect as rr,useRef as nr}from"react";var Lt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ie=Lt,$t={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Nt=$t;function Vt({children:t}){return _t.createElement("div",{style:Nt.container},t)}var Wt=Vt,Ht=Wt;function Bt({width:t,height:e,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return oe.createElement("section",{style:{...ie.wrapper,width:t,height:e},...a},!r&&oe.createElement(Ht,null,n),oe.createElement("div",{ref:o,style:{...ie.fullWidth,...!r&&ie.hide},className:i}))}var Ft=Bt,Ae=kt(Ft);function qt(t){Ut(t,[])}var De=qt;function Gt(t,e,r=!0){let n=Kt(!0);zt(n.current||!r?()=>{n.current=!1}:t,e)}var E=Gt;function F(){}function _(t,e,r,n){return Yt(t,n)||Jt(t,e,r,n)}function Yt(t,e){return t.editor.getModel(ke(t,e))}function Jt(t,e,r,n){return t.editor.createModel(e,r,n?ke(t,n):void 0)}function ke(t,e){return t.Uri.parse(e)}function Qt({original:t,modified:e,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:c=!1,keepCurrentModifiedModel:u=!1,theme:l="light",loading:f="Loading...",options:s={},height:x="100%",width:v="100%",className:P,wrapperProps:y={},beforeMount:b=F,onMount:S=F}){let[g,T]=Ce(!1),[C,p]=Ce(!0),w=L(null),h=L(null),N=L(null),j=L(S),d=L(b),k=L(!1);De(()=>{let m=D.init();return m.then(O=>(h.current=O)&&p(!1)).catch(O=>O?.type!=="cancelation"&&console.error("Monaco initialization: error:",O)),()=>w.current?V():m.cancel()}),E(()=>{if(w.current&&h.current){let m=w.current.getOriginalEditor(),O=_(h.current,t||"",n||r||"text",i||"");O!==m.getModel()&&m.setModel(O)}},[i],g),E(()=>{if(w.current&&h.current){let m=w.current.getModifiedEditor(),O=_(h.current,e||"",o||r||"text",a||"");O!==m.getModel()&&m.setModel(O)}},[a],g),E(()=>{let m=w.current.getModifiedEditor();m.getOption(h.current.editor.EditorOption.readOnly)?m.setValue(e||""):e!==m.getValue()&&(m.executeEdits("",[{range:m.getModel().getFullModelRange(),text:e||"",forceMoveMarkers:!0}]),m.pushUndoStop())},[e],g),E(()=>{w.current?.getModel()?.original.setValue(t||"")},[t],g),E(()=>{let{original:m,modified:O}=w.current.getModel();h.current.editor.setModelLanguage(m,n||r||"text"),h.current.editor.setModelLanguage(O,o||r||"text")},[r,n,o],g),E(()=>{h.current?.editor.setTheme(l)},[l],g),E(()=>{w.current?.updateOptions(s)},[s],g);let q=Te(()=>{if(!h.current)return;d.current(h.current);let m=_(h.current,t||"",n||r||"text",i||""),O=_(h.current,e||"",o||r||"text",a||"");w.current?.setModel({original:m,modified:O})},[r,e,o,t,n,i,a]),z=Te(()=>{!k.current&&N.current&&(w.current=h.current.editor.createDiffEditor(N.current,{automaticLayout:!0,...s}),q(),h.current?.editor.setTheme(l),T(!0),k.current=!0)},[s,l,q]);Ie(()=>{g&&j.current(w.current,h.current)},[g]),Ie(()=>{!C&&!g&&z()},[C,g,z]);function V(){let m=w.current?.getModel();c||m?.original?.dispose(),u||m?.modified?.dispose(),w.current?.dispose()}return Dt.createElement(Ae,{width:v,height:x,isEditorReady:g,loading:f,_ref:N,className:P,wrapperProps:y})}var Xt=Qt,fn=At(Xt);function or(t){let e=nr();return rr(()=>{e.current=t},[t]),e.current}var ir=or,X=new Map;function ar({defaultValue:t,defaultLanguage:e,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:c,loading:u="Loading...",options:l={},overrideServices:f={},saveViewState:s=!0,keepCurrentModel:x=!1,width:v="100%",height:P="100%",className:y,wrapperProps:b={},beforeMount:S=F,onMount:g=F,onChange:T,onValidate:C=F}){let[p,w]=Re(!1),[h,N]=Re(!0),j=I(null),d=I(null),k=I(null),q=I(g),z=I(S),V=I(),m=I(n),O=ir(i),ue=I(!1),Z=I(!1);De(()=>{let M=D.init();return M.then(R=>(j.current=R)&&N(!1)).catch(R=>R?.type!=="cancelation"&&console.error("Monaco initialization: error:",R)),()=>d.current?qe():M.cancel()}),E(()=>{let M=_(j.current,t||n||"",e||o||"",i||r||"");M!==d.current?.getModel()&&(s&&X.set(O,d.current?.saveViewState()),d.current?.setModel(M),s&&d.current?.restoreViewState(X.get(i)))},[i],p),E(()=>{d.current?.updateOptions(l)},[l],p),E(()=>{!d.current||n===void 0||(d.current.getOption(j.current.editor.EditorOption.readOnly)?d.current.setValue(n):n!==d.current.getValue()&&(Z.current=!0,d.current.executeEdits("",[{range:d.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),d.current.pushUndoStop(),Z.current=!1))},[n],p),E(()=>{let M=d.current?.getModel();M&&o&&j.current?.editor.setModelLanguage(M,o)},[o],p),E(()=>{c!==void 0&&d.current?.revealLine(c)},[c],p),E(()=>{j.current?.editor.setTheme(a)},[a],p);let le=tr(()=>{if(!(!k.current||!j.current)&&!ue.current){z.current(j.current);let M=i||r,R=_(j.current,n||t||"",e||o||"",M||"");d.current=j.current?.editor.create(k.current,{model:R,automaticLayout:!0,...l},f),s&&d.current.restoreViewState(X.get(M)),j.current.editor.setTheme(a),c!==void 0&&d.current.revealLine(c),w(!0),ue.current=!0}},[t,e,r,n,o,i,l,f,s,a,c]);Q(()=>{p&&q.current(d.current,j.current)},[p]),Q(()=>{!h&&!p&&le()},[h,p,le]),m.current=n,Q(()=>{p&&T&&(V.current?.dispose(),V.current=d.current?.onDidChangeModelContent(M=>{Z.current||T(d.current.getValue(),M)}))},[p,T]),Q(()=>{if(p){let M=j.current.editor.onDidChangeMarkers(R=>{let ee=d.current.getModel()?.uri;if(ee&&R.find(te=>te.path===ee.path)){let te=j.current.editor.getModelMarkers({resource:ee});C?.(te)}});return()=>{M?.dispose()}}return()=>{}},[p,C]);function qe(){V.current?.dispose(),x?s&&X.set(i,d.current.saveViewState()):d.current.getModel()?.dispose(),d.current.dispose()}return er.createElement(Ae,{width:v,height:P,isEditorReady:p,loading:u,_ref:k,className:y,wrapperProps:b})}var cr=ar,ur=Zt(cr),ae=ur;import{useState as Pr}from"react";import{c as hr}from"react/compiler-runtime";import{jsx as vr}from"react/jsx-runtime";import{createContext as br,use as yr,useEffect as wr,useState as Ve}from"react";import{jsx as lr}from"react/jsx-runtime";import{createContext as sr,use as fr,useCallback as dr,useEffect as mr,useMemo as Le,useRef as pr,useState as gr}from"react";var $e=sr(void 0);function _e(t){if(!t?.blocks?.length||t.blocksMap)return t.blocksMap={},t;let e={...t};e.blocksMap={};for(let r of t.blocks)e.blocksMap[r.slug]=r;return e}var Mn=({children:t,config:e})=>{let[r,n]=gr(()=>_e(e)),o=pr(!0);mr(()=>{if(o.current){o.current=!1;return}n(_e(e))},[e]);let{collectionsBySlug:i,globalsBySlug:a}=Le(()=>{let l={},f={};for(let s of r.collections)l[s.slug]=s;for(let s of r.globals)f[s.slug]=s;return{collectionsBySlug:l,globalsBySlug:f}},[r]),c=dr(l=>"collectionSlug"in l?i[l.collectionSlug]??null:"globalSlug"in l?a[l.globalSlug]??null:null,[i,a]),u=Le(()=>({config:r,getEntityConfig:c,setConfig:n}),[r,c]);return lr($e,{value:u,children:t})},Ne=()=>fr($e);var Or={autoMode:!0,setTheme:()=>null,theme:"light"},He=br(Or);function We(t,e,r){let n=new Date;n.setTime(n.getTime()+r*24*60*60*1e3);let o="expires="+n.toUTCString();document.cookie=t+"="+e+";"+o+";path=/"}var jr=t=>{let e,r=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1];return r==="light"||r==="dark"?e=r:e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",document.documentElement.setAttribute("data-theme",e),{theme:e,themeFromCookies:r}},Mr="light",Rn=t=>{let e=hr(11),{children:r,theme:n}=t,{config:o}=Ne(),i=o.admin.theme,a=`${o.cookiePrefix||"payload"}-theme`,[c,u]=Ve(n||Mr),[l,f]=Ve(),s,x;e[0]!==a||e[1]!==i?(s=()=>{if(i!=="all")return;let{theme:b,themeFromCookies:S}=jr(a);u(b),f(!S)},x=[i,a],e[0]=a,e[1]=i,e[2]=s,e[3]=x):(s=e[2],x=e[3]),wr(s,x);let v;e[4]!==a?(v=b=>{if(b==="light"||b==="dark")u(b),f(!1),We(a,b,365),document.documentElement.setAttribute("data-theme",b);else if(b==="auto"){We(a,b,-1);let S=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";document.documentElement.setAttribute("data-theme",S),f(!0),u(S)}},e[4]=a,e[5]=v):v=e[5];let P=v,y;return e[6]!==l||e[7]!==r||e[8]!==P||e[9]!==c?(y=vr(He,{value:{autoMode:l,setTheme:P,theme:c},children:r}),e[6]=l,e[7]=r,e[8]=P,e[9]=c,e[10]=y):y=e[10],y},Be=()=>yr(He);import{c as Sr}from"react/compiler-runtime";import{jsx as U}from"react/jsx-runtime";import"react";import{c as xr}from"react/compiler-runtime";import*as $ from"react";var Fe=(t,e)=>{let r=xr(9),n=e===void 0?!1:e,[o,i]=$.useState(!1),a=$.useRef(void 0),c;r[0]!==t?(c=()=>(i(!1),clearTimeout(a.current),a.current=setTimeout(()=>{i(!0)},t),()=>{clearTimeout(a.current)}),r[0]=t,r[1]=c):c=r[1];let u=c,l,f;r[2]!==u||r[3]!==n?(l=()=>{n&&u()},f=[u,n],r[2]=u,r[3]=n,r[4]=l,r[5]=f):(l=r[4],f=r[5]),$.useEffect(l,f);let s;return r[6]!==o||r[7]!==u?(s=[o,u],r[6]=o,r[7]=u,r[8]=s):s=r[8],s};var ce=({animationDelay:t="0ms",height:e="60px",width:r="100%"})=>U("div",{className:"shimmer-effect",style:{height:typeof e=="number"?`${e}px`:e,width:typeof r=="number"?`${r}px`:r},children:U("div",{className:"shimmer-effect__shine",style:{animationDelay:t}})}),Vn=t=>{let e=Sr(7),{className:r,count:n,height:o,renderDelay:i,shimmerDelay:a,shimmerItemClassName:c,width:u}=t,l=i===void 0?500:i,f=a===void 0?25:a,s=typeof f=="number"?`${f}ms`:f,[x]=Fe(l,!0);if(!x)return null;let v;return e[0]!==r||e[1]!==n||e[2]!==o||e[3]!==s||e[4]!==c||e[5]!==u?(v=U("div",{className:r,children:[...Array(n)].map((P,y)=>U("div",{className:c,children:U(ce,{animationDelay:`calc(${y} * ${s})`,height:o,width:u})},y))}),e[0]=r,e[1]=n,e[2]=o,e[3]=s,e[4]=c,e[5]=u,e[6]=v):v=e[6],v};var Cr=ae.default||ae,Tr="code-editor",Ir=t=>{let e=Er(26),r,n,o,i,a,c;e[0]!==t?({className:r,maxHeight:n,minHeight:o,options:i,readOnly:a,...c}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=o,e[4]=i,e[5]=a,e[6]=c):(r=e[1],n=e[2],o=e[3],i=e[4],a=e[5],c=e[6]);let u=o??56,l=i?.padding?(i.padding.top||0)+(i.padding?.bottom||0):0,[f,s]=Pr(u),{theme:x}=Be(),v=c?.defaultLanguage?`language--${c.defaultLanguage}`:"",P=a&&"read-only",y;e[7]!==r||e[8]!==v||e[9]!==P?(y=[Tr,r,v,P].filter(Boolean),e[7]=r,e[8]=v,e[9]=P,e[10]=y):y=e[10];let b=y.join(" "),S;if(e[11]!==u||e[12]!==b||e[13]!==f||e[14]!==n||e[15]!==i||e[16]!==l||e[17]!==a||e[18]!==c||e[19]!==x){let g,T;e[21]!==u||e[22]!==l||e[23]!==c?(g=(C,p)=>{c.onChange?.(C,p),s(Math.max(u,C.split(`
+  `},we=be(bt)(Oe),yt={config:ht},je=yt;var wt=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}},Me=wt;function xe(t,e){return Object.keys(e).forEach(function(r){e[r]instanceof Object&&t[r]&&Object.assign(e[r],xe(t[r],e[r]))}),re(re({},t),e)}var Se=xe;var Ot={type:"cancelation",msg:"operation is manually canceled"};function jt(t){var e=!1,r=new Promise(function(n,o){t.then(function(i){return e?o(Ot):n(i)}),t.catch(o)});return r.cancel=function(){return e=!0},r}var Y=jt;var Mt=he.create({config:ve,isInitialized:!1,resolve:null,reject:null,monaco:null}),Ee=me(Mt,2),H=Ee[0],J=Ee[1];function xt(t){var e=je.config(t),r=e.monaco,n=de(e,["monaco"]);J(function(o){return{config:Se(o.config,n),monaco:r}})}function St(){var t=H(function(e){var r=e.monaco,n=e.isInitialized,o=e.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!t.isInitialized){if(J({isInitialized:!0}),t.monaco)return t.resolve(t.monaco),Y(ne);if(window.monaco&&window.monaco.editor)return Pe(window.monaco),t.resolve(window.monaco),Y(ne);Me(Et,Ct)(Tt)}return Y(ne)}function Et(t){return document.body.appendChild(t)}function Pt(t){var e=document.createElement("script");return t&&(e.src=t),e}function Ct(t){var e=H(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=Pt("".concat(e.config.paths.vs,"/loader.js"));return r.onload=function(){return t()},r.onerror=e.reject,r}function Tt(){var t=H(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),e=window.require;e.config(t.config),e(["vs/editor/editor.main"],function(r){Pe(r),t.resolve(r)},function(r){t.reject(r)})}function Pe(t){H().monaco||J({monaco:t})}function It(){return H(function(t){var e=t.monaco;return e})}var ne=new Promise(function(t,e){return J({resolve:t,reject:e})}),Rt={config:xt,init:St,__getMonacoInstance:It},D=Rt;import{memo as At}from"react";import Dt,{useState as Ce,useRef as L,useCallback as Te,useEffect as Ie}from"react";import{memo as kt}from"react";import oe from"react";import _t from"react";import{useEffect as Ut}from"react";import{useEffect as zt,useRef as Kt}from"react";import{useState as mn}from"react";import{memo as Zt}from"react";import er,{useState as Re,useEffect as Q,useRef as I,useCallback as tr}from"react";import{useEffect as rr,useRef as nr}from"react";var Lt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ie=Lt,$t={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Nt=$t;function Vt({children:t}){return _t.createElement("div",{style:Nt.container},t)}var Wt=Vt,Bt=Wt;function Ht({width:t,height:e,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return oe.createElement("section",{style:{...ie.wrapper,width:t,height:e},...a},!r&&oe.createElement(Bt,null,n),oe.createElement("div",{ref:o,style:{...ie.fullWidth,...!r&&ie.hide},className:i}))}var Ft=Ht,Ae=kt(Ft);function qt(t){Ut(t,[])}var De=qt;function Gt(t,e,r=!0){let n=Kt(!0);zt(n.current||!r?()=>{n.current=!1}:t,e)}var E=Gt;function F(){}function _(t,e,r,n){return Yt(t,n)||Jt(t,e,r,n)}function Yt(t,e){return t.editor.getModel(ke(t,e))}function Jt(t,e,r,n){return t.editor.createModel(e,r,n?ke(t,n):void 0)}function ke(t,e){return t.Uri.parse(e)}function Qt({original:t,modified:e,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:c=!1,keepCurrentModifiedModel:u=!1,theme:l="light",loading:f="Loading...",options:s={},height:x="100%",width:v="100%",className:P,wrapperProps:y={},beforeMount:b=F,onMount:S=F}){let[g,T]=Ce(!1),[C,p]=Ce(!0),w=L(null),h=L(null),N=L(null),j=L(S),d=L(b),k=L(!1);De(()=>{let m=D.init();return m.then(O=>(h.current=O)&&p(!1)).catch(O=>O?.type!=="cancelation"&&console.error("Monaco initialization: error:",O)),()=>w.current?V():m.cancel()}),E(()=>{if(w.current&&h.current){let m=w.current.getOriginalEditor(),O=_(h.current,t||"",n||r||"text",i||"");O!==m.getModel()&&m.setModel(O)}},[i],g),E(()=>{if(w.current&&h.current){let m=w.current.getModifiedEditor(),O=_(h.current,e||"",o||r||"text",a||"");O!==m.getModel()&&m.setModel(O)}},[a],g),E(()=>{let m=w.current.getModifiedEditor();m.getOption(h.current.editor.EditorOption.readOnly)?m.setValue(e||""):e!==m.getValue()&&(m.executeEdits("",[{range:m.getModel().getFullModelRange(),text:e||"",forceMoveMarkers:!0}]),m.pushUndoStop())},[e],g),E(()=>{w.current?.getModel()?.original.setValue(t||"")},[t],g),E(()=>{let{original:m,modified:O}=w.current.getModel();h.current.editor.setModelLanguage(m,n||r||"text"),h.current.editor.setModelLanguage(O,o||r||"text")},[r,n,o],g),E(()=>{h.current?.editor.setTheme(l)},[l],g),E(()=>{w.current?.updateOptions(s)},[s],g);let q=Te(()=>{if(!h.current)return;d.current(h.current);let m=_(h.current,t||"",n||r||"text",i||""),O=_(h.current,e||"",o||r||"text",a||"");w.current?.setModel({original:m,modified:O})},[r,e,o,t,n,i,a]),z=Te(()=>{!k.current&&N.current&&(w.current=h.current.editor.createDiffEditor(N.current,{automaticLayout:!0,...s}),q(),h.current?.editor.setTheme(l),T(!0),k.current=!0)},[s,l,q]);Ie(()=>{g&&j.current(w.current,h.current)},[g]),Ie(()=>{!C&&!g&&z()},[C,g,z]);function V(){let m=w.current?.getModel();c||m?.original?.dispose(),u||m?.modified?.dispose(),w.current?.dispose()}return Dt.createElement(Ae,{width:v,height:x,isEditorReady:g,loading:f,_ref:N,className:P,wrapperProps:y})}var Xt=Qt,fn=At(Xt);function or(t){let e=nr();return rr(()=>{e.current=t},[t]),e.current}var ir=or,X=new Map;function ar({defaultValue:t,defaultLanguage:e,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:c,loading:u="Loading...",options:l={},overrideServices:f={},saveViewState:s=!0,keepCurrentModel:x=!1,width:v="100%",height:P="100%",className:y,wrapperProps:b={},beforeMount:S=F,onMount:g=F,onChange:T,onValidate:C=F}){let[p,w]=Re(!1),[h,N]=Re(!0),j=I(null),d=I(null),k=I(null),q=I(g),z=I(S),V=I(),m=I(n),O=ir(i),ue=I(!1),Z=I(!1);De(()=>{let M=D.init();return M.then(R=>(j.current=R)&&N(!1)).catch(R=>R?.type!=="cancelation"&&console.error("Monaco initialization: error:",R)),()=>d.current?qe():M.cancel()}),E(()=>{let M=_(j.current,t||n||"",e||o||"",i||r||"");M!==d.current?.getModel()&&(s&&X.set(O,d.current?.saveViewState()),d.current?.setModel(M),s&&d.current?.restoreViewState(X.get(i)))},[i],p),E(()=>{d.current?.updateOptions(l)},[l],p),E(()=>{!d.current||n===void 0||(d.current.getOption(j.current.editor.EditorOption.readOnly)?d.current.setValue(n):n!==d.current.getValue()&&(Z.current=!0,d.current.executeEdits("",[{range:d.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),d.current.pushUndoStop(),Z.current=!1))},[n],p),E(()=>{let M=d.current?.getModel();M&&o&&j.current?.editor.setModelLanguage(M,o)},[o],p),E(()=>{c!==void 0&&d.current?.revealLine(c)},[c],p),E(()=>{j.current?.editor.setTheme(a)},[a],p);let le=tr(()=>{if(!(!k.current||!j.current)&&!ue.current){z.current(j.current);let M=i||r,R=_(j.current,n||t||"",e||o||"",M||"");d.current=j.current?.editor.create(k.current,{model:R,automaticLayout:!0,...l},f),s&&d.current.restoreViewState(X.get(M)),j.current.editor.setTheme(a),c!==void 0&&d.current.revealLine(c),w(!0),ue.current=!0}},[t,e,r,n,o,i,l,f,s,a,c]);Q(()=>{p&&q.current(d.current,j.current)},[p]),Q(()=>{!h&&!p&&le()},[h,p,le]),m.current=n,Q(()=>{p&&T&&(V.current?.dispose(),V.current=d.current?.onDidChangeModelContent(M=>{Z.current||T(d.current.getValue(),M)}))},[p,T]),Q(()=>{if(p){let M=j.current.editor.onDidChangeMarkers(R=>{let ee=d.current.getModel()?.uri;if(ee&&R.find(te=>te.path===ee.path)){let te=j.current.editor.getModelMarkers({resource:ee});C?.(te)}});return()=>{M?.dispose()}}return()=>{}},[p,C]);function qe(){V.current?.dispose(),x?s&&X.set(i,d.current.saveViewState()):d.current.getModel()?.dispose(),d.current.dispose()}return er.createElement(Ae,{width:v,height:P,isEditorReady:p,loading:u,_ref:k,className:y,wrapperProps:b})}var cr=ar,ur=Zt(cr),ae=ur;import{useState as Pr}from"react";import{c as hr}from"react/compiler-runtime";import{jsx as vr}from"react/jsx-runtime";import{createContext as br,use as yr,useEffect as wr,useState as Ve}from"react";import{jsx as lr}from"react/jsx-runtime";import{createContext as sr,use as fr,useCallback as dr,useEffect as mr,useMemo as Le,useRef as pr,useState as gr}from"react";var $e=sr(void 0);function _e(t){if(!t?.blocks?.length||t.blocksMap)return t.blocksMap={},t;let e={...t};e.blocksMap={};for(let r of t.blocks)e.blocksMap[r.slug]=r;return e}var Mn=({children:t,config:e})=>{let[r,n]=gr(()=>_e(e)),o=pr(!0);mr(()=>{if(o.current){o.current=!1;return}n(_e(e))},[e]);let{collectionsBySlug:i,globalsBySlug:a}=Le(()=>{let l={},f={};for(let s of r.collections)l[s.slug]=s;for(let s of r.globals)f[s.slug]=s;return{collectionsBySlug:l,globalsBySlug:f}},[r]),c=dr(l=>"collectionSlug"in l?i[l.collectionSlug]??null:"globalSlug"in l?a[l.globalSlug]??null:null,[i,a]),u=Le(()=>({config:r,getEntityConfig:c,setConfig:n}),[r,c]);return lr($e,{value:u,children:t})},Ne=()=>fr($e);var Or={autoMode:!0,setTheme:()=>null,theme:"light"},Be=br(Or);function We(t,e,r){let n=new Date;n.setTime(n.getTime()+r*24*60*60*1e3);let o="expires="+n.toUTCString();document.cookie=t+"="+e+";"+o+";path=/"}var jr=t=>{let e,r=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1];return r==="light"||r==="dark"?e=r:e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",document.documentElement.setAttribute("data-theme",e),{theme:e,themeFromCookies:r}},Mr="light",Rn=t=>{let e=hr(11),{children:r,theme:n}=t,{config:o}=Ne(),i=o.admin.theme,a=`${o.cookiePrefix||"payload"}-theme`,[c,u]=Ve(n||Mr),[l,f]=Ve(),s,x;e[0]!==a||e[1]!==i?(s=()=>{if(i!=="all")return;let{theme:b,themeFromCookies:S}=jr(a);u(b),f(!S)},x=[i,a],e[0]=a,e[1]=i,e[2]=s,e[3]=x):(s=e[2],x=e[3]),wr(s,x);let v;e[4]!==a?(v=b=>{if(b==="light"||b==="dark")u(b),f(!1),We(a,b,365),document.documentElement.setAttribute("data-theme",b);else if(b==="auto"){We(a,b,-1);let S=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";document.documentElement.setAttribute("data-theme",S),f(!0),u(S)}},e[4]=a,e[5]=v):v=e[5];let P=v,y;return e[6]!==l||e[7]!==r||e[8]!==P||e[9]!==c?(y=vr(Be,{value:{autoMode:l,setTheme:P,theme:c},children:r}),e[6]=l,e[7]=r,e[8]=P,e[9]=c,e[10]=y):y=e[10],y},He=()=>yr(Be);import{c as Sr}from"react/compiler-runtime";import{jsx as U}from"react/jsx-runtime";import"react";import{c as xr}from"react/compiler-runtime";import*as $ from"react";var Fe=(t,e)=>{let r=xr(9),n=e===void 0?!1:e,[o,i]=$.useState(!1),a=$.useRef(void 0),c;r[0]!==t?(c=()=>(i(!1),clearTimeout(a.current),a.current=setTimeout(()=>{i(!0)},t),()=>{clearTimeout(a.current)}),r[0]=t,r[1]=c):c=r[1];let u=c,l,f;r[2]!==u||r[3]!==n?(l=()=>{n&&u()},f=[u,n],r[2]=u,r[3]=n,r[4]=l,r[5]=f):(l=r[4],f=r[5]),$.useEffect(l,f);let s;return r[6]!==o||r[7]!==u?(s=[o,u],r[6]=o,r[7]=u,r[8]=s):s=r[8],s};var ce=({animationDelay:t="0ms",className:e,disableInlineStyles:r=!1,height:n="60px",width:o="100%"})=>U("div",{className:["shimmer-effect",e].filter(Boolean).join(" "),style:{height:!r&&(typeof n=="number"?`${n}px`:n),width:!r&&(typeof o=="number"?`${o}px`:o)},children:U("div",{className:"shimmer-effect__shine",style:{animationDelay:t}})}),Vn=t=>{let e=Sr(7),{className:r,count:n,height:o,renderDelay:i,shimmerDelay:a,shimmerItemClassName:c,width:u}=t,l=i===void 0?500:i,f=a===void 0?25:a,s=typeof f=="number"?`${f}ms`:f,[x]=Fe(l,!0);if(!x)return null;let v;return e[0]!==r||e[1]!==n||e[2]!==o||e[3]!==s||e[4]!==c||e[5]!==u?(v=U("div",{className:r,children:[...Array(n)].map((P,y)=>U("div",{className:c,children:U(ce,{animationDelay:`calc(${y} * ${s})`,height:o,width:u})},y))}),e[0]=r,e[1]=n,e[2]=o,e[3]=s,e[4]=c,e[5]=u,e[6]=v):v=e[6],v};var Cr=ae.default||ae,Tr="code-editor",Ir=t=>{let e=Er(26),r,n,o,i,a,c;e[0]!==t?({className:r,maxHeight:n,minHeight:o,options:i,readOnly:a,...c}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=o,e[4]=i,e[5]=a,e[6]=c):(r=e[1],n=e[2],o=e[3],i=e[4],a=e[5],c=e[6]);let u=o??56,l=i?.padding?(i.padding.top||0)+(i.padding?.bottom||0):0,[f,s]=Pr(u),{theme:x}=He(),v=c?.defaultLanguage?`language--${c.defaultLanguage}`:"",P=a&&"read-only",y;e[7]!==r||e[8]!==v||e[9]!==P?(y=[Tr,r,v,P].filter(Boolean),e[7]=r,e[8]=v,e[9]=P,e[10]=y):y=e[10];let b=y.join(" "),S;if(e[11]!==u||e[12]!==b||e[13]!==f||e[14]!==n||e[15]!==i||e[16]!==l||e[17]!==a||e[18]!==c||e[19]!==x){let g,T;e[21]!==u||e[22]!==l||e[23]!==c?(g=(C,p)=>{c.onChange?.(C,p),s(Math.max(u,C.split(`
 `).length*18+2+l))},T=(C,p)=>{c.onMount?.(C,p),s(Math.max(u,C.getValue().split(`
-`).length*18+2+l))},e[21]=u,e[22]=l,e[23]=c,e[24]=g,e[25]=T):(g=e[24],T=e[25]),S=Ue(Cr,{className:b,loading:Ue(ce,{height:f}),options:{detectIndentation:!0,hideCursorInOverviewRuler:!0,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!!a,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,tabSize:2,wordWrap:"on",...i},theme:x==="dark"?"vs-dark":"vs",...c,height:n?Math.min(f,n):f,onChange:g,onMount:T}),e[11]=u,e[12]=b,e[13]=f,e[14]=n,e[15]=i,e[16]=l,e[17]=a,e[18]=c,e[19]=x,e[20]=S}else S=e[20];return S},Gn=Ir;export{Mn as a,Ne as b,Fe as c,ce as d,Vn as e,Mr as f,Rn as g,Be as h,Gn as i};
-//# sourceMappingURL=chunk-CNCOIY3Y.js.map
+`).length*18+2+l))},e[21]=u,e[22]=l,e[23]=c,e[24]=g,e[25]=T):(g=e[24],T=e[25]),S=Ue(Cr,{className:b,loading:Ue(ce,{height:f}),options:{detectIndentation:!0,hideCursorInOverviewRuler:!0,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!!a,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,tabSize:2,wordWrap:"on",...i},theme:x==="dark"?"vs-dark":"vs",...c,height:n?Math.min(f,n):f,onChange:g,onMount:T}),e[11]=u,e[12]=b,e[13]=f,e[14]=n,e[15]=i,e[16]=l,e[17]=a,e[18]=c,e[19]=x,e[20]=S}else S=e[20];return S},Gn=Ir;export{Mn as a,Ne as b,Fe as c,ce as d,Vn as e,Mr as f,Rn as g,He as h,Gn as i};
+//# sourceMappingURL=chunk-5EP6VERX.js.map