@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = `${serverURL}${routes.api}/${slug}${qs.stringify(\n      {\n        limit: 0,\n        locale,\n        select: {},\n        trash: true, // Ensure trashed docs are returned\n        where: mergeListSearchAndWhere({\n          collectionConfig,\n          search: parseSearchParams(searchParams)?.search as string,\n          where: whereConstraint,\n        }),\n      },\n      { addQueryPrefix: true },\n    )}`\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\n            label: getTranslation(successLabel, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","api","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","Fragment","aria-label","className","onClick","div","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = `${serverURL}${routes.api}/${slug}${qs.stringify(\n      {\n        limit: 0,\n        locale,\n        select: {},\n        trash: true, // Ensure trashed docs are returned\n        where: mergeListSearchAndWhere({\n          collectionConfig,\n          search: parseSearchParams(searchParams)?.search as string,\n          where: whereConstraint,\n        }),\n      },\n      { addQueryPrefix: true },\n    )}`\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\n            label: getTranslation(successLabel, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","api","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","Fragment","aria-label","className","onClick","div","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAC/D,SAASC,uBAAuB,QAAQ,iBAAgB;AACxD,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,WAAW,QAAO;AACzB,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,OAAO,eAAc;AAErB,MAAMC,+BAA+B,CAAC,yBAAyB,CAAC;AAEhE,MAAMC,YAAY;AAOlB,OAAO,MAAMC,cAA+B,CAACC;IAC3C,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAE,GAAGH;IAEhD,MAAM,EAAEI,WAAW,EAAE,GAAGlB;IACxB,MAAM,EACJmB,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,SAAS,EAAE,EAC3C,GAAGrB;IACJ,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGtB;IACzB,MAAMuB,SAAShC;IACf,MAAM,EAAEiC,eAAe,EAAE,GAAGvB;IAC5B,MAAMwB,eAAejC;IACrB,MAAM,EAAEkC,KAAK,EAAEC,cAAc,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAG1B;IACxD,MAAM,EAAE2B,SAAS,EAAE,GAAGzC;IAEtB,MAAM,EAAE0C,IAAI,EAAEC,CAAC,EAAE,GAAG5B;IAEpB,MAAM,CAAC6B,oBAAoBC,sBAAsB,GAAGvC,MAAMwC,QAAQ,CAAC;IAEnE,MAAMC,wBAAwBpB,aAAaE,aAAa,CAACJ,KAAK;IAC9D,MAAMuB,sBAAsBD,uBAAuBE;IAEnD,IAAIV,cAAc1B,gBAAgBqC,IAAI,IAAI,CAACF,uBAAuBtB,aAAa,SAAS;QACtF,OAAO;IACT;IAEA,MAAMyB,eAAeZ,cAAc1B,gBAAgBuC,YAAY;IAC/D,MAAMC,cAAc,CAACF,eAAeb,mBAAmB,EAAE;IAEzD,MAAMgB,YAAYrC,kBAAkBmB,eAAemB;IAEnD,MAAMC,aAAa;QACjBC,KAAK;eACCC,MAAMC,OAAO,CAACL,WAAWG,OAAOH,UAAUG,GAAG,GAAGH,YAAY;gBAACA;aAAU,GAAG,EAAE;YAChF;gBAAEM,WAAW;oBAAEC,QAAQ;gBAAK;YAAE;SAC/B;IACH;IAEA,MAAMC,gBAAgB;QACpB,MAAMC,mBAAmBlC,YAAYmC,IAAI,CAAC,CAACC,IAAMA,EAAExC,IAAI,KAAKA;QAC5D,IAAI,CAACsC,kBAAkB;YACrB;QACF;QAEA,IAAIG;QAEJ,IAAIf,cAAc;YAChBe,kBAAkBV;QACpB,OAAO;YACLU,kBAAkB;gBAChBT,KAAK;oBAAC;wBAAEU,IAAI;4BAAEC,IAAIf;wBAAY;oBAAE;oBAAG;wBAAEO,WAAW;4BAAEC,QAAQ;wBAAK;oBAAE;iBAAE;YACrE;QACF;QAEA,MAAMQ,MAAM,GAAGtC,YAAYD,OAAOwC,GAAG,CAAC,CAAC,EAAE7C,OAAOpB,GAAGkE,SAAS,CAC1D;YACEC,OAAO;YACPvC;YACAwC,QAAQ,CAAC;YACTC,OAAO;YAAM,mCAAmC;YAChDnB,OAAOnD,wBAAwB;gBAC7B2D;gBACAY,QAAQ1D,kBAAkBmB,eAAeuC;gBACzCpB,OAAOW;YACT;QACF,GACA;YAAEU,gBAAgB;QAAK,IACtB;QAEH,MAAMC,OAAgC;YACpCjB,WAAW;QACb;QAEA,6CAA6C;QAC7C,IAAIG,kBAAkBe,UAAUC,QAAQ;YACtCF,KAAKG,OAAO,GAAGpC,qBAAqB,cAAc;QACpD;QAEA,MAAMqC,sBAAsB,MAAMjE,SAASkE,KAAK,CAACb,KAAK;YACpDQ,MAAMM,KAAKZ,SAAS,CAACM;YACrBO,SAAS;gBACP,mBAAmB1C,KAAK2C,QAAQ;gBAChC,gBAAgB;YAClB;QACF;QAEA,IAAI;YACF,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGxB,iBAAiByB,MAAM;YACpD,MAAMC,OAAO,MAAMR,oBAAoBQ,IAAI;YAE3C,MAAMC,eAAeD,MAAME,MAAMC,UAAU;YAC3C,MAAMC,eAAeH,eAAe,IAAIJ,SAASC;YAEjD,IAAIN,oBAAoBa,MAAM,GAAG,OAAOJ,eAAe,GAAG;gBACxDnF,MAAMwF,OAAO,CACXpD,EAAE,qCAAqC;oBACrCN,OAAOqD;oBACPM,OAAO/F,eAAe4F,cAAcnD;gBACtC;YAEJ;YAEA,IAAI+C,MAAMQ,QAAQL,SAAS,GAAG;gBAC5BrF,MAAM2F,KAAK,CAACT,KAAKU,OAAO,EAAE;oBACxBC,aAAaX,KAAKQ,MAAM,CAACI,GAAG,CAAC,CAACC,IAAMA,EAAEH,OAAO,EAAEI,IAAI,CAAC;gBACtD;YACF;QACF,EAAE,OAAOC,KAAK;YACZjG,MAAM2F,KAAK,CAACvD,EAAE;QAChB;QAEAH;QAEAN,OAAOuE,OAAO,CACZpG,GAAGkE,SAAS,CACV;YACE,GAAGtD,kBAAkBmB,aAAa;YAClCsE,MAAMvD,eAAe,MAAMwD;QAC7B,GACA;YAAE/B,gBAAgB;QAAK;QAI3BzC;IACF;IAEA,MAAM4B,mBAAmBlC,YAAYmC,IAAI,CAAC,CAAC,EAAEvC,MAAMmF,CAAC,EAAE,GAAKA,MAAMnF;IAEjE,MAAMoF,cAAc5G,eAClBoC,UAAU,IAAI0B,iBAAiByB,MAAM,CAACD,QAAQ,GAAGxB,iBAAiByB,MAAM,CAACF,MAAM,EAC/E5C;IAGF,qBACE,QAACpC,MAAMwG,QAAQ;;0BACb,QAAC3F;gBACC4F,cAAYpE,EAAE;gBACdqE,WAAU;gBACVC,SAAS;oBACPxE,UAAUrB;gBACZ;0BAECuB,EAAE;;;;;;0BAEL,QAACzB;gBACC2D,oBACE,QAACvE,MAAMwG,QAAQ;;wBACZnE,EACCoB,kBAAkBe,UAAUC,SACxB,uCACA,+BACJ;4BACE1C;4BACA2D,OAAOa;wBACT;wBAED9C,kBAAkBe,UAAUC,wBAC3B,QAACmC;4BAAIF,WAAW,GAAG3F,UAAU,UAAU,CAAC;sCACtC,cAAA,QAACb;gCACC2G,SAASvE;gCACTuB,IAAG;gCACH6B,OAAOrD,EAAE;gCACTyE,MAAK;gCACLC,UAAU,CAACf,IAAMzD,sBAAsByD,EAAEgB,MAAM,CAACH,OAAO;;;;;;;;;;;;;;;;;gBAMjEH,WAAW3F;gBACXkG,iBAAiB5E,EAAE;gBACnB6E,SAAS7E,EAAE;gBACX8E,WAAWrG;gBACXsG,WAAW5D;;;;;;;;;;;;AAInB,EAAC"}

package/dist/elements/SaveButton/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useRef } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
@@ -39,7 +39,7 @@ export function SaveButton({ label: labelProp }) {
         }
         return void submit();
     };
