@plumile/ui 0.1.69 → 0.1.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/esm/atomic/molecules/markdown/components/MarkdownArticleContainer.css.js +0 -1
- package/lib/esm/atomic/molecules/markdown/components/MarkdownParagraph.css.js +1 -0
- package/lib/esm/atomic/templates/detail-page/DetailPage.js +49 -0
- package/lib/esm/atomic/templates/detail-page/DetailPage.js.map +1 -0
- package/lib/esm/atomic/templates/detail-page/detailPage.css.js +8 -0
- package/lib/esm/atomic/templates/detail-page/detailPage.css.js.map +1 -0
- package/lib/esm/atomic/templates/page-container/PageContainer.js +36 -0
- package/lib/esm/atomic/templates/page-container/PageContainer.js.map +1 -0
- package/lib/esm/atomic/templates/page-container/pageContainer.css.js +8 -0
- package/lib/esm/atomic/templates/page-container/pageContainer.css.js.map +1 -0
- package/lib/esm/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js +27 -21
- package/lib/esm/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js.map +1 -1
- package/lib/esm/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.js +2 -2
- package/lib/esm/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.js.map +1 -1
- package/lib/esm/index.js +66 -64
- package/lib/esm/style.css +1 -1
- package/lib/types/atomic/templates/detail-page/DetailPage.d.ts +19 -0
- package/lib/types/atomic/templates/detail-page/DetailPage.d.ts.map +1 -0
- package/lib/types/atomic/templates/detail-page/detailPage.css.d.ts +9 -0
- package/lib/types/atomic/templates/detail-page/detailPage.css.d.ts.map +1 -0
- package/lib/types/atomic/templates/page-container/PageContainer.d.ts +14 -0
- package/lib/types/atomic/templates/page-container/PageContainer.d.ts.map +1 -0
- package/lib/types/atomic/templates/page-container/pageContainer.css.d.ts +7 -0
- package/lib/types/atomic/templates/page-container/pageContainer.css.d.ts.map +1 -0
- package/lib/types/backoffice/molecules/backoffice_page_header/BackofficePageHeader.d.ts +2 -1
- package/lib/types/backoffice/molecules/backoffice_page_header/BackofficePageHeader.d.ts.map +1 -1
- package/lib/types/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.d.ts +2 -0
- package/lib/types/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.d.ts.map +1 -1
- package/lib/types/index.d.ts +2 -0
- package/lib/types/index.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { cx as e } from "../../../theme/tools.js";
|
|
2
|
+
import { BackofficePageHeader as t } from "../../../backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
|
|
3
|
+
import { actions as n, container as r, content as i, contentSection as a } from "./detailPage.css.js";
|
|
4
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
5
|
+
//#region src/atomic/templates/detail-page/DetailPage.tsx
|
|
6
|
+
var c = (e, t) => {
|
|
7
|
+
let r = t ?? [], i = r.length > 0, a = e != null;
|
|
8
|
+
return !a && !i ? null : /* @__PURE__ */ s("div", {
|
|
9
|
+
className: n,
|
|
10
|
+
children: [i && /* @__PURE__ */ o("div", {
|
|
11
|
+
className: "_8ct8xq3 txvbqb9io txvbqbco txvbqbao6 txvbqbajx",
|
|
12
|
+
children: r.map((e, t) => /* @__PURE__ */ o("div", {
|
|
13
|
+
className: "_8ct8xq4 txvbqb9io txvbqbco",
|
|
14
|
+
children: e
|
|
15
|
+
}, t))
|
|
16
|
+
}), a && /* @__PURE__ */ o("div", {
|
|
17
|
+
className: "_8ct8xq5 txvbqb9io txvbqbco",
|
|
18
|
+
children: e
|
|
19
|
+
})]
|
|
20
|
+
});
|
|
21
|
+
}, l = ({ title: n, subtitle: a, primaryAction: l, secondaryActions: u, headerSupplement: d, children: f, className: p, contentClassName: m }) => /* @__PURE__ */ s("div", {
|
|
22
|
+
className: e(r, p),
|
|
23
|
+
children: [
|
|
24
|
+
/* @__PURE__ */ o(t, {
|
|
25
|
+
title: n,
|
|
26
|
+
subtitle: a,
|
|
27
|
+
actions: c(l, u)
|
|
28
|
+
}),
|
|
29
|
+
d != null && /* @__PURE__ */ o("div", {
|
|
30
|
+
className: "_8ct8xq1 txvbqb9io txvbqbai6 txvbqbaoo",
|
|
31
|
+
children: d
|
|
32
|
+
}),
|
|
33
|
+
/* @__PURE__ */ o("div", {
|
|
34
|
+
className: e(i, m),
|
|
35
|
+
children: f
|
|
36
|
+
})
|
|
37
|
+
]
|
|
38
|
+
}), u = ({ children: t, className: n, withBaseStyles: r = !0, ...i }) => {
|
|
39
|
+
let s;
|
|
40
|
+
return r ? s = e(a, n) : n != null && (s = n), /* @__PURE__ */ o("div", {
|
|
41
|
+
...i,
|
|
42
|
+
className: s,
|
|
43
|
+
children: t
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
//#endregion
|
|
47
|
+
export { l as DetailPage, l as default, u as DetailPageContent };
|
|
48
|
+
|
|
49
|
+
//# sourceMappingURL=DetailPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DetailPage.js","names":[],"sources":["../../../../../src/atomic/templates/detail-page/DetailPage.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type JSX, type ReactNode } from 'react';\n\nimport { BackofficePageHeader } from '../../../backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './detailPage.css.js';\n\nexport type DetailPageProps = {\n title: string;\n subtitle?: ReactNode;\n primaryAction?: ReactNode;\n secondaryActions?: readonly ReactNode[];\n headerSupplement?: ReactNode;\n children: ReactNode;\n className?: string;\n contentClassName?: string;\n};\n\nexport type DetailPageContentProps = ComponentPropsWithoutRef<'div'> & {\n children: ReactNode;\n withBaseStyles?: boolean;\n};\n\nconst renderActions = (\n primaryAction?: ReactNode,\n secondaryActions?: readonly ReactNode[],\n): ReactNode | null => {\n const secondaryList = secondaryActions ?? [];\n const hasSecondary = secondaryList.length > 0;\n const hasPrimary = primaryAction != null;\n\n if (!hasPrimary && !hasSecondary) {\n return null;\n }\n\n return (\n <div className={styles.actions}>\n {hasSecondary && (\n <div className={styles.secondaryActions}>\n {secondaryList.map((action, index) => {\n return (\n <div key={index} className={styles.actionItem}>\n {action}\n </div>\n );\n })}\n </div>\n )}\n {hasPrimary && (\n <div className={styles.primaryAction}>{primaryAction}</div>\n )}\n </div>\n );\n};\n\nexport const DetailPage = ({\n title,\n subtitle,\n primaryAction,\n secondaryActions,\n headerSupplement,\n children,\n className,\n contentClassName,\n}: DetailPageProps): JSX.Element => {\n return (\n <div className={cx(styles.container, className)}>\n <BackofficePageHeader\n title={title}\n subtitle={subtitle}\n actions={renderActions(primaryAction, secondaryActions)}\n />\n {headerSupplement != null && (\n <div className={styles.headerSupplement}>{headerSupplement}</div>\n )}\n <div className={cx(styles.content, contentClassName)}>{children}</div>\n </div>\n );\n};\n\nexport const DetailPageContent = ({\n children,\n className,\n withBaseStyles = true,\n ...rest\n}: DetailPageContentProps): JSX.Element => {\n let contentClassName: string | undefined;\n if (withBaseStyles) {\n contentClassName = cx(styles.contentSection, className);\n } else if (className != null) {\n contentClassName = className;\n }\n\n return (\n <div {...rest} className={contentClassName}>\n {children}\n </div>\n );\n};\n\nexport default DetailPage;\n"],"mappings":";;;;;AAsBA,IAAM,KACJ,GACA,MACqB;CACrB,IAAM,IAAgB,KAAoB,EAAE,EACtC,IAAe,EAAc,SAAS,GACtC,IAAa,KAAiB;AAMpC,QAJI,CAAC,KAAc,CAAC,IACX,OAIP,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KACC,kBAAC,OAAD;GAAK,WAAW;aACb,EAAc,KAAK,GAAQ,MAExB,kBAAC,OAAD;IAAiB,WAAW;cACzB;IACG,EAFI,EAEJ,CAER;GACE,CAAA,EAEP,KACC,kBAAC,OAAD;GAAK,WAAW;aAAuB;GAAoB,CAAA,CAEzD;;GAIG,KAAc,EACzB,UACA,aACA,kBACA,qBACA,kBAAA,GACA,aACA,cACA,0BAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C;EACE,kBAAC,GAAD;GACS;GACG;GACV,SAAS,EAAc,GAAe,EAAiB;GACvD,CAAA;EACD,KAAoB,QACnB,kBAAC,OAAD;GAAK,WAAW;aAA0B;GAAuB,CAAA;EAEnE,kBAAC,OAAD;GAAK,WAAW,EAAG,GAAgB,EAAiB;GAAG;GAAe,CAAA;EAClE;IAIG,KAAqB,EAChC,aACA,cACA,oBAAiB,IACjB,GAAG,QACsC;CACzC,IAAI;AAOJ,QANI,IACF,IAAmB,EAAG,GAAuB,EAAU,GAC9C,KAAa,SACtB,IAAmB,IAInB,kBAAC,OAAD;EAAK,GAAI;EAAM,WAAW;EACvB;EACG,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
//#region src/atomic/templates/detail-page/detailPage.css.ts
|
|
4
|
+
var e = "_8ct8xq0 txvbqb9io txvbqbai6 txvbqbap6 txvbqbnvf txvbqbp5x", t = "_8ct8xq1 txvbqb9io txvbqbai6 txvbqbaoo", n = "_8ct8xq2 txvbqb9io txvbqbco txvbqbdo6 txvbqbao6 txvbqbajx", r = "_8ct8xq3 txvbqb9io txvbqbco txvbqbao6 txvbqbajx", i = "_8ct8xq4 txvbqb9io txvbqbco", a = "_8ct8xq5 txvbqb9io txvbqbco", o = "_8ct8xq6 txvbqb9io txvbqbai6 txvbqbap6", s = "_8ct8xq7 txvbqb9io txvbqbai6 txvbqbaoo";
|
|
5
|
+
//#endregion
|
|
6
|
+
export { i as actionItem, n as actions, e as container, o as content, s as contentSection, t as headerSupplement, a as primaryAction, r as secondaryActions };
|
|
7
|
+
|
|
8
|
+
//# sourceMappingURL=detailPage.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"detailPage.css.js","names":[],"sources":["../../../../../src/atomic/templates/detail-page/detailPage.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 6,\n paddingLeft: 4,\n paddingTop: 4,\n});\n\nexport const headerSupplement = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n});\n\nexport const actions = sprinkles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 2,\n flexWrap: 'wrap',\n});\n\nexport const secondaryActions = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 2,\n flexWrap: 'wrap',\n});\n\nexport const actionItem = sprinkles({\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const primaryAction = sprinkles({\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const content = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 6,\n});\n\nexport const contentSection = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n});\n"],"mappings":""}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { cx as e } from "../../../theme/tools.js";
|
|
2
|
+
import { BackofficePageHeader as t } from "../../../backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
|
|
3
|
+
import { actions as n, container as r, content as i } from "./pageContainer.css.js";
|
|
4
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
5
|
+
//#region src/atomic/templates/page-container/PageContainer.tsx
|
|
6
|
+
var s = ({ title: s, subtitle: c, primaryAction: l, secondaryActions: u, leftAction: d, children: f, className: p, contentClassName: m }) => {
|
|
7
|
+
let h = u ?? [], g = l != null, _ = h.length > 0, v = null;
|
|
8
|
+
return (g || _) && (v = /* @__PURE__ */ o("div", {
|
|
9
|
+
className: n,
|
|
10
|
+
children: [_ && /* @__PURE__ */ a("div", {
|
|
11
|
+
className: "_1u2lre42 txvbqb9io txvbqbco txvbqbao6 txvbqbajx",
|
|
12
|
+
children: h.map((e, t) => /* @__PURE__ */ a("div", {
|
|
13
|
+
className: "_1u2lre43 txvbqb9io txvbqbco",
|
|
14
|
+
children: e
|
|
15
|
+
}, t))
|
|
16
|
+
}), g && /* @__PURE__ */ a("div", {
|
|
17
|
+
className: "_1u2lre44 txvbqb9io txvbqbco",
|
|
18
|
+
children: l
|
|
19
|
+
})]
|
|
20
|
+
})), /* @__PURE__ */ o("div", {
|
|
21
|
+
className: e(r, p),
|
|
22
|
+
children: [/* @__PURE__ */ a(t, {
|
|
23
|
+
title: s,
|
|
24
|
+
subtitle: c,
|
|
25
|
+
actions: v,
|
|
26
|
+
leftActions: d
|
|
27
|
+
}), /* @__PURE__ */ a("div", {
|
|
28
|
+
className: e(i, m),
|
|
29
|
+
children: f
|
|
30
|
+
})]
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
//#endregion
|
|
34
|
+
export { s as PageContainer, s as default };
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=PageContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageContainer.js","names":[],"sources":["../../../../../src/atomic/templates/page-container/PageContainer.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficePageHeader } from '../../../backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './pageContainer.css.js';\n\nexport type PageContainerProps = {\n title: string;\n subtitle?: ReactNode;\n primaryAction?: ReactNode;\n secondaryActions?: readonly ReactNode[];\n leftAction?: ReactNode;\n children: ReactNode;\n className?: string;\n contentClassName?: string;\n};\n\nexport const PageContainer = ({\n title,\n subtitle,\n primaryAction,\n secondaryActions,\n leftAction,\n children,\n className,\n contentClassName,\n}: PageContainerProps): JSX.Element => {\n const secondary = secondaryActions ?? [];\n const hasPrimaryAction = primaryAction != null;\n const hasSecondaryActions = secondary.length > 0;\n\n let actions: ReactNode | null = null;\n if (hasPrimaryAction || hasSecondaryActions) {\n actions = (\n <div className={styles.actions}>\n {hasSecondaryActions && (\n <div className={styles.secondaryActions}>\n {secondary.map((action, index) => {\n return (\n <div key={index} className={styles.actionItem}>\n {action}\n </div>\n );\n })}\n </div>\n )}\n {hasPrimaryAction && (\n <div className={styles.primaryAction}>{primaryAction}</div>\n )}\n </div>\n );\n }\n\n return (\n <div className={cx(styles.container, className)}>\n <BackofficePageHeader\n title={title}\n subtitle={subtitle}\n actions={actions}\n leftActions={leftAction}\n />\n <div className={cx(styles.content, contentClassName)}>{children}</div>\n </div>\n );\n};\n\nexport default PageContainer;\n"],"mappings":";;;;;AAiBA,IAAa,KAAiB,EAC5B,UACA,aACA,eAAA,GACA,kBAAA,GACA,eACA,aACA,cACA,0BACqC;CACrC,IAAM,IAAY,KAAoB,EAAE,EAClC,IAAmB,KAAiB,MACpC,IAAsB,EAAU,SAAS,GAE3C,IAA4B;AAsBhC,SArBI,KAAoB,OACtB,IACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KACC,kBAAC,OAAD;GAAK,WAAW;aACb,EAAU,KAAK,GAAQ,MAEpB,kBAAC,OAAD;IAAiB,WAAW;cACzB;IACG,EAFI,EAEJ,CAER;GACE,CAAA,EAEP,KACC,kBAAC,OAAD;GAAK,WAAW;aAAuB;GAAoB,CAAA,CAEzD;MAKR,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACE,kBAAC,GAAD;GACS;GACG;GACD,SAAA;GACT,aAAa;GACb,CAAA,EACF,kBAAC,OAAD;GAAK,WAAW,EAAG,GAAgB,EAAiB;GAAG;GAAe,CAAA,CAClE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
//#region src/atomic/templates/page-container/pageContainer.css.ts
|
|
4
|
+
var e = "_1u2lre40 txvbqbnvo txvbqboix txvbqb9io txvbqbai6 txvbqbap6 txvbqbcf txvbqbu6f txvbqbef txvbqbp66 txvbqb9mx txvbqbjg6", t = "_1u2lre41 txvbqb9io txvbqbco txvbqbdo6 txvbqbao6 txvbqbajx", n = "_1u2lre42 txvbqb9io txvbqbco txvbqbao6 txvbqbajx", r = "_1u2lre43 txvbqb9io txvbqbco", i = "_1u2lre44 txvbqb9io txvbqbco", a = "_1u2lre45 txvbqbu6f txvbqb9io txvbqbcf txvbqbai6";
|
|
5
|
+
//#endregion
|
|
6
|
+
export { r as actionItem, t as actions, e as container, a as content, i as primaryAction, n as secondaryActions };
|
|
7
|
+
|
|
8
|
+
//# sourceMappingURL=pageContainer.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageContainer.css.js","names":[],"sources":["../../../../../src/atomic/templates/page-container/pageContainer.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 6,\n alignItems: 'flex-start',\n width: 'full',\n alignSelf: 'stretch',\n paddingTop: 5,\n paddingX: 5,\n flex: 1,\n minHeight: 0,\n});\n\nexport const actions = sprinkles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 2,\n flexWrap: 'wrap',\n});\n\nexport const secondaryActions = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 2,\n flexWrap: 'wrap',\n});\n\nexport const actionItem = sprinkles({\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const primaryAction = sprinkles({\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const content = sprinkles({\n width: 'full',\n display: 'flex',\n alignItems: 'flex-start',\n flexDirection: 'column',\n});\n"],"mappings":""}
|
|
@@ -1,31 +1,37 @@
|
|
|
1
1
|
import { cx as e } from "../../../theme/tools.js";
|
|
2
|
-
import { container as t,
|
|
2
|
+
import { container as t, headerRow as n, left as r, title as i, titleRow as a } from "./backofficePageHeader.css.js";
|
|
3
3
|
import "../../../index.js";
|
|
4
|
-
import { jsx as
|
|
4
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
5
5
|
//#region src/backoffice/molecules/backoffice_page_header/BackofficePageHeader.tsx
|
|
6
|
-
var
|
|
7
|
-
className: e(t,
|
|
8
|
-
children: [/* @__PURE__ */
|
|
9
|
-
className:
|
|
10
|
-
children: [/* @__PURE__ */
|
|
11
|
-
className:
|
|
12
|
-
children: [/* @__PURE__ */
|
|
13
|
-
className:
|
|
14
|
-
children:
|
|
15
|
-
}),
|
|
16
|
-
className:
|
|
17
|
-
children:
|
|
6
|
+
var c = ({ title: c, subtitle: l, actions: u, meta: d, leftActions: f, className: p }) => /* @__PURE__ */ s("div", {
|
|
7
|
+
className: e(t, p),
|
|
8
|
+
children: [/* @__PURE__ */ s("div", {
|
|
9
|
+
className: r,
|
|
10
|
+
children: [/* @__PURE__ */ s("div", {
|
|
11
|
+
className: n,
|
|
12
|
+
children: [f != null && /* @__PURE__ */ o("div", {
|
|
13
|
+
className: "_1puq2a83",
|
|
14
|
+
children: f
|
|
15
|
+
}), /* @__PURE__ */ s("div", {
|
|
16
|
+
className: a,
|
|
17
|
+
children: [/* @__PURE__ */ o("h1", {
|
|
18
|
+
className: i,
|
|
19
|
+
children: c
|
|
20
|
+
}), d != null && /* @__PURE__ */ o("div", {
|
|
21
|
+
className: "_1puq2a87",
|
|
22
|
+
children: d
|
|
23
|
+
})]
|
|
18
24
|
})]
|
|
19
|
-
}),
|
|
20
|
-
className: "
|
|
21
|
-
children:
|
|
25
|
+
}), l != null && (typeof l != "string" || l.trim() !== "") && /* @__PURE__ */ o("p", {
|
|
26
|
+
className: "_1puq2a86",
|
|
27
|
+
children: l
|
|
22
28
|
})]
|
|
23
|
-
}),
|
|
24
|
-
className: "
|
|
25
|
-
children:
|
|
29
|
+
}), u != null && /* @__PURE__ */ o("div", {
|
|
30
|
+
className: "_1puq2a88",
|
|
31
|
+
children: u
|
|
26
32
|
})]
|
|
27
33
|
});
|
|
28
34
|
//#endregion
|
|
29
|
-
export {
|
|
35
|
+
export { c as BackofficePageHeader, c as default };
|
|
30
36
|
|
|
31
37
|
//# sourceMappingURL=BackofficePageHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficePageHeader.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_page_header/BackofficePageHeader.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './backofficePageHeader.css.js';\n\nexport type BackofficePageHeaderProps = {\n title: string;\n subtitle?: ReactNode;\n actions?: ReactNode;\n meta?: ReactNode;\n className?: string;\n};\n\nexport const BackofficePageHeader = ({\n title,\n subtitle,\n actions,\n meta,\n className,\n}: BackofficePageHeaderProps): JSX.Element => {\n return (\n <div className={cx(styles.container, className)}>\n <div className={styles.left}>\n <div className={styles.
|
|
1
|
+
{"version":3,"file":"BackofficePageHeader.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_page_header/BackofficePageHeader.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './backofficePageHeader.css.js';\n\nexport type BackofficePageHeaderProps = {\n title: string;\n subtitle?: ReactNode;\n actions?: ReactNode;\n meta?: ReactNode;\n leftActions?: ReactNode;\n className?: string;\n};\n\nexport const BackofficePageHeader = ({\n title,\n subtitle,\n actions,\n meta,\n leftActions,\n className,\n}: BackofficePageHeaderProps): JSX.Element => {\n return (\n <div className={cx(styles.container, className)}>\n <div className={styles.left}>\n <div className={styles.headerRow}>\n {leftActions != null && (\n <div className={styles.leftActions}>{leftActions}</div>\n )}\n <div className={styles.titleRow}>\n <h1 className={styles.title}>{title}</h1>\n {meta != null && <div className={styles.metaRow}>{meta}</div>}\n </div>\n </div>\n {subtitle != null &&\n (typeof subtitle !== 'string' || subtitle.trim() !== '') && (\n <p className={styles.subtitle}>{subtitle}</p>\n )}\n </div>\n {actions != null && <div className={styles.actions}>{actions}</div>}\n </div>\n );\n};\n\nexport default BackofficePageHeader;\n"],"mappings":";;;;;AAeA,IAAa,KAAwB,EACnC,OAAA,GACA,UAAA,GACA,SAAA,GACA,SACA,aAAA,GACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KAAe,QACd,kBAAC,OAAD;IAAK,WAAW;cAAqB;IAAkB,CAAA,EAEzD,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,MAAD;KAAI,WAAW;eAAe;KAAW,CAAA,EACxC,KAAQ,QAAQ,kBAAC,OAAD;KAAK,WAAW;eAAiB;KAAW,CAAA,CACzD;MACF;MACL,KAAY,SACV,OAAO,KAAa,YAAY,EAAS,MAAM,KAAK,OACnD,kBAAC,KAAD;GAAG,WAAW;aAAkB;GAAa,CAAA,CAE7C;KACL,KAAW,QAAQ,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAc,CAAA,CAC/D"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.ts
|
|
3
|
-
var e = "_1puq2a80", t = "_1puq2a81", n = "_1puq2a82", r = "_1puq2a83", i = "_1puq2a84", a = "_1puq2a85", o = "_1puq2a86";
|
|
3
|
+
var e = "_1puq2a80", t = "_1puq2a81", n = "_1puq2a82", r = "_1puq2a83", i = "_1puq2a84", a = "_1puq2a85", o = "_1puq2a86", s = "_1puq2a87", c = "_1puq2a88";
|
|
4
4
|
//#endregion
|
|
5
|
-
export {
|
|
5
|
+
export { c as actions, e as container, n as headerRow, t as left, r as leftActions, s as metaRow, o as subtitle, a as title, i as titleRow };
|
|
6
6
|
|
|
7
7
|
//# sourceMappingURL=backofficePageHeader.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backofficePageHeader.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = style({\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'space-between',\n gap: vars.spacing[4],\n flexWrap: 'wrap',\n});\n\nexport const left = style({\n display: 'flex',\n flexDirection: 'column',\n gap: vars.spacing[2],\n minWidth: 0,\n flex: 1,\n});\n\nexport const titleRow = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n});\n\nexport const title = style({\n fontSize: vars.fontSize['2xl'],\n lineHeight: vars.lineHeight['2xl'],\n fontWeight: vars.fontWeight.semibold,\n color: vars.colors.text,\n margin: 0,\n});\n\nexport const subtitle = style({\n margin: 0,\n fontSize: vars.fontSize.base,\n lineHeight: vars.lineHeight.base,\n color: vars.colors.textSecondary,\n});\n\nexport const metaRow = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n});\n\nexport const actions = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n});\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"backofficePageHeader.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = style({\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'space-between',\n gap: vars.spacing[4],\n flexWrap: 'wrap',\n});\n\nexport const left = style({\n display: 'flex',\n flexDirection: 'column',\n gap: vars.spacing[2],\n minWidth: 0,\n flex: 1,\n});\n\nexport const headerRow = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[3],\n flexWrap: 'wrap',\n minWidth: 0,\n});\n\nexport const leftActions = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n flexShrink: 0,\n});\n\nexport const titleRow = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n minWidth: 0,\n});\n\nexport const title = style({\n fontSize: vars.fontSize['2xl'],\n lineHeight: vars.lineHeight['2xl'],\n fontWeight: vars.fontWeight.semibold,\n color: vars.colors.text,\n margin: 0,\n});\n\nexport const subtitle = style({\n margin: 0,\n fontSize: vars.fontSize.base,\n lineHeight: vars.lineHeight.base,\n color: vars.colors.textSecondary,\n});\n\nexport const metaRow = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n});\n\nexport const actions = style({\n display: 'flex',\n alignItems: 'center',\n gap: vars.spacing[2],\n flexWrap: 'wrap',\n});\n"],"mappings":""}
|
package/lib/esm/index.js
CHANGED
|
@@ -44,67 +44,69 @@ import "./atomic/organisms/sidebar/Sidebar.js";
|
|
|
44
44
|
import { ChevronLeftIcon as re, ChevronRightIcon as ie, DocumentationIcon as ae, HomeIcon as oe, InitiativesIcon as se, PlusIcon as ce, ProjectsIcon as le, SearchIcon as ue, SettingsIcon as de, TasksIcon as fe, TeamIcon as pe } from "./atomic/organisms/sidebar/icons.js";
|
|
45
45
|
import { NavigationSidebar as me } from "./atomic/organisms/sidebar/NavigationSidebar.js";
|
|
46
46
|
import { AuthLayout as he } from "./atomic/templates/auth_layout/AuthLayout.js";
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
|
|
47
|
+
import { BackofficePageHeader as ge } from "./backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
|
|
48
|
+
import { PageContainer as _e } from "./atomic/templates/page-container/PageContainer.js";
|
|
49
|
+
import { DetailPage as ve, DetailPageContent as ye } from "./atomic/templates/detail-page/DetailPage.js";
|
|
50
|
+
import { BillingUsageLineChart as be } from "./components/charts/BillingUsageLineChart.js";
|
|
51
|
+
import { DataTable as xe } from "./components/data-table/DataTable.js";
|
|
52
|
+
import { ContentLayout as Se } from "./components/layout/ContentLayout.js";
|
|
53
|
+
import { PageShell as $ } from "./components/layout/PageShell.js";
|
|
54
|
+
import { AppShell as Ce } from "./components/layout/AppShell.js";
|
|
55
|
+
import { OrganizationLayout as we } from "./components/organization_layout/OrganizationLayout.js";
|
|
56
|
+
import { SettingsLayout as Te } from "./components/layout/SettingsLayout.js";
|
|
57
|
+
import { SplitViewLayout as Ee } from "./components/layout/SplitViewLayout.js";
|
|
58
|
+
import { sanitizeAgentAnswer as De, sanitizeAgentMarkdown as Oe } from "./shared/agentText.js";
|
|
59
|
+
import { AgentMarkdownCard as ke } from "./components/agent/AgentMarkdownCard.js";
|
|
60
|
+
import { SimpleSelect as Ae } from "./components/select/SimpleSelect.js";
|
|
61
|
+
import { RefetchNeededBanner as je } from "./components/subscriptions/RefetchNeededBanner.js";
|
|
62
|
+
import { TabsContentLayout as Me } from "./components/layout/TabsContentLayout.js";
|
|
63
|
+
import { InfoTile as Ne } from "./components/tile/InfoTile.js";
|
|
64
|
+
import { VirtualizedConnectionTable as Pe } from "./components/data-table/VirtualizedConnectionTable.js";
|
|
65
|
+
import { CopyableText as Fe } from "./backoffice/atoms/copyable_text/CopyableText.js";
|
|
66
|
+
import { BackofficeIdBadge as Ie } from "./backoffice/atoms/backoffice_id_badge/BackofficeIdBadge.js";
|
|
67
|
+
import { EnvironmentBadge as Le } from "./backoffice/atoms/environment_badge/EnvironmentBadge.js";
|
|
68
|
+
import { Skeleton as Re } from "./backoffice/atoms/skeleton/Skeleton.js";
|
|
69
|
+
import { Spinner as ze } from "./backoffice/atoms/spinner/Spinner.js";
|
|
70
|
+
import { StatusBadge as Be } from "./backoffice/atoms/status_badge/StatusBadge.js";
|
|
71
|
+
import { Tag as Ve } from "./backoffice/atoms/tag/Tag.js";
|
|
72
|
+
import { BackofficeDetailLayout as He } from "./backoffice/molecules/backoffice_detail_layout/BackofficeDetailLayout.js";
|
|
73
|
+
import { BackofficeEmptyState as Ue } from "./backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
|
|
74
|
+
import { BackofficeFilterDrawer as We } from "./backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
|
|
75
|
+
import { BackofficeFilterField as Ge } from "./backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
|
|
76
|
+
import { BackofficeFiltersBar as Ke } from "./backoffice/molecules/backoffice_filters_bar/BackofficeFiltersBar.js";
|
|
77
|
+
import { BackofficeFormSection as qe } from "./backoffice/molecules/backoffice_form_section/BackofficeFormSection.js";
|
|
78
|
+
import { ConfirmDialog as Je } from "./backoffice/molecules/confirm_dialog/ConfirmDialog.js";
|
|
79
|
+
import { BackofficeJsonViewer as Ye } from "./backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js";
|
|
80
|
+
import { LazyBackofficeJsonViewer as Xe } from "./backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.js";
|
|
81
|
+
import { BackofficeKeyValueList as Ze } from "./backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
|
|
82
|
+
import { BackofficeLoadMore as Qe } from "./backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
|
|
83
|
+
import { BackofficeRelationsMenu as $e } from "./backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
|
|
84
|
+
import { BackofficeTableSkeleton as et } from "./backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
|
|
85
|
+
import { BackofficeTableToolbar as tt } from "./backoffice/molecules/backoffice_table_toolbar/BackofficeTableToolbar.js";
|
|
86
|
+
import { BackofficeTabs as nt } from "./backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
|
|
87
|
+
import { BulkActionsBar as rt } from "./backoffice/molecules/bulk_actions_bar/BulkActionsBar.js";
|
|
88
|
+
import { FilterChipRow as it } from "./backoffice/molecules/filter_chip_row/FilterChipRow.js";
|
|
89
|
+
import { GlobalSearchInput as at } from "./backoffice/molecules/global_search_input/GlobalSearchInput.js";
|
|
90
|
+
import { InlineBanner as ot } from "./backoffice/molecules/inline_banner/InlineBanner.js";
|
|
91
|
+
import { SidebarNavItem as st } from "./backoffice/molecules/sidebar_nav_item/SidebarNavItem.js";
|
|
92
|
+
import { SidebarNavSection as ct } from "./backoffice/molecules/sidebar_nav_section/SidebarNavSection.js";
|
|
93
|
+
import { BackofficeSidebarProfileMenu as lt } from "./backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
|
|
94
|
+
import { TableToolbar as ut } from "./backoffice/molecules/table_toolbar/TableToolbar.js";
|
|
95
|
+
import { AuditTimeline as dt } from "./backoffice/organisms/audit_timeline/AuditTimeline.js";
|
|
96
|
+
import { BackofficeDataTable as ft } from "./backoffice/organisms/backoffice_data_table/BackofficeDataTable.js";
|
|
97
|
+
import { BackofficeVirtualizedConnectionTable as pt } from "./backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
|
|
98
|
+
import { EntityHeader as mt } from "./backoffice/organisms/entity_header/EntityHeader.js";
|
|
99
|
+
import { DetailPageTemplate as ht } from "./backoffice/templates/detail_page_template/DetailPageTemplate.js";
|
|
100
|
+
import { ListPageTemplate as gt } from "./backoffice/templates/list_page_template/ListPageTemplate.js";
|
|
101
|
+
import { AdminTopbar as _t } from "./admin/organisms/admin_topbar/AdminTopbar.js";
|
|
102
|
+
import { AdminShellLayout as vt } from "./admin/templates/admin_shell_layout/AdminShellLayout.js";
|
|
103
|
+
import { adminThemeClass as yt } from "./admin/theme/adminTheme.css.js";
|
|
104
|
+
import { AdminThemeProvider as bt } from "./admin/theme/AdminThemeProvider.js";
|
|
105
|
+
import { FALLBACK_REFERENCE as xt, formatNullableCurrency as St, formatNullableNumber as Ct, formatNullableString as wt, formatStringList as Tt } from "./shared/agentJobRequestFormatting.js";
|
|
106
|
+
import { denseTableClass as Et } from "./shared/backofficeTableDensity.css.js";
|
|
107
|
+
import { WrapperPage as Dt } from "./pages/WrapperPage.js";
|
|
108
|
+
import { ChevronDownIcon as Ot } from "./svg/ChevronDownIcon.js";
|
|
109
|
+
import { ShortcutHint as kt } from "./backoffice/atoms/shortcut_hint/ShortcutHint.js";
|
|
110
|
+
import { SidebarCollapseToggle as At } from "./backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
|
|
111
|
+
import { AdminSidebar as jt } from "./admin/organisms/admin_sidebar/AdminSidebar.js";
|
|
112
|
+
export { vt as AdminShellLayout, jt as AdminSidebar, bt as AdminThemeProvider, _t as AdminTopbar, ke as AgentMarkdownCard, Ce as AppShell, dt as AuditTimeline, he as AuthLayout, ft as BackofficeDataTable, He as BackofficeDetailLayout, Ue as BackofficeEmptyState, We as BackofficeFilterDrawer, Ge as BackofficeFilterField, Ke as BackofficeFiltersBar, qe as BackofficeFormSection, Ie as BackofficeIdBadge, Ye as BackofficeJsonViewer, Ze as BackofficeKeyValueList, Qe as BackofficeLoadMore, ge as BackofficePageHeader, $e as BackofficeRelationsMenu, lt as BackofficeSidebarProfileMenu, et as BackofficeTableSkeleton, tt as BackofficeTableToolbar, nt as BackofficeTabs, pt as BackofficeVirtualizedConnectionTable, m as Badge, be as BillingUsageLineChart, D as BreadcrumbNavigation, rt as BulkActionsBar, h as Button, E as Card, y as Checkbox, k as CheckboxField, Ot as ChevronDownIcon, re as ChevronLeftIcon, ie as ChevronRightIcon, Je as ConfirmDialog, Se as ContentLayout, Fe as CopyableText, xe as DataTable, ve as DetailPage, ye as DetailPageContent, ht as DetailPageTemplate, ae as DocumentationIcon, W as EmptyState, mt as EntityHeader, Le as EnvironmentBadge, b as ErrorMessage, xt as FALLBACK_REFERENCE, it as FilterChipRow, M as Form, O as FormActions, A as FormError, N as FormErrorBanner, j as FormField, P as FormGroup, x as FormattedDate, at as GlobalSearchInput, F as HighlightCode, oe as HomeIcon, S as IconMenuButton, Ne as InfoTile, se as InitiativesIcon, ot as InlineBanner, _ as Input, v as Label, Xe as LazyBackofficeJsonViewer, I as LazyMarkdownRenderer, g as LinkButton, gt as ListPageTemplate, Z as LoginForm, L as MarkdownRenderer, w as Modal, me as NavigationSidebar, we as OrganizationLayout, C as Overlay, _e as PageContainer, $ as PageShell, ce as PlusIcon, G as ProfileDropdown, le as ProjectsIcon, je as RefetchNeededBanner, ue as SearchIcon, de as SettingsIcon, Te as SettingsLayout, kt as ShortcutHint, Q as Sidebar, At as SidebarCollapseToggle, Q as SidebarContainer, st as SidebarNavItem, ct as SidebarNavSection, Ae as SimpleSelect, Re as Skeleton, ze as Spinner, Ee as SplitViewLayout, Be as StatusBadge, ee as THEME_KEY, ut as TableToolbar, K as Tabs, Me as TabsContentLayout, Ve as Tag, fe as TasksIcon, pe as TeamIcon, T as Textarea, te as ThemeProvider, J as ToastProvider, q as ToastViewport, Pe as VirtualizedConnectionTable, n as VisuallyHidden, Dt as WrapperPage, yt as adminThemeClass, i as colors, r as containerQueries, e as cx, Et as denseTableClass, s as firstChildSprinkles, St as formatNullableCurrency, Ct as formatNullableNumber, wt as formatNullableString, Tt as formatStringList, c as hoverSprinkles, R as markdownFontSizeVar, z as markdownLinkColorVar, B as markdownLinkDisabledColorVar, V as markdownLinkHoverColorVar, H as markdownLinkIconColorVar, U as markdownTextColorVar, t as onlyDefinedStyles, u as opacity, De as sanitizeAgentAnswer, Oe as sanitizeAgentMarkdown, d as screens, a as spacing, l as sprinkles, p as themeColorValues, f as themeSpacingValues, X as useLoginForm, ne as useTheme, Y as useToast, o as vars };
|