@payloadcms/ui 3.2.3-canary.673b4b5 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useCallback","useState","Button","Pill","useIgnoredEffect","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","useTranslation","hoistQueryParamsToAnd","AnimateHeight","ColumnSelector","useDocumentDrawer","RelationshipProvider","TableColumnsProvider","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","allowCreate","disableTable","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","relationTo","Table","setTable","getEntityConfig","permissions","docs","Array","isArray","reduce","acc","doc","id","i18n","t","query","setQuery","openColumnSelector","setOpenColumnSelector","collectionConfig","collectionSlug","isLoadingTable","setIsLoadingTable","data","setData","columnState","setColumnState","getTableState","renderTable","newQuery","where","newData","state","newColumnState","NewTable","enableRowSelections","renderRowTypes","tableAppearance","DocumentDrawer","DocumentDrawerToggler","closeDrawer","openDrawer","onDrawerSave","args","foundDocIndex","findIndex","withNewOrUpdatedDoc","undefined","newDocs","onDrawerCreate","preferenceKey","canCreate","collections","create","_jsxs","className","_jsx","icon","direction","onClick","pillStyle","length","label","labels","plural","singular","defaultLimit","admin","pagination","modifySearchParams","onQueryChange","LinkedCellOverride","sortColumnProps","appearance","height","slug","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  JoinFieldClient,\n  ListQuery,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\nimport type { Column } from '../Table/index.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.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 { useTranslation } from '../../providers/Translation/index.js'\nimport { hoistQueryParamsToAnd } from '../../utilities/mergeListSearchAndWhere.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 { TableColumnsProvider } from '../TableColumns/index.js'\nimport './index.scss'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly allowCreate?: boolean\n  readonly disableTable?: boolean\n  readonly field: JoinFieldClient\n  readonly filterOptions?: Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerData?: DocumentDrawerProps['initialData']\n  readonly Label?: React.ReactNode\n  readonly relationTo: string\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    allowCreate = true,\n    disableTable = false,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerData,\n    Label,\n    relationTo,\n  } = props\n  const [Table, setTable] = useState<React.ReactNode>(null)\n\n  const { 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(\n    () => getEntityConfig({ collectionSlug: relationTo }) as ClientCollectionConfig,\n  )\n\n  const [isLoadingTable, setIsLoadingTable] = useState(true)\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        ...(query || {}),\n        where: { ...(query?.where || {}) },\n      }\n\n      if (filterOptions) {\n        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n      }\n\n      const {\n        data: newData,\n        state: newColumnState,\n        Table: NewTable,\n      } = await getTableState({\n        collectionSlug: relationTo,\n        docs,\n        enableRowSelections: false,\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    [getTableState, relationTo, filterOptions, query],\n  )\n\n  useIgnoredEffect(\n    () => {\n      if (!disableTable && (!Table || query)) {\n        void renderTable()\n      }\n    },\n    [query, disableTable],\n    [Table, renderTable],\n  )\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    collectionSlug: relationTo,\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      void onDrawerSave(args)\n    },\n    [closeDrawer, onDrawerSave],\n  )\n\n  const preferenceKey = `${relationTo}-list`\n\n  const canCreate = allowCreate !== false && permissions?.collections?.[relationTo]?.create\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          {canCreate && (\n            <DocumentDrawerToggler className={`${baseClass}__add-new`}>\n              {i18n.t('fields:addNew')}\n            </DocumentDrawerToggler>\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          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\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: 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                collectionSlug={relationTo}\n                data={data}\n                defaultLimit={collectionConfig?.admin?.pagination?.defaultLimit}\n                modifySearchParams={false}\n                onQueryChange={setQuery}\n                preferenceKey={preferenceKey}\n              >\n                <TableColumnsProvider\n                  collectionSlug={relationTo}\n                  columnState={columnState}\n                  docs={data.docs}\n                  LinkedCellOverride={<DrawerLink onDrawerSave={onDrawerSave} />}\n                  preferenceKey={preferenceKey}\n                  renderRowTypes\n                  setTable={setTable}\n                  sortColumnProps={{\n                    appearance: 'condensed',\n                  }}\n                  tableAppearance=\"condensed\"\n                >\n                  <AnimateHeight\n                    className={`${baseClass}__columns`}\n                    height={openColumnSelector ? 'auto' : 0}\n                    id={`${baseClass}-columns`}\n                  >\n                    <div className={`${baseClass}__columns-inner`}>\n                      <ColumnSelector collectionSlug={collectionConfig.slug} />\n                    </div>\n                  </AnimateHeight>\n                  {Table}\n                  <RelationshipTablePagination />\n                </TableColumnsProvider>\n              </ListQueryProvider>\n            </RelationshipProvider>\n          )}\n        </Fragment>\n      )}\n      <DocumentDrawer initialData={initialDrawerData} onSave={onDrawerCreate} />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useState","Button","Pill","useIgnoredEffect","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","useTranslation","hoistQueryParamsToAnd","AnimateHeight","ColumnSelector","useDocumentDrawer","RelationshipProvider","TableColumnsProvider","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","$","allowCreate","t0","disableTable","t1","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","relationTo","undefined","Table","setTable","getEntityConfig","permissions","t2","docs","Array","isArray","reduce","_temp","i18n","t","query","setQuery","openColumnSelector","setOpenColumnSelector","t3","collectionSlug","collectionConfig","isLoadingTable","setIsLoadingTable","data","setData","columnState","setColumnState","getTableState","t4","newQuery","where","newData","state","newColumnState","NewTable","enableRowSelections","renderRowTypes","tableAppearance","renderTable","t5","t6","t7","t8","DocumentDrawer","DocumentDrawerToggler","t9","closeDrawer","openDrawer","t10","args","foundDocIndex","findIndex","doc_0","doc","id","withNewOrUpdatedDoc","newDocs","onDrawerSave","t11","args_0","onDrawerCreate","preferenceKey","canCreate","collections","create","t12","_jsx","className","children","t13","t14","t15","t16","_jsxs","icon","direction","pillStyle","length","label","labels","plural","onClick","singular","defaultLimit","admin","pagination","modifySearchParams","onQueryChange","LinkedCellOverride","height","slug","onSave","acc"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  JoinFieldClient,\n  ListQuery,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\nimport type { Column } from '../Table/index.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.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 { useTranslation } from '../../providers/Translation/index.js'\nimport { hoistQueryParamsToAnd } from '../../utilities/mergeListSearchAndWhere.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 { TableColumnsProvider } from '../TableColumns/index.js'\nimport './index.scss'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly allowCreate?: boolean\n  readonly disableTable?: boolean\n  readonly field: JoinFieldClient\n  readonly filterOptions?: Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerData?: DocumentDrawerProps['initialData']\n  readonly Label?: React.ReactNode\n  readonly relationTo: string\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    allowCreate = true,\n    disableTable = false,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerData,\n    Label,\n    relationTo,\n  } = props\n  const [Table, setTable] = useState<React.ReactNode>(null)\n\n  const { 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(\n    () => getEntityConfig({ collectionSlug: relationTo }) as ClientCollectionConfig,\n  )\n\n  const [isLoadingTable, setIsLoadingTable] = useState(true)\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        ...(query || {}),\n        where: { ...(query?.where || {}) },\n      }\n\n      if (filterOptions) {\n        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n      }\n\n      const {\n        data: newData,\n        state: newColumnState,\n        Table: NewTable,\n      } = await getTableState({\n        collectionSlug: relationTo,\n        docs,\n        enableRowSelections: false,\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    [getTableState, relationTo, filterOptions, query],\n  )\n\n  useIgnoredEffect(\n    () => {\n      if (!disableTable && (!Table || query)) {\n        void renderTable()\n      }\n    },\n    [query, disableTable],\n    [Table, renderTable],\n  )\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    collectionSlug: relationTo,\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      void onDrawerSave(args)\n    },\n    [closeDrawer, onDrawerSave],\n  )\n\n  const preferenceKey = `${relationTo}-list`\n\n  const canCreate = allowCreate !== false && permissions?.collections?.[relationTo]?.create\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          {canCreate && (\n            <DocumentDrawerToggler className={`${baseClass}__add-new`}>\n              {i18n.t('fields:addNew')}\n            </DocumentDrawerToggler>\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          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\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: 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                collectionSlug={relationTo}\n                data={data}\n                defaultLimit={collectionConfig?.admin?.pagination?.defaultLimit}\n                modifySearchParams={false}\n                onQueryChange={setQuery}\n                preferenceKey={preferenceKey}\n              >\n                <TableColumnsProvider\n                  collectionSlug={relationTo}\n                  columnState={columnState}\n                  docs={data.docs}\n                  LinkedCellOverride={<DrawerLink onDrawerSave={onDrawerSave} />}\n                  preferenceKey={preferenceKey}\n                  renderRowTypes\n                  setTable={setTable}\n                  sortColumnProps={{\n                    appearance: 'condensed',\n                  }}\n                  tableAppearance=\"condensed\"\n                >\n                  <AnimateHeight\n                    className={`${baseClass}__columns`}\n                    height={openColumnSelector ? 'auto' : 0}\n                    id={`${baseClass}-columns`}\n                  >\n                    <div className={`${baseClass}__columns-inner`}>\n                      <ColumnSelector collectionSlug={collectionConfig.slug} />\n                    </div>\n                  </AnimateHeight>\n                  {Table}\n                  <RelationshipTablePagination />\n                </TableColumnsProvider>\n              </ListQueryProvider>\n            </RelationshipProvider>\n          )}\n        </Fragment>\n      )}\n      <DocumentDrawer initialData={initialDrawerData} onSave={onDrawerCreate} />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/RenderIfInViewport/index.js

@@ -27,15 +27,15 @@ export const RenderIfInViewport = t0 => {
   const shouldRender = forceRender || isIntersecting || isAboveViewport;
   let t2;
   let t3;
-  if ($[1] !== shouldRender || $[2] !== hasRendered) {
+  if ($[1] !== hasRendered || $[2] !== shouldRender) {
     t2 = () => {
       if (shouldRender && !hasRendered) {
         setHasRendered(true);
       }
     };
     t3 = [shouldRender, hasRendered];
-    $[1] = shouldRender;
-    $[2] = hasRendered;
+    $[1] = hasRendered;
+    $[2] = shouldRender;
     $[3] = t2;
     $[4] = t3;
   } else {

package/dist/elements/RenderIfInViewport/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useIntersect","RenderIfInViewport","t0","$","children","className","forceRender","hasRendered","setHasRendered","useState","Boolean","t1","Symbol","for","rootMargin","intersectionRef","entry","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","t2","t3","useEffect","t4","t5","_jsx","ref"],"sources":["../../../src/elements/RenderIfInViewport/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\n\nexport const RenderIfInViewport: React.FC<{\n  children: React.ReactNode\n  className?: string\n  forceRender?: boolean\n}> = ({ children, className, forceRender }) => {\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  return (\n    <div className={className} ref={intersectionRef}>\n      {hasRendered ? children : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,kBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAAoC;EACxC,OAAAK,WAAA,EAAAC,cAAA,IAAsCT,KAAA,CAAAU,QAAA,CAAeC,OAAA,CAAQJ,WAAA;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAE3DF,EAAA;MAAAG,UAAA,EACc;IAAA;IACdX,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAHF,OAAAY,eAAA,EAAAC,KAAA,IAAiChB,YAAA,CAC/BW,EAEA,EACAD,OAAA,CAAQJ,WAAA;EAGV,MAAAW,cAAA,GAAuBP,OAAA,CAAQM,KAAA,EAAAC,cAAO;EACtC,MAAAC,eAAA,GAAwBF,KAAA,EAAAG,kBAAA,EAAAC,GAAA,IAAiC;EACzD,MAAAC,YAAA,GAAqBf,WAAA,IAAeW,cAAA,IAAkBC,eAAA;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAkB,YAAA,IAAAlB,CAAA,QAAAI,WAAA;IAEtCe,EAAA,GAAAA,CAAA;MAAA,IACVD,YAAA,KAAiBd,WAAA;QACnBC,cAAA,KAAe;MAAA;IAAA;IAEhBe,EAAA,IAACF,YAAA,EAAcd,WAAA;IAAYJ,CAAA,MAAAkB,YAAA;IAAAlB,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAJ9BJ,KAAA,CAAAyB,SAAA,CAAgBF,EAIhB,EAAGC,EAA2B;EAIzB,MAAAE,EAAA,GAAAlB,WAAA,GAAcH,QAAA,OAAW;EAAA,IAAAsB,EAAA;EAAA,IAAAvB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,eAAA,IAAAZ,CAAA,QAAAsB,EAAA;IAD5BC,EAAA,GAAAC,IAAA,CAAC;MAAAtB,SAAA;MAAAuB,GAAA,EAA+Bb,eAAA;MAAAX,QAAA,EAC7BqB;IAAyB,C;;;;;;;;SAD5BC,E;CAIJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useIntersect","RenderIfInViewport","t0","$","children","className","forceRender","hasRendered","setHasRendered","useState","Boolean","t1","Symbol","for","rootMargin","intersectionRef","entry","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","t2","t3","useEffect","t4","t5","_jsx","ref"],"sources":["../../../src/elements/RenderIfInViewport/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\n\nexport const RenderIfInViewport: React.FC<{\n  children: React.ReactNode\n  className?: string\n  forceRender?: boolean\n}> = ({ children, className, forceRender }) => {\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  return (\n    <div className={className} ref={intersectionRef}>\n      {hasRendered ? children : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,kBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAAoC;EACxC,OAAAK,WAAA,EAAAC,cAAA,IAAsCT,KAAA,CAAAU,QAAA,CAAeC,OAAA,CAAQJ,WAAA;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAE3DF,EAAA;MAAAG,UAAA,EACc;IAAA;IACdX,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAHF,OAAAY,eAAA,EAAAC,KAAA,IAAiChB,YAAA,CAC/BW,EAEA,EACAD,OAAA,CAAQJ,WAAA;EAGV,MAAAW,cAAA,GAAuBP,OAAA,CAAQM,KAAA,EAAAC,cAAO;EACtC,MAAAC,eAAA,GAAwBF,KAAA,EAAAG,kBAAA,EAAAC,GAAA,IAAiC;EACzD,MAAAC,YAAA,GAAqBf,WAAA,IAAeW,cAAA,IAAkBC,eAAA;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAkB,YAAA;IAEtCC,EAAA,GAAAA,CAAA;MAAA,IACVD,YAAA,KAAiBd,WAAA;QACnBC,cAAA,KAAe;MAAA;IAAA;IAEhBe,EAAA,IAACF,YAAA,EAAcd,WAAA;IAAYJ,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAkB,YAAA;IAAAlB,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAJ9BJ,KAAA,CAAAyB,SAAA,CAAgBF,EAIhB,EAAGC,EAA2B;EAIzB,MAAAE,EAAA,GAAAlB,WAAA,GAAcH,QAAA,OAAW;EAAA,IAAAsB,EAAA;EAAA,IAAAvB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,eAAA,IAAAZ,CAAA,QAAAsB,EAAA;IAD5BC,EAAA,GAAAC,IAAA,CAAC;MAAAtB,SAAA;MAAAuB,GAAA,EAA+Bb,eAAA;MAAAX,QAAA,EAC7BqB;IAAyB,C;;;;;;;;SAD5BC,E;CAIJ","ignoreList":[]}

package/dist/elements/RenderTitle/index.js

@@ -25,7 +25,7 @@ export const RenderTitle = props => {
   const idAsTitle = title === id;
   const Tag = element;
   let t1;
-  if ($[0] !== idAsTitle || $[1] !== className || $[2] !== isInitializing || $[3] !== id || $[4] !== title || $[5] !== Tag) {
+  if ($[0] !== Tag || $[1] !== className || $[2] !== id || $[3] !== idAsTitle || $[4] !== isInitializing || $[5] !== title) {
     const EmptySpace = _jsx(Fragment, {
       children: "\xA0"
     });
@@ -49,12 +49,12 @@ export const RenderTitle = props => {
         }) : title || EmptySpace
       })
     });
-    $[0] = idAsTitle;
+    $[0] = Tag;
     $[1] = className;
-    $[2] = isInitializing;
-    $[3] = id;
-    $[4] = title;
-    $[5] = Tag;
+    $[2] = id;
+    $[3] = idAsTitle;
+    $[4] = isInitializing;
+    $[5] = title;
     $[6] = t1;
   } else {
     t1 = $[6];

package/dist/elements/RenderTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDocumentInfo","IDLabel","baseClass","RenderTitle","props","$","className","element","t0","fallback","title","titleFromProps","undefined","id","isInitializing","titleFromContext","idAsTitle","Tag","t1","EmptySpace","_jsx","children","t2","t3","filter","Boolean","join"],"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const { id, isInitializing, title: titleFromContext } = useDocumentInfo()\n\n  const title = titleFromProps || titleFromContext || fallback\n\n  const idAsTitle = title === id\n\n  const Tag = element\n\n  // Render and invisible character to prevent layout shift when the title populates from context\n  const EmptySpace = <Fragment>&nbsp;</Fragment>\n\n  return (\n    <Tag\n      className={[className, baseClass, idAsTitle && `${baseClass}--has-id`]\n        .filter(Boolean)\n        .join(' ')}\n      title={title}\n    >\n      {isInitializing ? (\n        EmptySpace\n      ) : (\n        <Fragment>\n          {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || EmptySpace}\n        </Fragment>\n      )}\n    </Tag>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ;AAChC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,SAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAuEP,KAAA;EAApD,MAAAG,OAAA,GAAAC,EAAc,KAAAI,SAAA,GAAJ,IAAI,GAAdJ,EAAc;EAEjC;IAAAK,EAAA;IAAAC,cAAA;IAAAJ,KAAA,EAAAK;EAAA,IAAwDf,eAAA;EAExD,MAAAU,KAAA,GAAcC,cAAA,IAAkBI,gBAAA,IAAoBN,QAAA;EAEpD,MAAAO,SAAA,GAAkBN,KAAA,KAAUG,EAAA;EAE5B,MAAAI,GAAA,GAAYV,OAAA;EAAA,IAAAW,EAAA;EAAA,IAAAb,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAS,cAAA,IAAAT,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAY,GAAA;IAGZ,MAAAE,UAAA,GAAmBC,IAAA,CAAArB,QAAA;MAAAsB,QAAA,EAAU;IAAA,C;IAIS,MAAAC,EAAA,GAAAN,SAAA,IAAa,GAAAd,SAAA,UAAsB;IAAA,IAAAqB,EAAA;IAAA,IAAAlB,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAiB,EAAA;MAA1DC,EAAA,IAACjB,SAAA,EAAAJ,SAAA,EAAsBoB,EAAmC,EAAAE,MAAA,CAAAC,OAC3D;MAAApB,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAiB,EAAA;MAAAjB,CAAA,MAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAFZa,EAAA,GAAAE,IAAA,CAACH,GAAA;MAAAX,SAAA,EACYiB,EACD,CAAAG,IAAA,CACF;MAAAhB,KAAA;MAAAW,QAAA,EAGPP,cAAA,GACCK,UAAA,GAEAC,IAAA,CAAArB,QAAA;QAAAsB,QAAA,EACGL,SAAA,GAAYI,IAAA,CAAAnB,OAAA;UAAAK,SAAA,EAAoB,GAAAJ,SAAA,MAAkB;UAAAW;QAAA,C,IAAeH,KAAA,IAASS;MAAA,C;;;;;;;;;;;;SAVjFD,E;CAeJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDocumentInfo","IDLabel","baseClass","RenderTitle","props","$","className","element","t0","fallback","title","titleFromProps","undefined","id","isInitializing","titleFromContext","idAsTitle","Tag","t1","EmptySpace","_jsx","children","t2","t3","filter","Boolean","join"],"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const { id, isInitializing, title: titleFromContext } = useDocumentInfo()\n\n  const title = titleFromProps || titleFromContext || fallback\n\n  const idAsTitle = title === id\n\n  const Tag = element\n\n  // Render and invisible character to prevent layout shift when the title populates from context\n  const EmptySpace = <Fragment>&nbsp;</Fragment>\n\n  return (\n    <Tag\n      className={[className, baseClass, idAsTitle && `${baseClass}--has-id`]\n        .filter(Boolean)\n        .join(' ')}\n      title={title}\n    >\n      {isInitializing ? (\n        EmptySpace\n      ) : (\n        <Fragment>\n          {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || EmptySpace}\n        </Fragment>\n      )}\n    </Tag>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ;AAChC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,SAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAuEP,KAAA;EAApD,MAAAG,OAAA,GAAAC,EAAc,KAAAI,SAAA,GAAJ,IAAI,GAAdJ,EAAc;EAEjC;IAAAK,EAAA;IAAAC,cAAA;IAAAJ,KAAA,EAAAK;EAAA,IAAwDf,eAAA;EAExD,MAAAU,KAAA,GAAcC,cAAA,IAAkBI,gBAAA,IAAoBN,QAAA;EAEpD,MAAAO,SAAA,GAAkBN,KAAA,KAAUG,EAAA;EAE5B,MAAAI,GAAA,GAAYV,OAAA;EAAA,IAAAW,EAAA;EAAA,IAAAb,CAAA,QAAAY,GAAA,IAAAZ,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAS,cAAA,IAAAT,CAAA,QAAAK,KAAA;IAGZ,MAAAS,UAAA,GAAmBC,IAAA,CAAArB,QAAA;MAAAsB,QAAA,EAAU;IAAA,C;IAIS,MAAAC,EAAA,GAAAN,SAAA,IAAa,GAAAd,SAAA,UAAsB;IAAA,IAAAqB,EAAA;IAAA,IAAAlB,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAiB,EAAA;MAA1DC,EAAA,IAACjB,SAAA,EAAAJ,SAAA,EAAsBoB,EAAmC,EAAAE,MAAA,CAAAC,OAC3D;MAAApB,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAiB,EAAA;MAAAjB,CAAA,MAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAFZa,EAAA,GAAAE,IAAA,CAACH,GAAA;MAAAX,SAAA,EACYiB,EACD,CAAAG,IAAA,CACF;MAAAhB,KAAA;MAAAW,QAAA,EAGPP,cAAA,GACCK,UAAA,GAEAC,IAAA,CAAArB,QAAA;QAAAsB,QAAA,EACGL,SAAA,GAAYI,IAAA,CAAAnB,OAAA;UAAAK,SAAA,EAAoB,GAAAJ,SAAA,MAAkB;UAAAW;QAAA,C,IAAeH,KAAA,IAASS;MAAA,C;;;;;;;;;;;;SAVjFD,E;CAeJ","ignoreList":[]}

package/dist/elements/SelectAll/index.js

@@ -18,7 +18,7 @@ export const SelectAll = () => {
     i18n
   } = useTranslation();
   let t0;
-  if ($[0] !== selectAll || $[1] !== i18n || $[2] !== toggleAll) {
+  if ($[0] !== i18n || $[1] !== selectAll || $[2] !== toggleAll) {
     let t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
       t1 = [baseClass, `${baseClass}__checkbox`];
@@ -43,8 +43,8 @@ export const SelectAll = () => {
       onToggle: t2,
       partialChecked: selectAll === SelectAllStatus.Some
     });
-    $[0] = selectAll;
-    $[1] = i18n;
+    $[0] = i18n;
+    $[1] = selectAll;
     $[2] = toggleAll;
     $[3] = t0;
   } else {

package/dist/elements/SelectAll/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","$","selectAll","toggleAll","i18n","t0","t1","Symbol","for","t2","_jsx","None","t","checked","AllInPage","AllAvailable","className","join","id","name","onToggle","partialChecked","Some"],"sources":["../../../src/elements/SelectAll/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-all'\n\nexport const SelectAll: React.FC = () => {\n  const { selectAll, toggleAll } = useSelection()\n  const { i18n } = useTranslation()\n\n  return (\n    <CheckboxInput\n      aria-label={\n        selectAll === SelectAllStatus.None\n          ? i18n.t('general:selectAllRows')\n          : i18n.t('general:deselectAllRows')\n      }\n      checked={\n        selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable\n      }\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      id=\"select-all\"\n      name=\"select-all\"\n      onToggle={() => toggleAll()}\n      partialChecked={selectAll === SelectAllStatus.Some}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACjC;IAAAS,SAAA;IAAAC;EAAA,IAAiCN,YAAA;EACjC;IAAAO;EAAA,IAAiBN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAE,SAAA;IAAA,IAAAG,EAAA;IAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;MAYFF,EAAA,IAAAP,SAAA,EAAY,GAAAA,SAAA,YAAwB;MAACE,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAR,CAAA,QAAAE,SAAA;MAGtCM,EAAA,GAAAA,CAAA,KAAMN,SAAA;MAAAF,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAZlBI,EAAA,GAAAK,IAAA,CAAAf,aAAA;MAAA,cAEIO,SAAA,KAAAN,eAAA,CAAAe,IAAkC,GAC9BP,IAAA,CAAAQ,CAAA,CAAO,2BACPR,IAAA,CAAAQ,CAAA,CAAO;MAAAC,OAAA,EAGXX,SAAA,KAAAN,eAAA,CAAAkB,SAAuC,IAAIZ,SAAA,KAAAN,eAAA,CAAAmB,YAA0C;MAAAC,SAAA,EAE5EV,EAAqC,CAAAW,IAAA,CAAM;MAAAC,EAAA,EACnD;MAAAC,IAAA,EACE;MAAAC,QAAA,EACKX,EAAM;MAAAY,cAAA,EACAnB,SAAA,KAAAN,eAAA,CAAA0B;IAAkC,C;;;;;;;;SAbpDjB,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","$","selectAll","toggleAll","i18n","t0","t1","Symbol","for","t2","_jsx","None","t","checked","AllInPage","AllAvailable","className","join","id","name","onToggle","partialChecked","Some"],"sources":["../../../src/elements/SelectAll/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-all'\n\nexport const SelectAll: React.FC = () => {\n  const { selectAll, toggleAll } = useSelection()\n  const { i18n } = useTranslation()\n\n  return (\n    <CheckboxInput\n      aria-label={\n        selectAll === SelectAllStatus.None\n          ? i18n.t('general:selectAllRows')\n          : i18n.t('general:deselectAllRows')\n      }\n      checked={\n        selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable\n      }\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      id=\"select-all\"\n      name=\"select-all\"\n      onToggle={() => toggleAll()}\n      partialChecked={selectAll === SelectAllStatus.Some}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACjC;IAAAS,SAAA;IAAAC;EAAA,IAAiCN,YAAA;EACjC;IAAAO;EAAA,IAAiBN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,SAAA;IAAA,IAAAG,EAAA;IAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;MAYFF,EAAA,IAAAP,SAAA,EAAY,GAAAA,SAAA,YAAwB;MAACE,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAR,CAAA,QAAAE,SAAA;MAGtCM,EAAA,GAAAA,CAAA,KAAMN,SAAA;MAAAF,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAZlBI,EAAA,GAAAK,IAAA,CAAAf,aAAA;MAAA,cAEIO,SAAA,KAAAN,eAAA,CAAAe,IAAkC,GAC9BP,IAAA,CAAAQ,CAAA,CAAO,2BACPR,IAAA,CAAAQ,CAAA,CAAO;MAAAC,OAAA,EAGXX,SAAA,KAAAN,eAAA,CAAAkB,SAAuC,IAAIZ,SAAA,KAAAN,eAAA,CAAAmB,YAA0C;MAAAC,SAAA,EAE5EV,EAAqC,CAAAW,IAAA,CAAM;MAAAC,EAAA,EACnD;MAAAC,IAAA,EACE;MAAAC,QAAA,EACKX,EAAM;MAAAY,cAAA,EACAnB,SAAA,KAAAN,eAAA,CAAA0B;IAAkC,C;;;;;;;;SAbpDjB,E;CAgBJ","ignoreList":[]}

package/dist/elements/SelectRow/index.js

@@ -48,10 +48,10 @@ export const SelectRow = t0 => {
     return t2;
   }
   let t2;
-  if ($[4] !== selected || $[5] !== rowData.id) {
+  if ($[4] !== rowData.id || $[5] !== selected) {
     t2 = selected.get(rowData.id);
-    $[4] = selected;
-    $[5] = rowData.id;
+    $[4] = rowData.id;
+    $[5] = selected;
     $[6] = t2;
   } else {
     t2 = $[6];
@@ -65,10 +65,10 @@ export const SelectRow = t0 => {
     t4 = $[7];
   }
   let t5;
-  if ($[8] !== setSelection || $[9] !== rowData.id) {
+  if ($[8] !== rowData.id || $[9] !== setSelection) {
     t5 = () => setSelection(rowData.id);
-    $[8] = setSelection;
-    $[9] = rowData.id;
+    $[8] = rowData.id;
+    $[9] = setSelection;
     $[10] = t5;
   } else {
     t5 = $[10];

package/dist/elements/SelectRow/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","t0","$","rowData","user","selected","setSelection","t1","_isLocked","_userEditing","documentIsLocked","id","t2","_jsx","get","t3","Boolean","t4","Symbol","for","t5","t6","checked","className","join","onToggle"],"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { Locked } from '../Locked/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC<{\n  rowData: {\n    _isLocked: boolean\n    _userEditing: ClientUser\n    id: string\n  }\n}> = ({ rowData }) => {\n  const { user } = useAuth()\n  const { selected, setSelection } = useSelection()\n  const { _isLocked, _userEditing } = rowData || {}\n\n  const documentIsLocked = _isLocked && _userEditing\n\n  if (documentIsLocked && _userEditing.id !== user?.id) {\n    return <Locked user={_userEditing} />\n  }\n\n  return (\n    <CheckboxInput\n      checked={Boolean(selected.get(rowData.id))}\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      onToggle={() => setSelection(rowData.id)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAW;EACf;IAAAG;EAAA,IAAiBR,OAAA;EACjB;IAAAS,QAAA;IAAAC;EAAA,IAAmCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA;IACCI,EAAA,GAAAJ,OAAA,MAAY;IAAAD,CAAA,MAAAC,OAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAhD;IAAAM,SAAA;IAAAC;EAAA,IAAoCF,EAAY;EAEhD,MAAAG,gBAAA,GAAyBF,SAAA,IAAaC,YAAA;EAAA,IAElCC,gBAAA,IAAoBD,YAAA,CAAAE,EAAA,KAAoBP,IAAA,EAAAO,EAAM;IAAA,IAAAC,EAAA;IAAA,IAAAV,CAAA,QAAAO,YAAA;MACzCG,EAAA,GAAAC,IAAA,CAAAf,MAAA;QAAAM,IAAA,EAAcK;MAAA,C;;;;;;WAAdG,E;;;;IAKYA,EAAA,GAAAP,QAAA,CAAAS,GAAA,CAAaX,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA/B,MAAAa,EAAA,GAAAC,OAAA,CAAQJ,EAAuB;EAAA,IAAAK,EAAA;EAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;IAC7BF,EAAA,IAAAlB,SAAA,EAAY,GAAAA,SAAA,YAAwB;IAACG,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,OAAA,CAAAQ,EAAA;IACtCS,EAAA,GAAAA,CAAA,KAAMd,YAAA,CAAaH,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,OAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,SAAAa,EAAA,IAAAb,CAAA,SAAAkB,EAAA;IAHzCC,EAAA,GAAAR,IAAA,CAAAlB,aAAA;MAAA2B,OAAA,EACWP,EAA+B;MAAAQ,SAAA,EAC7BN,EAAqC,CAAAO,IAAA,CAAM;MAAAC,QAAA,EAC5CL;IAA6B,C;;;;;;;SAHzCC,E;CAMJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","t0","$","rowData","user","selected","setSelection","t1","_isLocked","_userEditing","documentIsLocked","id","t2","_jsx","get","t3","Boolean","t4","Symbol","for","t5","t6","checked","className","join","onToggle"],"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { Locked } from '../Locked/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC<{\n  rowData: {\n    _isLocked: boolean\n    _userEditing: ClientUser\n    id: string\n  }\n}> = ({ rowData }) => {\n  const { user } = useAuth()\n  const { selected, setSelection } = useSelection()\n  const { _isLocked, _userEditing } = rowData || {}\n\n  const documentIsLocked = _isLocked && _userEditing\n\n  if (documentIsLocked && _userEditing.id !== user?.id) {\n    return <Locked user={_userEditing} />\n  }\n\n  return (\n    <CheckboxInput\n      checked={Boolean(selected.get(rowData.id))}\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      onToggle={() => setSelection(rowData.id)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAW;EACf;IAAAG;EAAA,IAAiBR,OAAA;EACjB;IAAAS,QAAA;IAAAC;EAAA,IAAmCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA;IACCI,EAAA,GAAAJ,OAAA,MAAY;IAAAD,CAAA,MAAAC,OAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAhD;IAAAM,SAAA;IAAAC;EAAA,IAAoCF,EAAY;EAEhD,MAAAG,gBAAA,GAAyBF,SAAA,IAAaC,YAAA;EAAA,IAElCC,gBAAA,IAAoBD,YAAA,CAAAE,EAAA,KAAoBP,IAAA,EAAAO,EAAM;IAAA,IAAAC,EAAA;IAAA,IAAAV,CAAA,QAAAO,YAAA;MACzCG,EAAA,GAAAC,IAAA,CAAAf,MAAA;QAAAM,IAAA,EAAcK;MAAA,C;;;;;;WAAdG,E;;;;IAKYA,EAAA,GAAAP,QAAA,CAAAS,GAAA,CAAaX,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA/B,MAAAa,EAAA,GAAAC,OAAA,CAAQJ,EAAuB;EAAA,IAAAK,EAAA;EAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;IAC7BF,EAAA,IAAAlB,SAAA,EAAY,GAAAA,SAAA,YAAwB;IAACG,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,OAAA,CAAAQ,EAAA,IAAAT,CAAA,QAAAI,YAAA;IACtCc,EAAA,GAAAA,CAAA,KAAMd,YAAA,CAAaH,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,MAAAI,YAAA;IAAAJ,CAAA,OAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,SAAAa,EAAA,IAAAb,CAAA,SAAAkB,EAAA;IAHzCC,EAAA,GAAAR,IAAA,CAAAlB,aAAA;MAAA2B,OAAA,EACWP,EAA+B;MAAAQ,SAAA,EAC7BN,EAAqC,CAAAO,IAAA,CAAM;MAAAC,QAAA,EAC5CL;IAA6B,C;;;;;;;SAHzCC,E;CAMJ","ignoreList":[]}

package/dist/elements/ShimmerEffect/index.js

@@ -43,7 +43,7 @@ export const StaggeredShimmers = t0 => {
     return null;
   }
   let t3;
-  if ($[0] !== count || $[1] !== shimmerItemClassName || $[2] !== shimmerDelayToPass || $[3] !== height || $[4] !== width || $[5] !== className) {
+  if ($[0] !== className || $[1] !== count || $[2] !== height || $[3] !== shimmerDelayToPass || $[4] !== shimmerItemClassName || $[5] !== width) {
     t3 = _jsx("div", {
       className,
       children: [...Array(count)].map((_, i) => _jsx("div", {
@@ -55,12 +55,12 @@ export const StaggeredShimmers = t0 => {
         })
       }, i))
     });
-    $[0] = count;
-    $[1] = shimmerItemClassName;
-    $[2] = shimmerDelayToPass;
-    $[3] = height;
-    $[4] = width;
-    $[5] = className;
+    $[0] = className;
+    $[1] = count;
+    $[2] = height;
+    $[3] = shimmerDelayToPass;
+    $[4] = shimmerItemClassName;
+    $[5] = width;
     $[6] = t3;
   } else {
     t3 = $[6];

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

@@ -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,QAAAC,KAAA,IAAAD,CAAA,QAAAM,oBAAA,IAAAN,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAP,MAAA,IAAAO,CAAA,QAAAN,KAAA,IAAAM,CAAA,QAAAJ,SAAA;IAKHc,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":[]}
+{"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":[]}

package/dist/elements/SortColumn/index.js

@@ -32,25 +32,25 @@ export const SortColumn = props => {
   const desc = `-${name}`;
   const asc = name;
   let ascClasses;
-  if ($[0] !== sort || $[1] !== asc) {
+  if ($[0] !== asc || $[1] !== sort) {
     ascClasses = [`${baseClass}__asc`];
     if (sort === asc) {
       ascClasses.push(`${baseClass}--active`);
     }
-    $[0] = sort;
-    $[1] = asc;
+    $[0] = asc;
+    $[1] = sort;
     $[2] = ascClasses;
   } else {
     ascClasses = $[2];
   }
   let descClasses;
-  if ($[3] !== sort || $[4] !== desc) {
+  if ($[3] !== desc || $[4] !== sort) {
     descClasses = [`${baseClass}__desc`];
     if (sort === desc) {
       descClasses.push(`${baseClass}--active`);
     }
-    $[3] = sort;
-    $[4] = desc;
+    $[3] = desc;
+    $[4] = sort;
     $[5] = descClasses;
   } else {
     descClasses = $[5];
@@ -79,7 +79,7 @@ export const SortColumn = props => {
     t4 = $[10];
   }
   let t5;
-  if ($[11] !== t4 || $[12] !== disable || $[13] !== t || $[14] !== label || $[15] !== ascClasses || $[16] !== handleSortChange || $[17] !== asc || $[18] !== descClasses || $[19] !== desc || $[20] !== t3) {
+  if ($[11] !== asc || $[12] !== ascClasses || $[13] !== desc || $[14] !== descClasses || $[15] !== disable || $[16] !== handleSortChange || $[17] !== label || $[18] !== t || $[19] !== t3 || $[20] !== t4) {
     t5 = _jsxs("div", {
       className: t3,
       children: [_jsx("span", {
@@ -110,16 +110,16 @@ export const SortColumn = props => {
         })]
       })]
     });
-    $[11] = t4;
-    $[12] = disable;
-    $[13] = t;
-    $[14] = label;
-    $[15] = ascClasses;
+    $[11] = asc;
+    $[12] = ascClasses;
+    $[13] = desc;
+    $[14] = descClasses;
+    $[15] = disable;
     $[16] = handleSortChange;
-    $[17] = asc;
-    $[18] = descClasses;
-    $[19] = desc;
-    $[20] = t3;
+    $[17] = label;
+    $[18] = t;
+    $[19] = t3;
+    $[20] = t4;
     $[21] = t5;
   } else {
     t5 = $[21];

package/dist/elements/SortColumn/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","ChevronIcon","useListQuery","useTranslation","baseClass","SortColumn","props","$","name","appearance","disable","t0","Label","label","undefined","handleSortChange","query","t","sort","desc","asc","ascClasses","push","descClasses","t1","t2","filter","Boolean","t3","join","t4","_jsx","hideLocale","unstyled","t5","_jsxs","className","children","direction","onClick","type"],"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport type SortColumnProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n  readonly Label: React.ReactNode\n  readonly label?: StaticLabel\n  readonly name: string\n}\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, appearance, disable = false, Label, label } = props\n  const { handleSortChange, query } = useListQuery()\n  const { t } = useTranslation()\n\n  const { sort } = query\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) {\n    ascClasses.push(`${baseClass}--active`)\n  }\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) {\n    descClasses.push(`${baseClass}--active`)\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <span className={`${baseClass}__label`}>\n        {Label ?? <FieldLabel hideLocale label={label} unstyled />}\n      </span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label,\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(asc)}\n            type=\"button\"\n          >\n            <ChevronIcon direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label,\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(desc)}\n            type=\"button\"\n          >\n            <ChevronIcon />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","ChevronIcon","useListQuery","useTranslation","baseClass","SortColumn","props","$","name","appearance","disable","t0","Label","label","undefined","handleSortChange","query","t","sort","desc","asc","ascClasses","push","descClasses","t1","t2","filter","Boolean","t3","join","t4","_jsx","hideLocale","unstyled","t5","_jsxs","className","children","direction","onClick","type"],"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport type SortColumnProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n  readonly Label: React.ReactNode\n  readonly label?: StaticLabel\n  readonly name: string\n}\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, appearance, disable = false, Label, label } = props\n  const { handleSortChange, query } = useListQuery()\n  const { t } = useTranslation()\n\n  const { sort } = query\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) {\n    ascClasses.push(`${baseClass}--active`)\n  }\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) {\n    descClasses.push(`${baseClass}--active`)\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <span className={`${baseClass}__label`}>\n        {Label ?? <FieldLabel hideLocale label={label} unstyled />}\n      </span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label,\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(asc)}\n            type=\"button\"\n          >\n            <ChevronIcon direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label,\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(desc)}\n            type=\"button\"\n          >\n            <ChevronIcon />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAUP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAAwCC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACnD;IAAAU,IAAA;IAAAC,UAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC;EAAA,IAA4DP,KAAA;EAAlC,MAAAI,OAAA,GAAAC,EAAe,KAAAG,SAAA,WAAfH,EAAe;EACzC;IAAAI,gBAAA;IAAAC;EAAA,IAAoCd,YAAA;EACpC;IAAAe;EAAA,IAAcd,cAAA;EAEd;IAAAe;EAAA,IAAiBF,KAAA;EAEjB,MAAAG,IAAA,GAAa,IAAIX,IAAA,EAAM;EACvB,MAAAY,GAAA,GAAYZ,IAAA;EAAA,IAAAa,UAAA;EAAA,IAAAd,CAAA,QAAAa,GAAA,IAAAb,CAAA,QAAAW,IAAA;IAEZG,UAAA,IAAoB,GAAAjB,SAAA,OAAmB;IAAC,IACpCc,IAAA,KAASE,GAAA;MACXC,UAAA,CAAAC,IAAA,CAAgB,GAAAlB,SAAA,UAAsB;IAAA;IAAAG,CAAA,MAAAa,GAAA;IAAAb,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAc,UAAA;EAAA;IAAAA,UAAA,GAAAd,CAAA;EAAA;EAAA,IAAAgB,WAAA;EAAA,IAAAhB,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAW,IAAA;IAGxCK,WAAA,IAAqB,GAAAnB,SAAA,QAAoB;IAAC,IACtCc,IAAA,KAASC,IAAA;MACXI,WAAA,CAAAD,IAAA,CAAiB,GAAAlB,SAAA,UAAsB;IAAA;IAAAG,CAAA,MAAAY,IAAA;IAAAZ,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAgB,WAAA;EAAA;IAAAA,WAAA,GAAAhB,CAAA;EAAA;EAKd,MAAAiB,EAAA,GAAAf,UAAA,IAAc,GAAAL,SAAA,gBAA4BK,UAAA,EAAY;EAAA,IAAAgB,EAAA;EAAA,IAAAlB,CAAA,QAAAiB,EAAA;IAAlEC,EAAA,IAAArB,SAAA,EAAYoB,EAAsD,EAAAE,MAAA,CAAAC,OACnE;IAAApB,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EADC,MAAAqB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAvB,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAM,KAAA;IAGLiB,EAAA,GAAAlB,KAAA,IAASmB,IAAA,CAAA/B,UAAA;MAAAgC,UAAA;MAAAnB,KAAA;MAAAoB,QAAA;IAAA,C;;;;;;;;;IANdC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYR,EAEH;MAAAS,QAAA,GAERN,IAAA,CAAC;QAAAK,SAAA,EAAgB,GAAAhC,SAAA,SAAqB;QAAAiC,QAAA,EACnCP;UAEF,CAACpB,OAAA,IACAyB,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAhC,SAAA,WAAuB;QAAAiC,QAAA,GACrCN,IAAA,CAAC;UAAA,cACad,CAAA,CAAE;YAAAqB,SAAA,EACDrB,CAAA,CAAE;YAAAJ;UAAA,CAEf;UAAAuB,SAAA,EACW,IAAIf,UAAA,EAAY,GAAAjB,SAAA,UAAsB,EAAAsB,MAAA,CAAAC,OAAS,EAAAE,IAAA,CAAc;UAAAU,OAAA,EAAAA,CAAA,UACpDxB,gBAAA,CAAiBK,GAAA;UAAAoB,IAAA,EAChC;UAAAH,QAAA,EAELN,IAAA,CAAA9B,WAAA;YAAAqC,SAAA,EAAuB;UAAA,C;YAEzBP,IAAA,CAAC;UAAA,cACad,CAAA,CAAE;YAAAqB,SAAA,EACDrB,CAAA,CAAE;YAAAJ;UAAA,CAEf;UAAAuB,SAAA,EACW,IAAIb,WAAA,EAAa,GAAAnB,SAAA,UAAsB,EAAAsB,MAAA,CAAAC,OAAS,EAAAE,IAAA,CAAc;UAAAU,OAAA,EAAAA,CAAA,UACrDxB,gBAAA,CAAiBI,IAAA;UAAAqB,IAAA,EAChC;UAAAH,QAAA,EAELN,IAAA,CAAA9B,WAAA,IAAC;QAAA,C;;;;;;;;;;;;;;;;;SA9BTiC,E;CAoCJ","ignoreList":[]}

package/dist/elements/SortComplex/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAOD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ElD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAMD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ElD,CAAA"}

package/dist/elements/SortComplex/index.js

@@ -4,18 +4,17 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 // TODO: abstract the `next/navigation` dependency out from this component
-import { usePathname, useRouter } from 'next/navigation.js';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
 import { sortableFieldTypes } from 'payload';
 import { fieldAffectsData } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useEffect, useState } from 'react';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { ReactSelect } from '../ReactSelect/index.js';
 import './index.scss';
 const baseClass = 'sort-complex';
 export const SortComplex = props => {
-  const $ = _c(35);
+  const $ = _c(28);
   const {
     collection,
     handleChange,
@@ -24,9 +23,7 @@ export const SortComplex = props => {
   const modifySearchQuery = t0 === undefined ? true : t0;
   const router = useRouter();
   const pathname = usePathname();
-  const {
-    searchParams
-  } = useSearchParams();
+  const searchParams = useSearchParams();
   const {
     i18n,
     t
@@ -65,14 +62,15 @@ export const SortComplex = props => {
   const [initialSort] = useState(t2);
   const [sortOrder, setSortOrder] = useState(initialSort);
   let t3;
-  if ($[5] !== sortField || $[6] !== sortOrder.value || $[7] !== handleChange || $[8] !== searchParams || $[9] !== modifySearchQuery || $[10] !== router || $[11] !== pathname) {
+  let t4;
+  if ($[5] !== handleChange || $[6] !== modifySearchQuery || $[7] !== pathname || $[8] !== router || $[9] !== searchParams || $[10] !== sortField || $[11] !== sortOrder) {
     t3 = () => {
       if (sortField?.value) {
         const newSortValue = `${sortOrder.value}${sortField.value}`;
         if (handleChange) {
           handleChange(newSortValue);
         }
-        if (searchParams.sort !== newSortValue && modifySearchQuery) {
+        if (searchParams.get("sort") !== newSortValue && modifySearchQuery) {
           const search = qs.stringify({
             ...searchParams,
             sort: newSortValue
@@ -83,34 +81,23 @@ export const SortComplex = props => {
         }
       }
     };
-    $[5] = sortField;
-    $[6] = sortOrder.value;
-    $[7] = handleChange;
-    $[8] = searchParams;
-    $[9] = modifySearchQuery;
-    $[10] = router;
-    $[11] = pathname;
+    t4 = [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange];
+    $[5] = handleChange;
+    $[6] = modifySearchQuery;
+    $[7] = pathname;
+    $[8] = router;
+    $[9] = searchParams;
+    $[10] = sortField;
+    $[11] = sortOrder;
     $[12] = t3;
+    $[13] = t4;
   } else {
     t3 = $[12];
-  }
-  let t4;
-  if ($[13] !== pathname || $[14] !== router || $[15] !== searchParams || $[16] !== sortField || $[17] !== sortOrder || $[18] !== modifySearchQuery || $[19] !== handleChange) {
-    t4 = [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange];
-    $[13] = pathname;
-    $[14] = router;
-    $[15] = searchParams;
-    $[16] = sortField;
-    $[17] = sortOrder;
-    $[18] = modifySearchQuery;
-    $[19] = handleChange;
-    $[20] = t4;
-  } else {
-    t4 = $[20];
+    t4 = $[13];
   }
   useEffect(t3, t4);
   let t5;
-  if ($[21] !== t) {
+  if ($[14] !== t) {
     t5 = () => {
       setSortOptions([{
         label: t("general:ascending"),
@@ -120,32 +107,32 @@ export const SortComplex = props => {
         value: "-"
       }]);
     };
-    $[21] = t;
-    $[22] = t5;
+    $[14] = t;
+    $[15] = t5;
   } else {
-    t5 = $[22];
+    t5 = $[15];
   }
   let t6;
-  if ($[23] !== i18n || $[24] !== t) {
+  if ($[16] !== i18n || $[17] !== t) {
     t6 = [i18n, t];
-    $[23] = i18n;
-    $[24] = t;
-    $[25] = t6;
+    $[16] = i18n;
+    $[17] = t;
+    $[18] = t6;
   } else {
-    t6 = $[25];
+    t6 = $[18];
   }
   useEffect(t5, t6);
   let t7;
-  if ($[26] !== t || $[27] !== sortFields || $[28] !== sortField || $[29] !== initialSort || $[30] !== sortOptions || $[31] !== sortOrder) {
+  if ($[19] !== initialSort || $[20] !== sortField || $[21] !== sortFields || $[22] !== sortOptions || $[23] !== sortOrder || $[24] !== t) {
     let t8;
-    if ($[33] !== initialSort) {
+    if ($[26] !== initialSort) {
       t8 = incomingSort => {
         setSortOrder(incomingSort || initialSort);
       };
-      $[33] = initialSort;
-      $[34] = t8;
+      $[26] = initialSort;
+      $[27] = t8;
     } else {
-      t8 = $[34];
+      t8 = $[27];
     }
     t7 = _jsx("div", {
       className: baseClass,
@@ -176,15 +163,15 @@ export const SortComplex = props => {
         })
       })
     });
-    $[26] = t;
-    $[27] = sortFields;
-    $[28] = sortField;
-    $[29] = initialSort;
-    $[30] = sortOptions;
-    $[31] = sortOrder;
-    $[32] = t7;
+    $[19] = initialSort;
+    $[20] = sortField;
+    $[21] = sortFields;
+    $[22] = sortOptions;
+    $[23] = sortOrder;
+    $[24] = t;
+    $[25] = t7;
   } else {
-    t7 = $[32];
+    t7 = $[25];
   }
   return t7;
 };