@plumile/backoffice-react 0.1.106 → 0.1.108

package/lib/esm/components/backoffice/refs/BackofficeRelatedCountLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, RoutingContext } from '@plumile/router';\n\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  let resolvedCount = 0;\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    resolvedCount = count;\n  }\n  const entityManifest = entities[entity];\n  if (entityManifest == null) {\n    return <span>{resolvedCount}</span>;\n  }\n  const entityLabel = entityManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  let to: string | { pathname: string; search: string };\n  if (loadedEntity == null) {\n    to = buildBackofficeFallbackListHref(entityManifest.routes.list, where);\n  } else {\n    to = buildBackofficeListLink(loadedEntity.config, { where });\n  }\n\n  const navigateWithLoadedEntity = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entity);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    const { history } = routing;\n    navigateWithLoadedEntity(history).catch(() => {\n      if (typeof to === 'string') {\n        const fallbackUrl = new URL(to, window.location.origin);\n        history.push({\n          pathname: fallbackUrl.pathname,\n          search: fallbackUrl.search,\n          hash: fallbackUrl.hash,\n        });\n        return;\n      }\n\n      let search = '';\n      if (to.search !== '') {\n        search = `?${to.search}`;\n      }\n\n      history.push({\n        pathname: to.pathname,\n        search,\n        hash: '',\n      });\n    });\n  };\n\n  return (\n    <Link\n      to={to}\n      className={styles.link}\n      title={actionLabel}\n      aria-label={actionLabel}\n      onClick={handleClick}\n    >\n      <span className={styles.count}>{resolvedCount}</span>\n      <span className={styles.icon} aria-hidden=\"true\">\n        ›\n      </span>\n    </Link>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;AAqBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACtC,IAAgB;CACpB,AAAI,OAAO,KAAU,YAAY,OAAO,SAAS,EAAM,KACrD,IAAgB;CAElB,IAAM,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,GAAqB,CAAA;CAGrC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,EAEhC,EACR,CAAC,EACI,IAAe,EAAe,oBAAoB,EAAO,EAC3D;CACJ,AAGE,IAHE,KAAgB,OACb,EAAgC,EAAe,OAAO,MAAM,EAAM,GAElE,EAAwB,EAAa,QAAQ,EAAE,UAAO,CAAC;CAG9D,IAAM,IAA2B,OAC/B,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;;CA2CJ,OACE,kBAAC,GAAD;EACM;EACJ,WAAW;EACX,OAAO;EACP,cAAY;EACZ,UA9CiB,MAAyC;GAC5D,IACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;GAGF,EAAM,gBAAgB;GACtB,IAAM,EAAE,eAAY;GACpB,EAAyB,EAAQ,CAAC,YAAY;IAC5C,IAAI,OAAO,KAAO,UAAU;KAC1B,IAAM,IAAc,IAAI,IAAI,GAAI,OAAO,SAAS,OAAO;KACvD,EAAQ,KAAK;MACX,UAAU,EAAY;MACtB,QAAQ,EAAY;MACpB,MAAM,EAAY;MACnB,CAAC;KACF;;IAGF,IAAI,IAAS;IAKb,AAJI,EAAG,WAAW,OAChB,IAAS,IAAI,EAAG,WAGlB,EAAQ,KAAK;KACX,UAAU,EAAG;KACb;KACA,MAAM;KACP,CAAC;KACF;;YAIF,CAOE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAqB,CAAA,EACrD,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;aAAO;GAE1C,CAAA,CACF"}
+{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { RoutingContext } from '@plumile/router';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport { resolveBackofficeLink } from '../links/resolveBackofficeLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityManifest, entityRegistry, sidebar } =\n    useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  let resolvedCount = 0;\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    resolvedCount = count;\n  }\n  const targetManifest = entities[entity];\n  if (targetManifest == null) {\n    return <span>{resolvedCount}</span>;\n  }\n  const entityLabel = targetManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  const target = {\n    kind: 'entity-list',\n    entityId: entity,\n    state: { where },\n  } as BackofficeLinkTarget;\n\n  const navigateWithLoadedEntity = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entity);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    const { history } = routing;\n    navigateWithLoadedEntity(history).catch(() => {\n      const link = resolveBackofficeLink({\n        target,\n        manifest: entityManifest,\n        sidebar,\n        tApp,\n      });\n      const fallbackUrl = new URL(link.href, window.location.origin);\n      history.push({\n        pathname: fallbackUrl.pathname,\n        search: fallbackUrl.search,\n        hash: fallbackUrl.hash,\n      });\n    });\n  };\n\n  return (\n    <BackofficeInlineLink\n      target={target}\n      className={styles.link}\n      title={actionLabel}\n      ariaLabel={actionLabel}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.icon} aria-hidden=\"true\">\n          ›\n        </span>\n      }\n    >\n      <span className={styles.count}>{resolvedCount}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,mBAAgB,mBAAgB,eAChD,GAAqB,EACjB,IAAU,EAAW,EAAe,EACtC,IAAgB;CACpB,AAAI,OAAO,KAAU,YAAY,OAAO,SAAS,EAAM,KACrD,IAAgB;CAElB,IAAM,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,GAAqB,CAAA;CAGrC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,EAEhC,EACR,CAAC,EACI,IAAe,EAAe,oBAAoB,EAAO,EACzD,IAAS;EACb,MAAM;EACN,UAAU;EACV,OAAO,EAAE,UAAO;EACjB,EAEK,IAA2B,OAC/B,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;;CAmCJ,OACE,kBAAC,GAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,WAAW;EACX,UAtCiB,MAAyC;GAC5D,IACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;GAGF,EAAM,gBAAgB;GACtB,IAAM,EAAE,eAAY;GACpB,EAAyB,EAAQ,CAAC,YAAY;IAC5C,IAAM,IAAO,EAAsB;KACjC;KACA,UAAU;KACV;KACA;KACD,CAAC,EACI,IAAc,IAAI,IAAI,EAAK,MAAM,OAAO,SAAS,OAAO;IAC9D,EAAQ,KAAK;KACX,UAAU,EAAY;KACtB,QAAQ,EAAY;KACpB,MAAM,EAAY;KACnB,CAAC;KACF;;EAUA,cACE,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;aAAO;GAE1C,CAAA;YAGT,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAqB,CAAA;EAChC,CAAA"}