@plumile/backoffice-react 0.1.108 → 0.1.112

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeContentFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Skeleton } from '@plumile/ui';\n\nimport * as styles from './backofficeContentFallback.css.js';\n\nexport const BackofficeContentFallback = (): JSX.Element => {\n  return (\n    <div\n      className={styles.container}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Skeleton variant=\"text\" width=\"38%\" className={styles.title} />\n      <Skeleton variant=\"text\" width=\"62%\" />\n      <div className={styles.grid}>\n        {Array.from({ length: 4 }, (_, index) => {\n          return (\n            <div key={`content-skeleton-${index}`} className={styles.card}>\n              <Skeleton variant=\"text\" width=\"46%\" />\n              <Skeleton variant=\"text\" width=\"82%\" lines={2} />\n              <Skeleton variant=\"block\" width=\"100%\" height={120} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeContentFallback;\n"],"mappings":";;;;AAMA,IAAa,UAET,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ;EAME,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAM,WAAW;GAAgB,CAAA;EAChE,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAQ,CAAA;EACvC,kBAAC,OAAD;GAAK,WAAW;aACb,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,MAE3B,kBAAC,OAAD;IAAuC,WAAW;cAAlD;KACE,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAQ,CAAA;KACvC,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAM,OAAO;MAAK,CAAA;KACjD,kBAAC,GAAD;MAAU,SAAQ;MAAQ,OAAM;MAAO,QAAQ;MAAO,CAAA;KAClD;MAJI,oBAAoB,IAIxB,CAER;GACE,CAAA;EACF"}
+{"version":3,"file":"BackofficeContentFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Skeleton } from '@plumile/ui/backoffice/atoms/skeleton/Skeleton.js';\n\nimport * as styles from './backofficeContentFallback.css.js';\n\nexport const BackofficeContentFallback = (): JSX.Element => {\n  return (\n    <div\n      className={styles.container}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Skeleton variant=\"text\" width=\"38%\" className={styles.title} />\n      <Skeleton variant=\"text\" width=\"62%\" />\n      <div className={styles.grid}>\n        {Array.from({ length: 4 }, (_, index) => {\n          return (\n            <div key={`content-skeleton-${index}`} className={styles.card}>\n              <Skeleton variant=\"text\" width=\"46%\" />\n              <Skeleton variant=\"text\" width=\"82%\" lines={2} />\n              <Skeleton variant=\"block\" width=\"100%\" height={120} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeContentFallback;\n"],"mappings":";;;;AAMA,IAAa,UAET,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ;EAME,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAM,WAAW;GAAgB,CAAA;EAChE,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAQ,CAAA;EACvC,kBAAC,OAAD;GAAK,WAAW;aACb,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,MAE3B,kBAAC,OAAD;IAAuC,WAAW;cAAlD;KACE,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAQ,CAAA;KACvC,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAM,OAAO;MAAK,CAAA;KACjD,kBAAC,GAAD;MAAU,SAAQ;MAAQ,OAAM;MAAO,QAAQ;MAAO,CAAA;KAClD;MAJI,oBAAoB,IAIxB,CAER;GACE,CAAA;EACF"}

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

@@ -1,23 +1,23 @@
 import { label as e, root as t } from "./backofficeRouteFallback.css.js";
-import { Spinner as n } from "@plumile/ui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useTranslation as a } from "react-i18next";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { Spinner as a } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
 //#region src/components/backoffice/routing/BackofficeRouteFallback.tsx