-    return /*#__PURE__*/ _jsx(FormSubmit, {
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
         buttonId: "action-save",
         disabled: disabled,
         onClick: handleSubmit,
@@ -47,7 +47,11 @@ export function SaveButton({ label: labelProp }) {
         size: "medium",
         type: "button",
         children: label
-    });
+    }, void 0, false, {
+        fileName: "src/elements/SaveButton/index.tsx",
+        lineNumber: 48,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","buttonId","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,SAASC,WAAW,EAAEC,OAAOC,SAAS,EAAyB;IACpE,MAAM,EAAEC,YAAY,EAAE,GAAGP;IACzB,MAAM,EAAEQ,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGb;IACnB,MAAMc,WAAWb;IACjB,MAAMQ,QAAQC,aAAaE,EAAE;IAC7B,MAAMG,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYX;IAClB,MAAMY,YAAYX;IAElB,MAAMY,WAAW,AAACD,cAAc,YAAY,CAACH,YAAaH,iBAAiB;IAE3ER,UAAU;QAAEgB,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,UAAU,CAEd;QADE,mBAAmB;QAGrBG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,MAAMC,eAAe;QACnB,IAAIf,iBAAiB,aAAa;YAChC;QACF;QAEA,OAAO,KAAKE;IACd;IAEA,qBACE,KAACX;QACCyB,UAAS;QACTT,UAAUA;QACVU,SAASF;QACTX,KAAKA;QACLc,MAAK;QACLC,MAAK;kBAEJrB;;AAGP"}
+{"version":3,"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","buttonId","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,SAASC,WAAW,EAAEC,OAAOC,SAAS,EAAyB;IACpE,MAAM,EAAEC,YAAY,EAAE,GAAGP;IACzB,MAAM,EAAEQ,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGb;IACnB,MAAMc,WAAWb;IACjB,MAAMQ,QAAQC,aAAaE,EAAE;IAC7B,MAAMG,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYX;IAClB,MAAMY,YAAYX;IAElB,MAAMY,WAAW,AAACD,cAAc,YAAY,CAACH,YAAaH,iBAAiB;IAE3ER,UAAU;QAAEgB,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,UAAU,CAEd;QADE,mBAAmB;QAGrBG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,MAAMC,eAAe;QACnB,IAAIf,iBAAiB,aAAa;YAChC;QACF;QAEA,OAAO,KAAKE;IACd;IAEA,qBACE,QAACX;QACCyB,UAAS;QACTT,UAAUA;QACVU,SAASF;QACTX,KAAKA;QACLc,MAAK;QACLC,MAAK;kBAEJrB;;;;;;AAGP"}

package/dist/elements/SaveDraftButton/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useRef } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
@@ -73,7 +73,7 @@ export function SaveDraftButton(props) {
             ref.current.click();
         }
     });
