@plumile/backoffice-react 0.2.3 → 0.2.6

package/lib/esm/components/backoffice/routing/BackofficeContentError.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nexport const BackofficeContentError = ({\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.root}>\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {t('common.errors.unexpected')}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;;AAaA,IAAa,KAA0B,EACrC,iBAC8C;CAC9C,IAAM,EAAE,SAAM,EAA8B;CAE5C,OACE,kBAAC,OAAD;EAAK,WAAW;EACd,UAAA,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IAER,UAAA,EAAE,sBAAsB;GACnB,CAAA;GAGT,UAAA,EAAE,0BAA0B;EACjB,CAAA;CACX,CAAA;AAET"}
+{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui/button';\nimport { InlineBanner } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nexport const BackofficeContentError = ({\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.root}>\n      <InlineBanner\n        aria-live=\"assertive\"\n        role=\"alert\"\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"soft\"\n            size=\"small\"\n            onClick={onRetry}\n            tone=\"neutral\"\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {t('common.errors.unexpected')}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;;AAaA,IAAa,KAA0B,EACrC,iBAC8C;CAC9C,IAAM,EAAE,SAAM,EAA8B;CAE5C,OACE,kBAAC,OAAD;EAAK,WAAW;EACd,UAAA,kBAAC,GAAD;GACE,aAAU;GACV,MAAK;GACL,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IACT,MAAK;IAEJ,UAAA,EAAE,sBAAsB;GACnB,CAAA;GAGT,UAAA,EAAE,0BAA0B;EACjB,CAAA;CACX,CAAA;AAET"}

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as t } from "react-i18next";
-import { RouteFallback as n } from "@plumile/ui/components/routing/RouteFallback.js";
+import { RouteFallback as e } from "@plumile/ui";
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
 //#region src/components/backoffice/routing/BackofficeRouteFallback.tsx
-var r = ({ label: t = "Loading..." }) => /* @__PURE__ */ e(n, {
+var r = ({ label: n = "Loading..." }) => /* @__PURE__ */ t(e, {
 	variant: "page",
-	label: t
+	label: n
 }), i = () => {
-	let { t: n, i18n: i } = t("backofficeReact", { useSuspense: !1 }), a = "Loading...";
-	return i.isInitialized && (a = n("common.loading")), /* @__PURE__ */ e(r, { label: a });
+	let { t: e, i18n: i } = n("backofficeReact", { useSuspense: !1 }), a = "Loading...";
+	return i.isInitialized && (a = e("common.loading")), /* @__PURE__ */ t(r, { label: a });
 };
 //#endregion
 export { i as BackofficeRouteFallback, i as default, r as BackofficeStaticRouteFallback };

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { RouteFallback } from '@plumile/ui/components/routing/RouteFallback.js';\n\nexport type BackofficeRouteFallbackProps = {\n  label?: string;\n};\n\nexport const BackofficeStaticRouteFallback = ({\n  label = 'Loading...',\n}: BackofficeRouteFallbackProps): JSX.Element => {\n  return <RouteFallback variant=\"page\" label={label} />;\n};\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return <BackofficeStaticRouteFallback label={label} />;\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;AASA,IAAa,KAAiC,EAC5C,WAAQ,mBAED,kBAAC,GAAD;CAAe,SAAQ;CAAc;AAAQ,CAAA,GAGzC,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,GACf,CAAC,GACG,IAAQ;CAKZ,OAJI,EAAK,kBACP,IAAQ,EAAE,gBAAgB,IAGrB,kBAAC,GAAD,EAAsC,SAAQ,CAAA;AACvD"}
+{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { RouteFallback } from '@plumile/ui';\n\nexport type BackofficeRouteFallbackProps = {\n  label?: string;\n};\n\nexport const BackofficeStaticRouteFallback = ({\n  label = 'Loading...',\n}: BackofficeRouteFallbackProps): JSX.Element => {\n  return <RouteFallback variant=\"page\" label={label} />;\n};\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return <BackofficeStaticRouteFallback label={label} />;\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;AASA,IAAa,KAAiC,EAC5C,WAAQ,mBAED,kBAAC,GAAD;CAAe,SAAQ;CAAc;AAAQ,CAAA,GAGzC,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,GACf,CAAC,GACG,IAAQ;CAKZ,OAJI,EAAK,kBACP,IAAQ,EAAE,gBAAgB,IAGrB,kBAAC,GAAD,EAAsC,SAAQ,CAAA;AACvD"}

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js

@@ -1,5 +1,5 @@
 //#region src/components/backoffice/routing/backofficeContentBoundary.css.ts
-var e = "txvbqb5b1 txvbqb6bf txvbqbdbd txvbqblor txvbqbdqn";
+var e = "txvbqb5lr txvbqb6m5 txvbqbdm3 txvbqbl9n txvbqbe1d";
 //#endregion
 export { e as root };
 

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeContentBoundary.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentBoundary.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 'full',\n  width: 'full',\n  minWidth: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeContentBoundary.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentBoundary.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 'full',\n  width: 'full',\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js

@@ -1,5 +1,5 @@
 //#region src/components/backoffice/routing/backofficeContentError.css.ts
-var e = "txvbqb5b1 txvbqb6bf txvbqblor", t = "txvbqbiv";
+var e = "txvbqb5lr txvbqb6m5 txvbqbl9n", t = "txvbqbj0";
 //#endregion
 export { t as banner, e as root };
 

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeContentError.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentError.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  width: 'full',\n});\n\nexport const banner = sprinkles({\n  borderColor: 'borderStrong',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeContentError.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentError.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  width: 'full',\n});\n\nexport const banner = sprinkles({\n  borderColor: 'borderStrong',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js

@@ -1,5 +1,5 @@
 //#region src/components/backoffice/routing/backofficeContentFallback.css.ts
-var e = "txvbqb5b1 txvbqb6bf txvbqb6hj txvbqblor txvbqbdbd", t = "txvbqbcx7", n = "txvbqb5bb txvbqb6hj txvbqb7fz", r = "txvbqb5b1 txvbqb6bf txvbqb6h9 txvbqbev7 txvbqbd6n txvbqbmy txvbqbl9 txvbqbms txvbqbiu txvbqba6";
+var e = "txvbqb5lr txvbqb6m5 txvbqb6s9 txvbqbl9n txvbqbdm3", t = "txvbqbd7x", n = "txvbqb5m1 txvbqb6s9 txvbqb7qp", r = "txvbqb5lr txvbqb6m5 txvbqb6rz txvbqbf5x txvbqbdhd txvbqbn3 txvbqble txvbqbmx txvbqbiz txvbqbab";
 //#endregion
 export { r as card, e as container, n as grid, t as title };
 

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeContentFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  width: 'full',\n  minHeight: 'full',\n});\n\nexport const title = sprinkles({\n  maxWidth: 'md',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax240',\n});\n\nexport const card = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  padding: 4,\n  minHeight: 44,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surfaceMuted',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeContentFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  width: 'full',\n  minHeight: 'full',\n});\n\nexport const title = sprinkles({\n  maxWidth: 'md',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax240',\n});\n\nexport const card = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  padding: 4,\n  minHeight: 44,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surfaceMuted',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js

@@ -1,7 +1,7 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { BackofficeEntityDetailScaffold as t } from "./BackofficeEntityDetailScaffold.js";
 import { jsx as n } from "react/jsx-runtime";
-import { LinkButton as r } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
+import { RouterButtonLink as r } from "@plumile/ui/button";
 //#region src/components/backoffice/scaffolds/BackofficeEntityDetailNotFound.tsx
 var i = ({ listHref: t }) => {
 	let { t: i } = e();
@@ -10,9 +10,10 @@ var i = ({ listHref: t }) => {
 		description: i("detail.notFoundDescription"),
 		actions: /* @__PURE__ */ n(r, {
 			to: t,
-			variant: "secondary",
+			variant: "soft",
 			size: "small",
 			preloadOnHover: "code-and-data",
+			tone: "neutral",
 			children: i("detail.actions.backToList")
 		})
 	};

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailNotFound.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailNotFound.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport {\n  BackofficeEntityDetailScaffold,\n  type BackofficeEntityDetailNotFoundState,\n} from './BackofficeEntityDetailScaffold.js';\n\nexport type BackofficeEntityDetailNotFoundProps = {\n  listHref: string;\n};\n\nexport const useBackofficeEntityDetailNotFoundState = ({\n  listHref,\n}: BackofficeEntityDetailNotFoundProps): BackofficeEntityDetailNotFoundState => {\n  const { t } = useBackofficeReactTranslation();\n\n  return {\n    title: t('detail.notFound'),\n    description: t('detail.notFoundDescription'),\n    actions: (\n      <LinkButton\n        to={listHref}\n        variant=\"secondary\"\n        size=\"small\"\n        preloadOnHover=\"code-and-data\"\n      >\n        {t('detail.actions.backToList')}\n      </LinkButton>\n    ),\n  };\n};\n\nexport const BackofficeEntityDetailNotFound = ({\n  listHref,\n}: BackofficeEntityDetailNotFoundProps): JSX.Element => {\n  const notFound = useBackofficeEntityDetailNotFoundState({ listHref });\n\n  return (\n    <BackofficeEntityDetailScaffold\n      node={null}\n      notFound={notFound}\n      render={() => {\n        return null;\n      }}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailNotFound;\n"],"mappings":";;;;;AAcA,IAAa,KAA0C,EACrD,kBAC8E;CAC9E,IAAM,EAAE,SAAM,EAA8B;CAE5C,OAAO;EACL,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,4BAA4B;EAC3C,SACE,kBAAC,GAAD;GACE,IAAI;GACJ,SAAQ;GACR,MAAK;GACL,gBAAe;GAEd,UAAA,EAAE,2BAA2B;EACpB,CAAA;CAEhB;AACF,GAEa,KAAkC,EAC7C,kBACsD;CACtD,IAAM,IAAW,EAAuC,EAAE,YAAS,CAAC;CAEpE,OACE,kBAAC,GAAD;EACE,MAAM;EACI;EACV,cACS;CAEV,CAAA;AAEL"}
+{"version":3,"file":"BackofficeEntityDetailNotFound.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailNotFound.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { RouterButtonLink } from '@plumile/ui/button';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport {\n  BackofficeEntityDetailScaffold,\n  type BackofficeEntityDetailNotFoundState,\n} from './BackofficeEntityDetailScaffold.js';\n\nexport type BackofficeEntityDetailNotFoundProps = {\n  listHref: string;\n};\n\nexport const useBackofficeEntityDetailNotFoundState = ({\n  listHref,\n}: BackofficeEntityDetailNotFoundProps): BackofficeEntityDetailNotFoundState => {\n  const { t } = useBackofficeReactTranslation();\n\n  return {\n    title: t('detail.notFound'),\n    description: t('detail.notFoundDescription'),\n    actions: (\n      <RouterButtonLink\n        to={listHref}\n        variant=\"soft\"\n        size=\"small\"\n        preloadOnHover=\"code-and-data\"\n        tone=\"neutral\"\n      >\n        {t('detail.actions.backToList')}\n      </RouterButtonLink>\n    ),\n  };\n};\n\nexport const BackofficeEntityDetailNotFound = ({\n  listHref,\n}: BackofficeEntityDetailNotFoundProps): JSX.Element => {\n  const notFound = useBackofficeEntityDetailNotFoundState({ listHref });\n\n  return (\n    <BackofficeEntityDetailScaffold\n      node={null}\n      notFound={notFound}\n      render={() => {\n        return null;\n      }}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailNotFound;\n"],"mappings":";;;;;AAcA,IAAa,KAA0C,EACrD,kBAC8E;CAC9E,IAAM,EAAE,SAAM,EAA8B;CAE5C,OAAO;EACL,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,4BAA4B;EAC3C,SACE,kBAAC,GAAD;GACE,IAAI;GACJ,SAAQ;GACR,MAAK;GACL,gBAAe;GACf,MAAK;GAEJ,UAAA,EAAE,2BAA2B;EACd,CAAA;CAEtB;AACF,GAEa,KAAkC,EAC7C,kBACsD;CACtD,IAAM,IAAW,EAAuC,EAAE,YAAS,CAAC;CAEpE,OACE,kBAAC,GAAD;EACE,MAAM;EACI;EACV,cACS;CAEV,CAAA;AAEL"}