-var o = ({ label: a = "Loading..." }) => /* @__PURE__ */ i("div", {
+var o = ({ label: i = "Loading..." }) => /* @__PURE__ */ r("div", {
 	className: t,
 	role: "status",
 	"aria-live": "polite",
 	"aria-busy": "true",
-	children: [/* @__PURE__ */ r(n, {
+	children: [/* @__PURE__ */ n(a, {
 		size: 28,
-		ariaLabel: a
-	}), /* @__PURE__ */ r("div", {
+		ariaLabel: i
+	}), /* @__PURE__ */ n("div", {
 		className: e,
-		children: a
+		children: i
 	})]
 }), s = () => {
-	let { t: e, i18n: t } = a("backofficeReact", { useSuspense: !1 }), n = "Loading...";
-	return t.isInitialized && (n = e("common.loading")), /* @__PURE__ */ r(o, { label: n });
+	let { t: e, i18n: t } = i("backofficeReact", { useSuspense: !1 }), r = "Loading...";
+	return t.isInitialized && (r = e("common.loading")), /* @__PURE__ */ n(o, { label: r });
 };
 //#endregion
 export { s as BackofficeRouteFallback, s as default, o 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 { Spinner } from '@plumile/ui';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport type BackofficeRouteFallbackProps = {\n  label?: string;\n};\n\nexport const BackofficeStaticRouteFallback = ({\n  label = 'Loading...',\n}: BackofficeRouteFallbackProps): JSX.Element => {\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} ariaLabel={label} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\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":";;;;;AAWA,IAAa,KAAiC,EAC5C,OAAA,IAAQ,mBAGN,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ,CAME,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;EAAS,CAAA,EACvC,kBAAC,OAAD;EAAK,WAAW;YAAe;EAAY,CAAA,CACvC;IAIG,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;CAKZ,OAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAGtB,kBAAC,GAAD,EAAsC,UAAS,CAAA"}
+{"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 { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport type BackofficeRouteFallbackProps = {\n  label?: string;\n};\n\nexport const BackofficeStaticRouteFallback = ({\n  label = 'Loading...',\n}: BackofficeRouteFallbackProps): JSX.Element => {\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} ariaLabel={label} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\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":";;;;;AAWA,IAAa,KAAiC,EAC5C,OAAA,IAAQ,mBAGN,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ,CAME,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;EAAS,CAAA,EACvC,kBAAC,OAAD;EAAK,WAAW;YAAe;EAAY,CAAA,CACvC;IAIG,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;CAKZ,OAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAGtB,kBAAC,GAAD,EAAsC,UAAS,CAAA"}

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';\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/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":""}

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';\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/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":""}

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';\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/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":""}

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

@@ -1 +1 @@
-{"version":3,"file":"backofficeRouteFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRouteFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 'screen',\n  width: 'full',\n  gap: 4,\n  backgroundColor: 'surfaceSecondary',\n  color: 'textSecondary',\n});\n\nexport const label = sprinkles({\n  color: 'textMuted',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeRouteFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRouteFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 'screen',\n  width: 'full',\n  gap: 4,\n  backgroundColor: 'surfaceSecondary',\n  color: 'textSecondary',\n});\n\nexport const label = sprinkles({\n  color: 'textMuted',\n});\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"backofficeRoutePendingBar.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRoutePendingBar.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nconst slide = keyframes({\n  '0%': { transform: 'translateX(-120%)' },\n  '60%': { transform: 'translateX(30%)' },\n  '100%': { transform: 'translateX(120%)' },\n});\n\nexport const root = style([\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    width: 'full',\n    zIndex: 50,\n  }),\n  {\n    height: '3px',\n  },\n]);\n\nexport const bar = style([\n  sprinkles({\n    height: 'full',\n    width: '2/5',\n  }),\n  {\n    background: `linear-gradient(90deg, ${vars.colors.primaryLight} 0%, ${vars.colors.primary} 60%, ${vars.colors.primaryLight} 100%)`,\n    animation: `${slide} 1.1s ease-in-out infinite`,\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeRoutePendingBar.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRoutePendingBar.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nconst slide = keyframes({\n  '0%': { transform: 'translateX(-120%)' },\n  '60%': { transform: 'translateX(30%)' },\n  '100%': { transform: 'translateX(120%)' },\n});\n\nexport const root = style([\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    width: 'full',\n    zIndex: 50,\n  }),\n  {\n    height: '3px',\n  },\n]);\n\nexport const bar = style([\n  sprinkles({\n    height: 'full',\n    width: '2/5',\n  }),\n  {\n    background: `linear-gradient(90deg, ${vars.colors.primaryLight} 0%, ${vars.colors.primary} 60%, ${vars.colors.primaryLight} 100%)`,\n    animation: `${slide} 1.1s ease-in-out infinite`,\n  },\n]);\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { BackofficeEmptyState as t } from "@plumile/ui";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { BackofficeEmptyState as n } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
 //#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
 var r = ({ node: r, render: i, notFound: a }) => {
 	let { t: o } = e(), s = a ?? o("detail.notFound");
-	return r == null ? /* @__PURE__ */ n(t, { title: s }) : i(r) ?? /* @__PURE__ */ n(t, { title: s });
+	return r == null ? /* @__PURE__ */ t(n, { title: s }) : i(r) ?? /* @__PURE__ */ t(n, { title: s });
 };
 //#endregion
 export { r as BackofficeEntityDetailScaffold, r as default };

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeEmptyState } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailScaffoldProps<\n  NodeUnion extends { __typename: string },\n> = {\n  node: NodeUnion | null | undefined;\n  render: (node: NodeUnion) => JSX.Element | null;\n  notFound?: ReactNode;\n};\n\nexport const BackofficeEntityDetailScaffold = <\n  NodeUnion extends { __typename: string },\n>({\n  node,\n  render,\n  notFound,\n}: BackofficeEntityDetailScaffoldProps<NodeUnion>): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedNotFound = notFound ?? t('detail.notFound');\n  if (node == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  const content = render(node);\n  if (content == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  return content;\n};\n\nexport default BackofficeEntityDetailScaffold;\n"],"mappings":";;;;AAaA,IAAa,KAEX,EACA,SACA,WACA,kBACiE;CACjE,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAmB,KAAY,EAAE,kBAAkB;CAUzD,OATI,KAAQ,OACH,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA,GAG1C,EAAO,EACnB,IACK,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA"}
+{"version":3,"file":"BackofficeEntityDetailScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailScaffoldProps<\n  NodeUnion extends { __typename: string },\n> = {\n  node: NodeUnion | null | undefined;\n  render: (node: NodeUnion) => JSX.Element | null;\n  notFound?: ReactNode;\n};\n\nexport const BackofficeEntityDetailScaffold = <\n  NodeUnion extends { __typename: string },\n>({\n  node,\n  render,\n  notFound,\n}: BackofficeEntityDetailScaffoldProps<NodeUnion>): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedNotFound = notFound ?? t('detail.notFound');\n  if (node == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  const content = render(node);\n  if (content == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  return content;\n};\n\nexport default BackofficeEntityDetailScaffold;\n"],"mappings":";;;;AAaA,IAAa,KAEX,EACA,SACA,WACA,kBACiE;CACjE,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAmB,KAAY,EAAE,kBAAkB;CAUzD,OATI,KAAQ,OACH,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA,GAG1C,EAAO,EACnB,IACK,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA"}