-    return /*#__PURE__*/ _jsx(FormSubmit, {
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
         buttonId: "action-save-draft",
         buttonStyle: "secondary",
         className: baseClass,
@@ -85,7 +85,11 @@ export function SaveDraftButton(props) {
         size: "medium",
         type: "button",
         children: t('version:saveDraft')
-    });
+    }, void 0, false, {
+        fileName: "src/elements/SaveDraftButton/index.tsx",
+        lineNumber: 95,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveDraftButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveDraftButtonClientProps } from 'payload'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nexport function SaveDraftButton(props: SaveDraftButtonClientProps) {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { id, collectionSlug, globalSlug, setUnpublishedVersionCount, uploadStatus } =\n    useDocumentInfo()\n\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n\n    setUnpublishedVersionCount((count) => count + 1)\n  }, [\n    submit,\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    locale,\n    id,\n    disabled,\n    setUnpublishedVersionCount,\n  ])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={() => {\n        return void saveDraft()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","serverURL","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","count","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,gBAAgBC,KAAiC;IAC/D,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACF,GAAGZ;IAEJ,MAAM,EAAEa,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,0BAA0B,EAAEC,YAAY,EAAE,GAChFhB;IAEF,MAAMiB,WAAWrB;IACjB,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGjB;IACzB,MAAMkB,MAAM1B,OAA0B;IACtC,MAAM2B,YAAYpB;IAClB,MAAM,EAAEqB,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,MAAM,EAAE,GAAG5B;IACnB,MAAM6B,YAAYrB;IAElB,MAAMsB,WAAW,AAACD,cAAc,YAAY,CAACP,YAAaD,iBAAiB;IAE3E,MAAMU,YAAYjC,YAAY;QAC5B,IAAIgC,UAAU;YACZ;QACF;QAEA,MAAME,SAAS,CAAC,QAAQ,EAAER,OAAO,wCAAwC,CAAC;QAC1E,IAAIS;QACJ,IAAIC,SAAS;QAEb,IAAIhB,gBAAgB;YAClBe,SAAS,GAAGjB,YAAYD,IAAI,CAAC,EAAEG,iBAAiBD,KAAK,CAAC,CAAC,EAAEA,IAAI,GAAG,KAAKe,QAAQ;YAC7E,IAAIf,IAAI;gBACNiB,SAAS;YACX;QACF;QAEA,IAAIf,YAAY;YACdc,SAAS,GAAGjB,YAAYD,IAAI,SAAS,EAAEI,aAAaa,QAAQ;QAC9D;QAEA,MAAMJ,OAAO;YACXK;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;QAEAjB,2BAA2B,CAACkB,QAAUA,QAAQ;IAChD,GAAG;QACDV;QACAV;QACAC;QACAH;QACAD;QACAS;QACAP;QACAa;QACAV;KACD;IAEDjB,UAAU;QAAEoC,YAAY;QAAMb;QAAWc,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIX,UAAU,CAEd;QADE,mBAAmB;QAGrBW,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIlB,KAAKmB,SAAS;YAChBnB,IAAImB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,KAAC3C;QACC4C,UAAS;QACTC,aAAY;QACZC,WAAWtC;QACXoB,UAAUA;QACVmB,SAAS;YACP,OAAO,KAAKlB;QACd;QACAN,KAAKA;QACLyB,MAAK;QACLC,MAAK;kBAEJxB,EAAE;;AAGT"}
+{"version":3,"sources":["../../../src/elements/SaveDraftButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveDraftButtonClientProps } from 'payload'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nexport function SaveDraftButton(props: SaveDraftButtonClientProps) {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { id, collectionSlug, globalSlug, setUnpublishedVersionCount, uploadStatus } =\n    useDocumentInfo()\n\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n\n    setUnpublishedVersionCount((count) => count + 1)\n  }, [\n    submit,\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    locale,\n    id,\n    disabled,\n    setUnpublishedVersionCount,\n  ])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={() => {\n        return void saveDraft()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","serverURL","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","count","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,gBAAgBC,KAAiC;IAC/D,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACF,GAAGZ;IAEJ,MAAM,EAAEa,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,0BAA0B,EAAEC,YAAY,EAAE,GAChFhB;IAEF,MAAMiB,WAAWrB;IACjB,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGjB;IACzB,MAAMkB,MAAM1B,OAA0B;IACtC,MAAM2B,YAAYpB;IAClB,MAAM,EAAEqB,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,MAAM,EAAE,GAAG5B;IACnB,MAAM6B,YAAYrB;IAElB,MAAMsB,WAAW,AAACD,cAAc,YAAY,CAACP,YAAaD,iBAAiB;IAE3E,MAAMU,YAAYjC,YAAY;QAC5B,IAAIgC,UAAU;YACZ;QACF;QAEA,MAAME,SAAS,CAAC,QAAQ,EAAER,OAAO,wCAAwC,CAAC;QAC1E,IAAIS;QACJ,IAAIC,SAAS;QAEb,IAAIhB,gBAAgB;YAClBe,SAAS,GAAGjB,YAAYD,IAAI,CAAC,EAAEG,iBAAiBD,KAAK,CAAC,CAAC,EAAEA,IAAI,GAAG,KAAKe,QAAQ;YAC7E,IAAIf,IAAI;gBACNiB,SAAS;YACX;QACF;QAEA,IAAIf,YAAY;YACdc,SAAS,GAAGjB,YAAYD,IAAI,SAAS,EAAEI,aAAaa,QAAQ;QAC9D;QAEA,MAAMJ,OAAO;YACXK;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;QAEAjB,2BAA2B,CAACkB,QAAUA,QAAQ;IAChD,GAAG;QACDV;QACAV;QACAC;QACAH;QACAD;QACAS;QACAP;QACAa;QACAV;KACD;IAEDjB,UAAU;QAAEoC,YAAY;QAAMb;QAAWc,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIX,UAAU,CAEd;QADE,mBAAmB;QAGrBW,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIlB,KAAKmB,SAAS;YAChBnB,IAAImB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,QAAC3C;QACC4C,UAAS;QACTC,aAAY;QACZC,WAAWtC;QACXoB,UAAUA;QACVmB,SAAS;YACP,OAAO,KAAKlB;QACd;QACAN,KAAKA;QACLyB,MAAK;QACLC,MAAK;kBAEJxB,EAAE;;;;;;AAGT"}

package/dist/elements/SearchBar/index.js

@@ -1,27 +1,43 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { SearchIcon } from '../../icons/Search/index.js';
 import { SearchFilter } from '../SearchFilter/index.js';
 import './index.scss';
 const baseClass = 'search-bar';
 export function SearchBar({ Actions, className, label = 'Search...', onSearchChange, searchQueryParam }) {
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsx(SearchIcon, {}),
-            /*#__PURE__*/ _jsx(SearchFilter, {
+            /*#__PURE__*/ _jsxDEV(SearchIcon, {}, void 0, false, {
+                fileName: "src/elements/SearchBar/index.tsx",
+                lineNumber: 23,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(SearchFilter, {
                 handleChange: onSearchChange,
                 label: label,
                 searchQueryParam: searchQueryParam
-            }),
-            Actions && Actions.length > 0 ? /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/SearchBar/index.tsx",
+                lineNumber: 24,
+                columnNumber: 7
+            }, this),
+            Actions && Actions.length > 0 ? /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__actions`,
                 children: Actions
-            }) : null
+            }, void 0, false, {
+                fileName: "src/elements/SearchBar/index.tsx",
+                lineNumber: 30,
+                columnNumber: 9
+            }, this) : null
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/SearchBar/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchBar/index.tsx"],"sourcesContent":["import { SearchIcon } from '../../icons/Search/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-bar'\n\ntype SearchBarProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  label?: string\n  onSearchChange: (search: string) => void\n  searchQueryParam?: string\n}\nexport function SearchBar({\n  Actions,\n  className,\n  label = 'Search...',\n  onSearchChange,\n  searchQueryParam,\n}: SearchBarProps) {\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <SearchIcon />\n      <SearchFilter\n        handleChange={onSearchChange}\n        label={label}\n        searchQueryParam={searchQueryParam}\n      />\n      {Actions && Actions.length > 0 ? (\n        <div className={`${baseClass}__actions`}>{Actions}</div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","label","onSearchChange","searchQueryParam","div","filter","Boolean","join","handleChange","length"],"mappings":";AAAA,SAASA,UAAU,QAAQ,8BAA6B;AACxD,SAASC,YAAY,QAAQ,2BAA0B;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,SAASC,UAAU,EACxBC,OAAO,EACPC,SAAS,EACTC,QAAQ,WAAW,EACnBC,cAAc,EACdC,gBAAgB,EACD;IACf,qBACE,MAACC;QAAIJ,WAAW;YAACH;YAAWG;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC1D,KAACZ;0BACD,KAACC;gBACCY,cAAcN;gBACdD,OAAOA;gBACPE,kBAAkBA;;YAEnBJ,WAAWA,QAAQU,MAAM,GAAG,kBAC3B,KAACL;gBAAIJ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BAAGE;iBACxC;;;AAGV"}
+{"version":3,"sources":["../../../src/elements/SearchBar/index.tsx"],"sourcesContent":["import { SearchIcon } from '../../icons/Search/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-bar'\n\ntype SearchBarProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  label?: string\n  onSearchChange: (search: string) => void\n  searchQueryParam?: string\n}\nexport function SearchBar({\n  Actions,\n  className,\n  label = 'Search...',\n  onSearchChange,\n  searchQueryParam,\n}: SearchBarProps) {\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <SearchIcon />\n      <SearchFilter\n        handleChange={onSearchChange}\n        label={label}\n        searchQueryParam={searchQueryParam}\n      />\n      {Actions && Actions.length > 0 ? (\n        <div className={`${baseClass}__actions`}>{Actions}</div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","label","onSearchChange","searchQueryParam","div","filter","Boolean","join","handleChange","length"],"mappings":";AAAA,SAASA,UAAU,QAAQ,8BAA6B;AACxD,SAASC,YAAY,QAAQ,2BAA0B;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,SAASC,UAAU,EACxBC,OAAO,EACPC,SAAS,EACTC,QAAQ,WAAW,EACnBC,cAAc,EACdC,gBAAgB,EACD;IACf,qBACE,QAACC;QAAIJ,WAAW;YAACH;YAAWG;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC1D,QAACZ;;;;;0BACD,QAACC;gBACCY,cAAcN;gBACdD,OAAOA;gBACPE,kBAAkBA;;;;;;YAEnBJ,WAAWA,QAAQU,MAAM,GAAG,kBAC3B,QAACL;gBAAIJ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BAAGE;;;;;uBACxC;;;;;;;AAGV"}

package/dist/elements/SearchFilter/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect, useRef, useState } from 'react';
 import { useDebounce } from '../../hooks/useDebounce.js';
 import './index.scss';
@@ -40,9 +40,9 @@ export function SearchFilter(props) {
         debouncedSearch,
         handleChange
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
-        children: /*#__PURE__*/ _jsx("input", {
+        children: /*#__PURE__*/ _jsxDEV("input", {
             "aria-label": label,
             className: `${baseClass}__input`,
             id: "search-filter-input",
@@ -53,8 +53,16 @@ export function SearchFilter(props) {
             placeholder: label,
             type: "text",
             value: search || ''
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/SearchFilter/index.tsx",
+            lineNumber: 55,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/SearchFilter/index.tsx",
+        lineNumber: 54,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { SearchFilterProps } from './types.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport function SearchFilter(props: SearchFilterProps) {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n\n    return () => {\n      shouldUpdateState.current = true\n      previousSearch.current = undefined\n    }\n  }, [searchParam])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useEffect","useRef","useState","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","div","className","input","aria-label","id","onChange","e","target","value","placeholder","type"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI1D,SAASC,WAAW,QAAQ,6BAA4B;AACxD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EAAEC,YAAY,EAAEC,aAAa,EAAEC,KAAK,EAAEC,gBAAgB,EAAE,GAAGJ;IACjE,MAAMK,cAAcH,eAAeI,UAAUF;IAC7C,MAAM,CAACE,QAAQC,UAAU,GAAGX,SAAS,OAAOS,gBAAgB,WAAWA,cAAcG;IAErF;;;GAGC,GACD,MAAMC,oBAAoBd,OAAO;IAEjC;;GAEC,GACD,MAAMe,iBAAiBf,OAAO,OAAOU,gBAAgB,WAAWA,cAAcG;IAE9E,MAAMG,kBAAkBd,YAAYS,QAAQ;IAE5CZ,UAAU;QACR,IAAIW,gBAAgBK,eAAeE,OAAO,EAAE;YAC1CH,kBAAkBG,OAAO,GAAG;YAC5BL,UAAUF;YACVK,eAAeE,OAAO,GAAGP;QAC3B;QAEA,OAAO;YACLI,kBAAkBG,OAAO,GAAG;YAC5BF,eAAeE,OAAO,GAAGJ;QAC3B;IACF,GAAG;QAACH;KAAY;IAEhBX,UAAU;QACR,IAAIiB,oBAAoBD,eAAeE,OAAO,IAAIH,kBAAkBG,OAAO,EAAE;YAC3E,IAAIX,cAAc;gBAChBA,aAAaU;YACf;YAEAD,eAAeE,OAAO,GAAGD;QAC3B;IACF,GAAG;QAACA;QAAiBV;KAAa;IAElC,qBACE,KAACY;QAAIC,WAAWhB;kBACd,cAAA,KAACiB;YACCC,cAAYb;YACZW,WAAW,GAAGhB,UAAU,OAAO,CAAC;YAChCmB,IAAG;YACHC,UAAU,CAACC;gBACTV,kBAAkBG,OAAO,GAAG;gBAC5BL,UAAUY,EAAEC,MAAM,CAACC,KAAK;YAC1B;YACAC,aAAanB;YACboB,MAAK;YACLF,OAAOf,UAAU;;;AAIzB"}
+{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { SearchFilterProps } from './types.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport function SearchFilter(props: SearchFilterProps) {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n\n    return () => {\n      shouldUpdateState.current = true\n      previousSearch.current = undefined\n    }\n  }, [searchParam])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useEffect","useRef","useState","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","div","className","input","aria-label","id","onChange","e","target","value","placeholder","type"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI1D,SAASC,WAAW,QAAQ,6BAA4B;AACxD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EAAEC,YAAY,EAAEC,aAAa,EAAEC,KAAK,EAAEC,gBAAgB,EAAE,GAAGJ;IACjE,MAAMK,cAAcH,eAAeI,UAAUF;IAC7C,MAAM,CAACE,QAAQC,UAAU,GAAGX,SAAS,OAAOS,gBAAgB,WAAWA,cAAcG;IAErF;;;GAGC,GACD,MAAMC,oBAAoBd,OAAO;IAEjC;;GAEC,GACD,MAAMe,iBAAiBf,OAAO,OAAOU,gBAAgB,WAAWA,cAAcG;IAE9E,MAAMG,kBAAkBd,YAAYS,QAAQ;IAE5CZ,UAAU;QACR,IAAIW,gBAAgBK,eAAeE,OAAO,EAAE;YAC1CH,kBAAkBG,OAAO,GAAG;YAC5BL,UAAUF;YACVK,eAAeE,OAAO,GAAGP;QAC3B;QAEA,OAAO;YACLI,kBAAkBG,OAAO,GAAG;YAC5BF,eAAeE,OAAO,GAAGJ;QAC3B;IACF,GAAG;QAACH;KAAY;IAEhBX,UAAU;QACR,IAAIiB,oBAAoBD,eAAeE,OAAO,IAAIH,kBAAkBG,OAAO,EAAE;YAC3E,IAAIX,cAAc;gBAChBA,aAAaU;YACf;YAEAD,eAAeE,OAAO,GAAGD;QAC3B;IACF,GAAG;QAACA;QAAiBV;KAAa;IAElC,qBACE,QAACY;QAAIC,WAAWhB;kBACd,cAAA,QAACiB;YACCC,cAAYb;YACZW,WAAW,GAAGhB,UAAU,OAAO,CAAC;YAChCmB,IAAG;YACHC,UAAU,CAACC;gBACTV,kBAAkBG,OAAO,GAAG;gBAC5BL,UAAUY,EAAEC,MAAM,CAACC,KAAK;YAC1B;YACAC,aAAanB;YACboB,MAAK;YACLF,OAAOf,UAAU;;;;;;;;;;;AAIzB"}

package/dist/elements/SelectAll/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
@@ -9,7 +9,7 @@ const baseClass = 'select-all';
 export const SelectAll = ()=>{
     const { selectAll, toggleAll } = useSelection();
     const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsx(CheckboxInput, {
+    return /*#__PURE__*/ _jsxDEV(CheckboxInput, {
         "aria-label": selectAll === SelectAllStatus.None ? i18n.t('general:selectAllRows') : i18n.t('general:deselectAllRows'),
         checked: selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable,
         className: [
@@ -20,7 +20,11 @@ export const SelectAll = ()=>{
         name: "select-all",
         onToggle: ()=>toggleAll(),
         partialChecked: selectAll === SelectAllStatus.Some
-    });
+    }, void 0, false, {
+        fileName: "src/elements/SelectAll/index.tsx",
+        lineNumber: 17,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","selectAll","toggleAll","i18n","aria-label","None","t","checked","AllInPage","AllAvailable","className","join","id","name","onToggle","partialChecked","Some"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGL;IACjC,MAAM,EAAEM,IAAI,EAAE,GAAGL;IAEjB,qBACE,KAACH;QACCS,cACEH,cAAcL,gBAAgBS,IAAI,GAC9BF,KAAKG,CAAC,CAAC,2BACPH,KAAKG,CAAC,CAAC;QAEbC,SACEN,cAAcL,gBAAgBY,SAAS,IAAIP,cAAcL,gBAAgBa,YAAY;QAEvFC,WAAW;YAACX;YAAW,GAAGA,UAAU,UAAU,CAAC;SAAC,CAACY,IAAI,CAAC;QACtDC,IAAG;QACHC,MAAK;QACLC,UAAU,IAAMZ;QAChBa,gBAAgBd,cAAcL,gBAAgBoB,IAAI;;AAGxD,EAAC"}
+{"version":3,"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"],"names":["React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","selectAll","toggleAll","i18n","aria-label","None","t","checked","AllInPage","AllAvailable","className","join","id","name","onToggle","partialChecked","Some"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGL;IACjC,MAAM,EAAEM,IAAI,EAAE,GAAGL;IAEjB,qBACE,QAACH;QACCS,cACEH,cAAcL,gBAAgBS,IAAI,GAC9BF,KAAKG,CAAC,CAAC,2BACPH,KAAKG,CAAC,CAAC;QAEbC,SACEN,cAAcL,gBAAgBY,SAAS,IAAIP,cAAcL,gBAAgBa,YAAY;QAEvFC,WAAW;YAACX;YAAW,GAAGA,UAAU,UAAU,CAAC;SAAC,CAACY,IAAI,CAAC;QACtDC,IAAG;QACHC,MAAK;QACLC,UAAU,IAAMZ;QAChBa,gBAAgBd,cAAcL,gBAAgBoB,IAAI;;;;;;AAGxD,EAAC"}

package/dist/elements/SelectMany/index.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -10,7 +10,7 @@ export const SelectMany = (props)=>{
     if (!selected || !count) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(Pill, {
+    return /*#__PURE__*/ _jsxDEV(Pill, {
         onClick: ()=>{
             if (typeof onClick === 'function') {
                 onClick(selected);
@@ -23,7 +23,11 @@ export const SelectMany = (props)=>{
             " ",
             count
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/SelectMany/index.tsx",
+        lineNumber: 20,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SelectMany/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Pill } from '../Pill/index.js'\n\nexport const SelectMany: React.FC<{\n  onClick?: (ids: ReturnType<typeof useSelection>['selected']) => void\n}> = (props) => {\n  const { onClick } = props\n\n  const { count, selected } = useSelection()\n  const { t } = useTranslation()\n\n  if (!selected || !count) {\n    return null\n  }\n\n  return (\n    <Pill\n      onClick={() => {\n        if (typeof onClick === 'function') {\n          onClick(selected)\n        }\n      }}\n      pillStyle=\"white\"\n      size=\"small\"\n    >\n      {t('general:select')} {count}\n    </Pill>\n  )\n}\n"],"names":["React","useSelection","useTranslation","Pill","SelectMany","props","onClick","count","selected","t","pillStyle","size"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AAEvC,OAAO,MAAMC,aAER,CAACC;IACJ,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,MAAM,EAAEE,KAAK,EAAEC,QAAQ,EAAE,GAAGP;IAC5B,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,IAAI,CAACM,YAAY,CAACD,OAAO;QACvB,OAAO;IACT;IAEA,qBACE,MAACJ;QACCG,SAAS;YACP,IAAI,OAAOA,YAAY,YAAY;gBACjCA,QAAQE;YACV;QACF;QACAE,WAAU;QACVC,MAAK;;YAEJF,EAAE;YAAkB;YAAEF;;;AAG7B,EAAC"}
+{"version":3,"sources":["../../../src/elements/SelectMany/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Pill } from '../Pill/index.js'\n\nexport const SelectMany: React.FC<{\n  onClick?: (ids: ReturnType<typeof useSelection>['selected']) => void\n}> = (props) => {\n  const { onClick } = props\n\n  const { count, selected } = useSelection()\n  const { t } = useTranslation()\n\n  if (!selected || !count) {\n    return null\n  }\n\n  return (\n    <Pill\n      onClick={() => {\n        if (typeof onClick === 'function') {\n          onClick(selected)\n        }\n      }}\n      pillStyle=\"white\"\n      size=\"small\"\n    >\n      {t('general:select')} {count}\n    </Pill>\n  )\n}\n"],"names":["React","useSelection","useTranslation","Pill","SelectMany","props","onClick","count","selected","t","pillStyle","size"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AAEvC,OAAO,MAAMC,aAER,CAACC;IACJ,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,MAAM,EAAEE,KAAK,EAAEC,QAAQ,EAAE,GAAGP;IAC5B,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,IAAI,CAACM,YAAY,CAACD,OAAO;QACvB,OAAO;IACT;IAEA,qBACE,QAACJ;QACCG,SAAS;YACP,IAAI,OAAOA,YAAY,YAAY;gBACjCA,QAAQE;YACV;QACF;QACAE,WAAU;QACVC,MAAK;;YAEJF,EAAE;YAAkB;YAAEF;;;;;;;AAG7B,EAAC"}

package/dist/elements/SelectRow/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { useAuth } from '../../providers/Auth/index.js';
@@ -13,18 +13,26 @@ export const SelectRow = ({ rowData })=>{
     const { _isLocked, _userEditing } = rowData || {};
     const documentIsLocked = _isLocked && _userEditing;
     if (documentIsLocked && _userEditing.id !== user?.id) {
-        return /*#__PURE__*/ _jsx(Locked, {
+        return /*#__PURE__*/ _jsxDEV(Locked, {
             user: _userEditing
-        });
+        }, void 0, false, {
+            fileName: "src/elements/SelectRow/index.tsx",
+            lineNumber: 28,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(CheckboxInput, {
+    return /*#__PURE__*/ _jsxDEV(CheckboxInput, {
         checked: Boolean(selected.get(rowData.id)),
         className: [
             baseClass,
             `${baseClass}__checkbox`
         ].join(' '),
         onToggle: ()=>setSelection(rowData.id)
-    });
+    }, void 0, false, {
+        fileName: "src/elements/SelectRow/index.tsx",
+        lineNumber: 32,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","rowData","user","selected","setSelection","_isLocked","_userEditing","documentIsLocked","id","checked","Boolean","get","className","join","onToggle"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAMR,CAAC,EAAEC,OAAO,EAAE;IACf,MAAM,EAAEC,IAAI,EAAE,GAAGN;IACjB,MAAM,EAAEO,QAAQ,EAAEC,YAAY,EAAE,GAAGP;IACnC,MAAM,EAAEQ,SAAS,EAAEC,YAAY,EAAE,GAAGL,WAAW,CAAC;IAEhD,MAAMM,mBAAmBF,aAAaC;IAEtC,IAAIC,oBAAoBD,aAAaE,EAAE,KAAKN,MAAMM,IAAI;QACpD,qBAAO,KAACV;YAAOI,MAAMI;;IACvB;IAEA,qBACE,KAACX;QACCc,SAASC,QAAQP,SAASQ,GAAG,CAACV,QAAQO,EAAE;QACxCI,WAAW;YAACb;YAAW,GAAGA,UAAU,UAAU,CAAC;SAAC,CAACc,IAAI,CAAC;QACtDC,UAAU,IAAMV,aAAaH,QAAQO,EAAE;;AAG7C,EAAC"}
+{"version":3,"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"],"names":["React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","rowData","user","selected","setSelection","_isLocked","_userEditing","documentIsLocked","id","checked","Boolean","get","className","join","onToggle"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAMR,CAAC,EAAEC,OAAO,EAAE;IACf,MAAM,EAAEC,IAAI,EAAE,GAAGN;IACjB,MAAM,EAAEO,QAAQ,EAAEC,YAAY,EAAE,GAAGP;IACnC,MAAM,EAAEQ,SAAS,EAAEC,YAAY,EAAE,GAAGL,WAAW,CAAC;IAEhD,MAAMM,mBAAmBF,aAAaC;IAEtC,IAAIC,oBAAoBD,aAAaE,EAAE,KAAKN,MAAMM,IAAI;QACpD,qBAAO,QAACV;YAAOI,MAAMI;;;;;;IACvB;IAEA,qBACE,QAACX;QACCc,SAASC,QAAQP,SAASQ,GAAG,CAACV,QAAQO,EAAE;QACxCI,WAAW;YAACb;YAAW,GAAGA,UAAU,UAAU,CAAC;SAAC,CAACc,IAAI,CAAC;QACtDC,UAAU,IAAMV,aAAaH,QAAQO,EAAE;;;;;;AAG7C,EAAC"}

package/dist/elements/ShimmerEffect/index.js

@@ -1,10 +1,10 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
 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", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             'shimmer-effect',
             className
@@ -13,13 +13,21 @@ export const ShimmerEffect = ({ animationDelay = '0ms', className, disableInline
             height: !disableInlineStyles && (typeof height === 'number' ? `${height}px` : height),
             width: !disableInlineStyles && (typeof width === 'number' ? `${width}px` : width)
         },
-        children: /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: "shimmer-effect__shine",
             style: {
                 animationDelay
             }
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ShimmerEffect/index.tsx",
+            lineNumber: 30,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ShimmerEffect/index.tsx",
+        lineNumber: 23,
+        columnNumber: 5
+    }, this);
 };
 export const StaggeredShimmers = ({ className, count, height, renderDelay = 500, shimmerDelay = 25, shimmerItemClassName, width })=>{
     const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay;
@@ -27,19 +35,31 @@ export const StaggeredShimmers = ({ className, count, height, renderDelay = 500,
     if (!hasDelayed) {
         return null;
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: className,
         children: [
             ...Array(count)
-        ].map((_, i)=>/*#__PURE__*/ _jsx("div", {
+        ].map((_, i)=>/*#__PURE__*/ _jsxDEV("div", {
                 className: shimmerItemClassName,
-                children: /*#__PURE__*/ _jsx(ShimmerEffect, {
+                children: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
                     animationDelay: `calc(${i} * ${shimmerDelayToPass})`,
                     height: height,
                     width: width
-                })
-            }, i))
-    });
+                }, void 0, false, {
+                    fileName: "src/elements/ShimmerEffect/index.tsx",
+                    lineNumber: 70,
+                    columnNumber: 11
+                }, this)
+            }, i, false, {
+                fileName: "src/elements/ShimmerEffect/index.tsx",
+                lineNumber: 69,
+                columnNumber: 9
+            }, this))
+    }, void 0, false, {
+        fileName: "src/elements/ShimmerEffect/index.tsx",
+        lineNumber: 67,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","useDelay","ShimmerEffect","animationDelay","className","disableInlineStyles","height","width","div","filter","Boolean","join","style","StaggeredShimmers","count","renderDelay","shimmerDelay","shimmerItemClassName","shimmerDelayToPass","hasDelayed","Array","map","_","i"],"mappings":"AAAA;;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,0BAAyB;AAClD,OAAO,eAAc;AAUrB,OAAO,MAAMC,gBAA8C,CAAC,EAC1DC,iBAAiB,KAAK,EACtBC,SAAS,EACTC,sBAAsB,KAAK,EAC3BC,SAAS,MAAM,EACfC,QAAQ,MAAM,EACf;IACC,qBACE,KAACC;QACCJ,WAAW;YAAC;YAAkBA;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;QAC9DC,OAAO;YACLN,QAAQ,CAACD,uBAAwB,CAAA,OAAOC,WAAW,WAAW,GAAGA,OAAO,EAAE,CAAC,GAAGA,MAAK;YACnFC,OAAO,CAACF,uBAAwB,CAAA,OAAOE,UAAU,WAAW,GAAGA,MAAM,EAAE,CAAC,GAAGA,KAAI;QACjF;kBAEA,cAAA,KAACC;YACCJ,WAAU;YACVQ,OAAO;gBACLT;YACF;;;AAIR,EAAC;AAYD,OAAO,MAAMU,oBAAsD,CAAC,EAClET,SAAS,EACTU,KAAK,EACLR,MAAM,EACNS,cAAc,GAAG,EACjBC,eAAe,EAAE,EACjBC,oBAAoB,EACpBV,KAAK,EACN;IACC,MAAMW,qBAAqB,OAAOF,iBAAiB,WAAW,GAAGA,aAAa,EAAE,CAAC,GAAGA;IACpF,MAAM,CAACG,WAAW,GAAGlB,SAASc,aAAa;IAE3C,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,qBACE,KAACX;QAAIJ,WAAWA;kBACb;eAAIgB,MAAMN;SAAO,CAACO,GAAG,CAAC,CAACC,GAAGC,kBACzB,KAACf;gBAAIJ,WAAWa;0BACd,cAAA,KAACf;oBACCC,gBAAgB,CAAC,KAAK,EAAEoB,EAAE,GAAG,EAAEL,mBAAmB,CAAC,CAAC;oBACpDZ,QAAQA;oBACRC,OAAOA;;eAJgCgB;;AAUnD,EAAC"}
+{"version":3,"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"],"names":["React","useDelay","ShimmerEffect","animationDelay","className","disableInlineStyles","height","width","div","filter","Boolean","join","style","StaggeredShimmers","count","renderDelay","shimmerDelay","shimmerItemClassName","shimmerDelayToPass","hasDelayed","Array","map","_","i"],"mappings":"AAAA;;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,0BAAyB;AAClD,OAAO,eAAc;AAUrB,OAAO,MAAMC,gBAA8C,CAAC,EAC1DC,iBAAiB,KAAK,EACtBC,SAAS,EACTC,sBAAsB,KAAK,EAC3BC,SAAS,MAAM,EACfC,QAAQ,MAAM,EACf;IACC,qBACE,QAACC;QACCJ,WAAW;YAAC;YAAkBA;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;QAC9DC,OAAO;YACLN,QAAQ,CAACD,uBAAwB,CAAA,OAAOC,WAAW,WAAW,GAAGA,OAAO,EAAE,CAAC,GAAGA,MAAK;YACnFC,OAAO,CAACF,uBAAwB,CAAA,OAAOE,UAAU,WAAW,GAAGA,MAAM,EAAE,CAAC,GAAGA,KAAI;QACjF;kBAEA,cAAA,QAACC;YACCJ,WAAU;YACVQ,OAAO;gBACLT;YACF;;;;;;;;;;;AAIR,EAAC;AAYD,OAAO,MAAMU,oBAAsD,CAAC,EAClET,SAAS,EACTU,KAAK,EACLR,MAAM,EACNS,cAAc,GAAG,EACjBC,eAAe,EAAE,EACjBC,oBAAoB,EACpBV,KAAK,EACN;IACC,MAAMW,qBAAqB,OAAOF,iBAAiB,WAAW,GAAGA,aAAa,EAAE,CAAC,GAAGA;IACpF,MAAM,CAACG,WAAW,GAAGlB,SAASc,aAAa;IAE3C,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,qBACE,QAACX;QAAIJ,WAAWA;kBACb;eAAIgB,MAAMN;SAAO,CAACO,GAAG,CAAC,CAACC,GAAGC,kBACzB,QAACf;gBAAIJ,WAAWa;0BACd,cAAA,QAACf;oBACCC,gBAAgB,CAAC,KAAK,EAAEoB,EAAE,GAAG,EAAEL,mBAAmB,CAAC,CAAC;oBACpDZ,QAAQA;oBACRC,OAAOA;;;;;;eAJgCgB;;;;;;;;;;AAUnD,EAAC"}