@plumile/ui 0.1.67 → 0.1.69
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/admin/organisms/admin_sidebar/AdminSidebar.js +62 -0
- package/lib/esm/admin/organisms/admin_sidebar/AdminSidebar.js.map +1 -0
- package/lib/esm/admin/organisms/admin_sidebar/adminSidebar.css.js +17 -0
- package/lib/esm/admin/organisms/admin_sidebar/adminSidebar.css.js.map +1 -0
- package/lib/esm/{backoffice/organisms/backoffice_topbar/BackofficeTopbar.js → admin/organisms/admin_topbar/AdminTopbar.js} +4 -4
- package/lib/esm/admin/organisms/admin_topbar/AdminTopbar.js.map +1 -0
- package/lib/esm/admin/organisms/admin_topbar/adminTopbar.css.js +8 -0
- package/lib/esm/admin/organisms/admin_topbar/adminTopbar.css.js.map +1 -0
- package/lib/esm/admin/templates/admin_shell_layout/AdminShellLayout.js +19 -0
- package/lib/esm/admin/templates/admin_shell_layout/AdminShellLayout.js.map +1 -0
- package/lib/esm/admin/theme/AdminThemeProvider.js +11 -0
- package/lib/esm/admin/theme/AdminThemeProvider.js.map +1 -0
- package/lib/esm/admin/theme/adminTheme.css.js +7 -0
- package/lib/esm/admin/theme/adminTheme.css.js.map +1 -0
- package/lib/esm/atomic/atoms/badge/Badge.js +3 -3
- package/lib/esm/atomic/atoms/button/Button.js +1 -1
- package/lib/esm/atomic/atoms/checkbox/Checkbox.js +1 -1
- package/lib/esm/atomic/atoms/error_message/ErrorMessage.js +1 -1
- package/lib/esm/atomic/atoms/formatted-date/FormattedDate.js +4 -4
- package/lib/esm/atomic/atoms/label/Label.js +1 -1
- package/lib/esm/atomic/atoms/modal/Modal.js +13 -13
- package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.js +12 -12
- package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.js +20 -20
- package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js +14 -14
- package/lib/esm/atomic/molecules/card/Card.js +6 -6
- package/lib/esm/atomic/molecules/checkbox_field/CheckboxField.js +1 -1
- package/lib/esm/atomic/molecules/dropdown/Dropdown.js +80 -80
- package/lib/esm/atomic/molecules/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/atomic/molecules/form/Form.js +1 -1
- package/lib/esm/atomic/molecules/form_error/FormError.js +1 -1
- package/lib/esm/atomic/molecules/highlight/HighlightCode.js +25 -25
- package/lib/esm/atomic/molecules/markdown/LazyMarkdownRenderer.js +7 -7
- package/lib/esm/atomic/molecules/markdown/MarkdownRenderer.js +33 -33
- package/lib/esm/atomic/molecules/markdown/MarkdownRenderer.js.map +1 -1
- package/lib/esm/atomic/molecules/markdown/components/LazyMarkdownCodeBlock.js +9 -9
- package/lib/esm/atomic/molecules/markdown/components/MarkdownArticleContainer.css.js +1 -0
- package/lib/esm/atomic/molecules/markdown/components/MarkdownCodeBlock.js +7 -7
- package/lib/esm/atomic/molecules/markdown/components/MarkdownCodeCopyButton.js +9 -9
- package/lib/esm/atomic/molecules/markdown/components/MarkdownFootnotesSection.js +7 -7
- package/lib/esm/atomic/molecules/markdown/components/MarkdownMermaidBlock.js +34 -34
- package/lib/esm/atomic/molecules/markdown/components/MarkdownShikiCodeBlock.js +4 -4
- package/lib/esm/atomic/molecules/markdown/components/MarkdownTaskListItem.css.js +0 -1
- package/lib/esm/atomic/molecules/profile_dropdown/ProfileDropdown.js +25 -25
- package/lib/esm/atomic/molecules/toast/ToastProvider.js +15 -15
- package/lib/esm/atomic/molecules/toast/ToastViewport.js +15 -15
- package/lib/esm/atomic/organisms/login_form/LoginForm.js +1 -1
- package/lib/esm/atomic/organisms/sidebar/NavigationSidebar.js +34 -34
- package/lib/esm/atomic/organisms/sidebar/icons.js +13 -13
- package/lib/esm/atomic/templates/auth_layout/AuthLayout.js +1 -1
- package/lib/esm/backoffice/atoms/copyable_text/CopyableText.js +10 -10
- package/lib/esm/backoffice/atoms/shortcut_hint/ShortcutHint.js +6 -6
- package/lib/esm/backoffice/atoms/tag/Tag.js +7 -7
- package/lib/esm/backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js +22 -22
- package/lib/esm/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js +12 -12
- package/lib/esm/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.js +11 -11
- package/lib/esm/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js +12 -12
- package/lib/esm/backoffice/molecules/confirm_dialog/ConfirmDialog.js +9 -9
- package/lib/esm/backoffice/molecules/global_search_input/GlobalSearchInput.js +5 -5
- package/lib/esm/backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js +7 -7
- package/lib/esm/backoffice/molecules/sidebar_nav_item/SidebarNavItem.js +26 -26
- package/lib/esm/backoffice/molecules/sidebar_nav_item/SidebarNavItem.js.map +1 -1
- package/lib/esm/backoffice/molecules/sidebar_nav_section/SidebarNavSection.js +11 -11
- package/lib/esm/backoffice/organisms/backoffice_data_table/BackofficeDataTable.js +20 -20
- package/lib/esm/components/data-table/TableCell.js +17 -17
- package/lib/esm/components/data-table/VirtualizedConnectionTable.js +27 -27
- package/lib/esm/components/layout/AppShell.js +14 -0
- package/lib/esm/components/layout/AppShell.js.map +1 -0
- package/lib/esm/components/layout/PageShell.js +65 -65
- package/lib/esm/components/layout/PageShell.js.map +1 -1
- package/lib/esm/components/layout/SettingsLayout.css.js +8 -0
- package/lib/esm/components/layout/SettingsLayout.css.js.map +1 -0
- package/lib/esm/{backoffice/templates/settings_template/SettingsTemplate.js → components/layout/SettingsLayout.js} +5 -5
- package/lib/esm/components/layout/SettingsLayout.js.map +1 -0
- package/lib/esm/components/layout/SplitViewLayout.css.js +8 -0
- package/lib/esm/components/layout/SplitViewLayout.css.js.map +1 -0
- package/lib/esm/{backoffice/templates/split_view_template/SplitViewTemplate.js → components/layout/SplitViewLayout.js} +5 -5
- package/lib/esm/components/layout/SplitViewLayout.js.map +1 -0
- package/lib/esm/components/select/SimpleSelect.js +23 -23
- package/lib/esm/index.js +105 -104
- package/lib/esm/node_modules/react-shiki/dist/chunk-QPJZGYHO.js +23 -23
- package/lib/esm/node_modules/react-shiki/dist/chunk-QPJZGYHO.js.map +1 -1
- package/lib/esm/style.css +1 -1
- package/lib/esm/theme/ThemeProvider.js +11 -11
- package/lib/esm/theme/VisuallyHidden.js +3 -3
- package/lib/esm/theme/index.js +9 -9
- package/lib/types/{backoffice/organisms/backoffice_sidebar/BackofficeSidebar.d.ts → admin/organisms/admin_sidebar/AdminSidebar.d.ts} +7 -7
- package/lib/types/admin/organisms/admin_sidebar/AdminSidebar.d.ts.map +1 -0
- package/lib/types/{backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.d.ts → admin/organisms/admin_sidebar/adminSidebar.css.d.ts} +1 -1
- package/lib/types/admin/organisms/admin_sidebar/adminSidebar.css.d.ts.map +1 -0
- package/lib/types/admin/organisms/admin_topbar/AdminTopbar.d.ts +10 -0
- package/lib/types/admin/organisms/admin_topbar/AdminTopbar.d.ts.map +1 -0
- package/lib/types/{backoffice/organisms/backoffice_topbar/backofficeTopbar.css.d.ts → admin/organisms/admin_topbar/adminTopbar.css.d.ts} +1 -1
- package/lib/types/admin/organisms/admin_topbar/adminTopbar.css.d.ts.map +1 -0
- package/lib/types/admin/templates/admin_shell_layout/AdminShellLayout.d.ts +14 -0
- package/lib/types/admin/templates/admin_shell_layout/AdminShellLayout.d.ts.map +1 -0
- package/lib/types/admin/theme/AdminThemeProvider.d.ts +7 -0
- package/lib/types/admin/theme/AdminThemeProvider.d.ts.map +1 -0
- package/lib/types/admin/theme/adminTheme.css.d.ts +2 -0
- package/lib/types/admin/theme/adminTheme.css.d.ts.map +1 -0
- package/lib/types/components/layout/AppShell.d.ts +12 -0
- package/lib/types/components/layout/AppShell.d.ts.map +1 -0
- package/lib/types/{backoffice/templates/settings_template/settingsTemplate.css.d.ts → components/layout/SettingsLayout.css.d.ts} +1 -1
- package/lib/types/components/layout/SettingsLayout.css.d.ts.map +1 -0
- package/lib/types/components/layout/SettingsLayout.d.ts +11 -0
- package/lib/types/components/layout/SettingsLayout.d.ts.map +1 -0
- package/lib/types/{backoffice/templates/split_view_template/splitViewTemplate.css.d.ts → components/layout/SplitViewLayout.css.d.ts} +1 -1
- package/lib/types/components/layout/SplitViewLayout.css.d.ts.map +1 -0
- package/lib/types/components/layout/SplitViewLayout.d.ts +11 -0
- package/lib/types/components/layout/SplitViewLayout.d.ts.map +1 -0
- package/lib/types/index.d.ts +9 -8
- package/lib/types/index.d.ts.map +1 -1
- package/package.json +10 -10
- package/lib/esm/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js +0 -14
- package/lib/esm/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js.map +0 -1
- package/lib/esm/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js +0 -62
- package/lib/esm/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js.map +0 -1
- package/lib/esm/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.js +0 -17
- package/lib/esm/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.js.map +0 -1
- package/lib/esm/backoffice/organisms/backoffice_topbar/BackofficeTopbar.js.map +0 -1
- package/lib/esm/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.js +0 -8
- package/lib/esm/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.js.map +0 -1
- package/lib/esm/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js +0 -19
- package/lib/esm/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js.map +0 -1
- package/lib/esm/backoffice/templates/settings_template/SettingsTemplate.js.map +0 -1
- package/lib/esm/backoffice/templates/settings_template/settingsTemplate.css.js +0 -8
- package/lib/esm/backoffice/templates/settings_template/settingsTemplate.css.js.map +0 -1
- package/lib/esm/backoffice/templates/split_view_template/SplitViewTemplate.js.map +0 -1
- package/lib/esm/backoffice/templates/split_view_template/splitViewTemplate.css.js +0 -8
- package/lib/esm/backoffice/templates/split_view_template/splitViewTemplate.css.js.map +0 -1
- package/lib/esm/backoffice/theme/BackofficeThemeProvider.js +0 -11
- package/lib/esm/backoffice/theme/BackofficeThemeProvider.js.map +0 -1
- package/lib/esm/backoffice/theme/backofficeTheme.css.js +0 -7
- package/lib/esm/backoffice/theme/backofficeTheme.css.js.map +0 -1
- package/lib/types/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.d.ts +0 -12
- package/lib/types/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.d.ts.map +0 -1
- package/lib/types/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.d.ts.map +0 -1
- package/lib/types/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.d.ts.map +0 -1
- package/lib/types/backoffice/organisms/backoffice_topbar/BackofficeTopbar.d.ts +0 -10
- package/lib/types/backoffice/organisms/backoffice_topbar/BackofficeTopbar.d.ts.map +0 -1
- package/lib/types/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.d.ts.map +0 -1
- package/lib/types/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.d.ts +0 -14
- package/lib/types/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.d.ts.map +0 -1
- package/lib/types/backoffice/templates/settings_template/SettingsTemplate.d.ts +0 -11
- package/lib/types/backoffice/templates/settings_template/SettingsTemplate.d.ts.map +0 -1
- package/lib/types/backoffice/templates/settings_template/settingsTemplate.css.d.ts.map +0 -1
- package/lib/types/backoffice/templates/split_view_template/SplitViewTemplate.d.ts +0 -11
- package/lib/types/backoffice/templates/split_view_template/SplitViewTemplate.d.ts.map +0 -1
- package/lib/types/backoffice/templates/split_view_template/splitViewTemplate.css.d.ts.map +0 -1
- package/lib/types/backoffice/theme/BackofficeThemeProvider.d.ts +0 -7
- package/lib/types/backoffice/theme/BackofficeThemeProvider.d.ts.map +0 -1
- package/lib/types/backoffice/theme/backofficeTheme.css.d.ts +0 -2
- package/lib/types/backoffice/theme/backofficeTheme.css.d.ts.map +0 -1
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { createContext as e, useContext as t, useEffect as n, useMemo as r, useState as i } from "react";
|
|
2
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
3
3
|
//#region src/theme/ThemeProvider.tsx
|
|
4
|
-
var o =
|
|
4
|
+
var o = e(void 0), s = "kronex-theme-preference", c = {
|
|
5
5
|
light: "theme-light",
|
|
6
6
|
dark: "theme-dark"
|
|
7
|
-
}, l = ({ children:
|
|
8
|
-
let [l, u] =
|
|
9
|
-
|
|
7
|
+
}, l = ({ children: e, defaultTheme: t = "light" }) => {
|
|
8
|
+
let [l, u] = i(t);
|
|
9
|
+
n(() => {
|
|
10
10
|
if (typeof window > "u") return;
|
|
11
11
|
let e = window.localStorage.getItem(s);
|
|
12
12
|
(e === "light" || e === "dark") && u(e);
|
|
13
|
-
}, []),
|
|
13
|
+
}, []), n(() => {
|
|
14
14
|
if (typeof document > "u") return;
|
|
15
15
|
let e = document.documentElement;
|
|
16
16
|
e.classList.remove(...Object.values(c)), e.classList.add(c[l]), e.setAttribute("data-theme", l), typeof window < "u" && window.localStorage.setItem(s, l);
|
|
17
17
|
}, [l]);
|
|
18
|
-
let d =
|
|
18
|
+
let d = r(() => ({
|
|
19
19
|
currentTheme: l,
|
|
20
20
|
setTheme: u
|
|
21
21
|
}), [l]);
|
|
22
|
-
return /* @__PURE__ */
|
|
22
|
+
return /* @__PURE__ */ a(o.Provider, {
|
|
23
23
|
value: d,
|
|
24
|
-
children:
|
|
24
|
+
children: e
|
|
25
25
|
});
|
|
26
26
|
}, u = () => {
|
|
27
|
-
let e =
|
|
27
|
+
let e = t(o);
|
|
28
28
|
if (e == null) throw Error("useTheme must be used within a ThemeProvider");
|
|
29
29
|
return e;
|
|
30
30
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { visuallyHidden as e } from "./accessibility.css.js";
|
|
2
|
+
import { cx as t } from "./tools.js";
|
|
3
3
|
import { jsx as n } from "react/jsx-runtime";
|
|
4
4
|
//#region src/theme/VisuallyHidden.tsx
|
|
5
5
|
var r = ({ className: r, ...i }) => /* @__PURE__ */ n("span", {
|
|
6
6
|
...i,
|
|
7
|
-
className: e
|
|
7
|
+
className: t(e, r)
|
|
8
8
|
});
|
|
9
9
|
//#endregion
|
|
10
10
|
export { r as VisuallyHidden };
|
package/lib/esm/theme/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
export {
|
|
1
|
+
import { THEME_KEY as e, ThemeProvider as t, useTheme as n } from "./ThemeProvider.js";
|
|
2
|
+
import { cx as r, onlyDefinedStyles as i } from "./tools.js";
|
|
3
|
+
import { VisuallyHidden as a } from "./VisuallyHidden.js";
|
|
4
|
+
import { containerQueries as o } from "./containerQueries.js";
|
|
5
|
+
import { colors as s, spacing as c, vars as l } from "./themeContract.js";
|
|
6
|
+
import { firstChildSprinkles as u, hoverSprinkles as d, sprinkles as f } from "./sprinkles.css.js";
|
|
7
|
+
import { opacity as p, screens as m, spacing as h } from "./common.js";
|
|
8
|
+
import { colors as g } from "./colors.js";
|
|
9
|
+
export { e as THEME_KEY, t as ThemeProvider, a as VisuallyHidden, s as colors, o as containerQueries, r as cx, u as firstChildSprinkles, d as hoverSprinkles, i as onlyDefinedStyles, p as opacity, m as screens, c as spacing, f as sprinkles, g as themeColorValues, h as themeSpacingValues, n as useTheme, l as vars };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type JSX, type ReactNode } from 'react';
|
|
2
|
-
import { type SidebarNavSectionItem } from '
|
|
3
|
-
export type
|
|
2
|
+
import { type SidebarNavSectionItem } from '../../../backoffice/molecules/sidebar_nav_section/SidebarNavSection.js';
|
|
3
|
+
export type AdminSidebarSection = {
|
|
4
4
|
id: string;
|
|
5
5
|
title?: ReactNode;
|
|
6
6
|
items: readonly SidebarNavSectionItem[];
|
|
@@ -9,11 +9,11 @@ export type BackofficeSidebarSection = {
|
|
|
9
9
|
isCollapsed?: boolean;
|
|
10
10
|
onCollapsedChange?: (collapsed: boolean) => void;
|
|
11
11
|
};
|
|
12
|
-
export type
|
|
12
|
+
export type AdminSidebarProps = {
|
|
13
13
|
header?: ReactNode;
|
|
14
14
|
search?: ReactNode;
|
|
15
15
|
footer?: ReactNode;
|
|
16
|
-
sections: readonly
|
|
16
|
+
sections: readonly AdminSidebarSection[];
|
|
17
17
|
isCollapsed?: boolean;
|
|
18
18
|
defaultCollapsed?: boolean;
|
|
19
19
|
onCollapsedChange?: (collapsed: boolean) => void;
|
|
@@ -21,6 +21,6 @@ export type BackofficeSidebarProps = {
|
|
|
21
21
|
collapseShortcut?: readonly string[] | string;
|
|
22
22
|
className?: string;
|
|
23
23
|
};
|
|
24
|
-
export declare const
|
|
25
|
-
export default
|
|
26
|
-
//# sourceMappingURL=
|
|
24
|
+
export declare const AdminSidebar: ({ header, search, footer, sections, isCollapsed, defaultCollapsed, onCollapsedChange, collapseToggleLabel, collapseShortcut, className, }: AdminSidebarProps) => JSX.Element;
|
|
25
|
+
export default AdminSidebar;
|
|
26
|
+
//# sourceMappingURL=AdminSidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/admin/organisms/admin_sidebar/AdminSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,wEAAwE,CAAC;AAKhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,2IAW1B,iBAAiB,KAAG,GAAG,CAAC,OAmE1B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"adminSidebar.css.d.ts","sourceRoot":"","sources":["../../../../../src/admin/organisms/admin_sidebar/adminSidebar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAKvE,eAAO,MAAM,SAAS,QASpB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;EAUtB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAErE,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,QAMjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAOnB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
|
+
export type AdminTopbarProps = {
|
|
3
|
+
breadcrumb?: ReactNode;
|
|
4
|
+
leftSlot?: ReactNode;
|
|
5
|
+
rightSlot?: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const AdminTopbar: ({ breadcrumb, leftSlot, rightSlot, className, }: AdminTopbarProps) => JSX.Element;
|
|
9
|
+
export default AdminTopbar;
|
|
10
|
+
//# sourceMappingURL=AdminTopbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminTopbar.d.ts","sourceRoot":"","sources":["../../../../../src/admin/organisms/admin_topbar/AdminTopbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iDAKzB,gBAAgB,KAAG,GAAG,CAAC,OAYzB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"adminTopbar.css.d.ts","sourceRoot":"","sources":["../../../../../src/admin/organisms/admin_topbar/adminTopbar.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAMd,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,QAMlB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
|
+
import { type AdminSidebarProps } from '../../organisms/admin_sidebar/AdminSidebar.js';
|
|
3
|
+
import { type AdminTopbarProps } from '../../organisms/admin_topbar/AdminTopbar.js';
|
|
4
|
+
import type { PageShellActions, PageShellTab } from '@plumile/ui';
|
|
5
|
+
export type AdminShellLayoutProps = {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
sidebar: AdminSidebarProps;
|
|
8
|
+
topbar?: AdminTopbarProps;
|
|
9
|
+
actions?: PageShellActions;
|
|
10
|
+
tabs?: PageShellTab[];
|
|
11
|
+
};
|
|
12
|
+
export declare const AdminShellLayout: ({ children, sidebar, topbar, actions, tabs, }: AdminShellLayoutProps) => JSX.Element;
|
|
13
|
+
export default AdminShellLayout;
|
|
14
|
+
//# sourceMappingURL=AdminShellLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminShellLayout.d.ts","sourceRoot":"","sources":["../../../../../src/admin/templates/admin_shell_layout/AdminShellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,6CAA6C,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+CAM9B,qBAAqB,KAAG,GAAG,CAAC,OAiB9B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { JSX, ReactNode } from 'react';
|
|
2
|
+
export type AdminThemeProviderProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export declare const AdminThemeProvider: ({ children, }: AdminThemeProviderProps) => JSX.Element;
|
|
6
|
+
export default AdminThemeProvider;
|
|
7
|
+
//# sourceMappingURL=AdminThemeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/admin/theme/AdminThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,eAEhC,uBAAuB,KAAG,GAAG,CAAC,OAEhC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"adminTheme.css.d.ts","sourceRoot":"","sources":["../../../../src/admin/theme/adminTheme.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAuB1B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
|
+
import { type PageShellActions, type PageShellTab } from './PageShell.js';
|
|
3
|
+
export type AppShellProps = {
|
|
4
|
+
sidebar: ReactNode;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
breadcrumbSlot?: ReactNode;
|
|
7
|
+
actions?: PageShellActions;
|
|
8
|
+
tabs?: PageShellTab[];
|
|
9
|
+
};
|
|
10
|
+
export declare const AppShell: ({ sidebar, children, breadcrumbSlot, actions, tabs, }: AppShellProps) => JSX.Element;
|
|
11
|
+
export default AppShell;
|
|
12
|
+
//# sourceMappingURL=AppShell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uDAMtB,aAAa,KAAG,GAAG,CAAC,OAWtB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsLayout.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SettingsLayout.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
|
+
export type SettingsLayoutProps = {
|
|
3
|
+
nav: ReactNode;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
navClassName?: string;
|
|
7
|
+
contentClassName?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const SettingsLayout: ({ nav, children, className, navClassName, contentClassName, }: SettingsLayoutProps) => JSX.Element;
|
|
10
|
+
export default SettingsLayout;
|
|
11
|
+
//# sourceMappingURL=SettingsLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,SAAS,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,+DAM5B,mBAAmB,KAAG,GAAG,CAAC,OAS5B,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitViewLayout.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SplitViewLayout.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAOhB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
|
+
export type SplitViewLayoutProps = {
|
|
3
|
+
list: ReactNode;
|
|
4
|
+
detail: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
listClassName?: string;
|
|
7
|
+
detailClassName?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const SplitViewLayout: ({ list, detail, className, listClassName, detailClassName, }: SplitViewLayoutProps) => JSX.Element;
|
|
10
|
+
export default SplitViewLayout;
|
|
11
|
+
//# sourceMappingURL=SplitViewLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SplitViewLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,8DAM7B,oBAAoB,KAAG,GAAG,CAAC,OAO7B,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -39,8 +39,11 @@ export { AuthLayout } from './atomic/templates/auth_layout/AuthLayout.js';
|
|
|
39
39
|
export { BillingUsageLineChart, type BillingUsageLineChartPoint, type BillingUsageLineChartProps, type BillingUsageLineChartSerie, } from './components/charts/BillingUsageLineChart.js';
|
|
40
40
|
export { DataTable, type DataTableColumn, type DataTableKind, type DataTableProps, type GetRowId, } from './components/data-table/DataTable.js';
|
|
41
41
|
export { ContentLayout, type ContentLayoutProps, } from './components/layout/ContentLayout.js';
|
|
42
|
+
export { AppShell, type AppShellProps } from './components/layout/AppShell.js';
|
|
42
43
|
export { OrganizationLayout } from './components/organization_layout/OrganizationLayout.js';
|
|
43
44
|
export { PageShell, type BreadcrumbItem, type PageShellActions, type PageShellTab, } from './components/layout/PageShell.js';
|
|
45
|
+
export { SettingsLayout, type SettingsLayoutProps, } from './components/layout/SettingsLayout.js';
|
|
46
|
+
export { SplitViewLayout, type SplitViewLayoutProps, } from './components/layout/SplitViewLayout.js';
|
|
44
47
|
export { AgentMarkdownCard } from './components/agent/AgentMarkdownCard.js';
|
|
45
48
|
export { SimpleSelect, type SimpleSelectOption, } from './components/select/SimpleSelect.js';
|
|
46
49
|
export { RefetchNeededBanner } from './components/subscriptions/RefetchNeededBanner.js';
|
|
@@ -63,6 +66,7 @@ export * from './backoffice/molecules/backoffice_filters_bar/BackofficeFiltersBa
|
|
|
63
66
|
export * from './backoffice/molecules/backoffice_form_section/BackofficeFormSection.js';
|
|
64
67
|
export * from './backoffice/molecules/confirm_dialog/ConfirmDialog.js';
|
|
65
68
|
export * from './backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js';
|
|
69
|
+
export * from './backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.js';
|
|
66
70
|
export * from './backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';
|
|
67
71
|
export * from './backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js';
|
|
68
72
|
export * from './backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';
|
|
@@ -79,20 +83,17 @@ export * from './backoffice/molecules/sidebar_nav_section/SidebarNavSection.js';
|
|
|
79
83
|
export * from './backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js';
|
|
80
84
|
export * from './backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js';
|
|
81
85
|
export * from './backoffice/molecules/table_toolbar/TableToolbar.js';
|
|
82
|
-
export * from './backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js';
|
|
83
86
|
export * from './backoffice/organisms/audit_timeline/AuditTimeline.js';
|
|
84
87
|
export * from './backoffice/organisms/backoffice_data_table/BackofficeDataTable.js';
|
|
85
|
-
export * from './backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js';
|
|
86
|
-
export * from './backoffice/organisms/backoffice_topbar/BackofficeTopbar.js';
|
|
87
88
|
export * from './backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js';
|
|
88
89
|
export * from './backoffice/organisms/entity_header/EntityHeader.js';
|
|
89
|
-
export * from './backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js';
|
|
90
90
|
export * from './backoffice/templates/detail_page_template/DetailPageTemplate.js';
|
|
91
91
|
export * from './backoffice/templates/list_page_template/ListPageTemplate.js';
|
|
92
|
-
export * from './
|
|
93
|
-
export * from './
|
|
94
|
-
export * from './
|
|
95
|
-
export * from './
|
|
92
|
+
export * from './admin/organisms/admin_sidebar/AdminSidebar.js';
|
|
93
|
+
export * from './admin/organisms/admin_topbar/AdminTopbar.js';
|
|
94
|
+
export * from './admin/templates/admin_shell_layout/AdminShellLayout.js';
|
|
95
|
+
export * from './admin/theme/AdminThemeProvider.js';
|
|
96
|
+
export * from './admin/theme/adminTheme.css.js';
|
|
96
97
|
export * from './shared/agentJobRequestFormatting.js';
|
|
97
98
|
export * from './shared/agentText.js';
|
|
98
99
|
export * from './shared/backofficeTableDensity.css.js';
|
package/lib/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumile/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.69",
|
|
4
4
|
"description": "Shared React UI primitives and theme for Plumile applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
"import": "./lib/esm/components/*.js",
|
|
36
36
|
"default": "./lib/esm/components/*.js"
|
|
37
37
|
},
|
|
38
|
-
"./
|
|
39
|
-
"types": "./lib/types/
|
|
40
|
-
"import": "./lib/esm/
|
|
41
|
-
"default": "./lib/esm/
|
|
38
|
+
"./admin/*.js": {
|
|
39
|
+
"types": "./lib/types/admin/*.d.ts",
|
|
40
|
+
"import": "./lib/esm/admin/*.js",
|
|
41
|
+
"default": "./lib/esm/admin/*.js"
|
|
42
42
|
},
|
|
43
|
-
"./
|
|
44
|
-
"types": "./lib/types/
|
|
45
|
-
"import": "./lib/esm/
|
|
46
|
-
"default": "./lib/esm/
|
|
43
|
+
"./admin/*": {
|
|
44
|
+
"types": "./lib/types/admin/*.d.ts",
|
|
45
|
+
"import": "./lib/esm/admin/*.js",
|
|
46
|
+
"default": "./lib/esm/admin/*.js"
|
|
47
47
|
},
|
|
48
48
|
"./pages/*.js": {
|
|
49
49
|
"types": "./lib/types/pages/*.d.ts",
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
},
|
|
131
131
|
"dependencies": {
|
|
132
132
|
"@nivo/line": "0.99.0",
|
|
133
|
-
"@plumile/router": "^0.1.
|
|
133
|
+
"@plumile/router": "^0.1.69",
|
|
134
134
|
"@vanilla-extract/css": "^1.19.0",
|
|
135
135
|
"@vanilla-extract/recipes": "^0.5.7",
|
|
136
136
|
"@vanilla-extract/sprinkles": "^1.6.5",
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { PageShell as e } from "../../../components/layout/PageShell.js";
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
//#region src/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.tsx
|
|
4
|
-
var n = ({ sidebar: n, children: r, breadcrumbSlot: i, actions: a, tabs: o }) => /* @__PURE__ */ t(e, {
|
|
5
|
-
sidebar: n,
|
|
6
|
-
breadcrumbSlot: i,
|
|
7
|
-
actions: a,
|
|
8
|
-
tabs: o,
|
|
9
|
-
children: r
|
|
10
|
-
});
|
|
11
|
-
//#endregion
|
|
12
|
-
export { n as BackofficeAppShell, n as default };
|
|
13
|
-
|
|
14
|
-
//# sourceMappingURL=BackofficeAppShell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeAppShell.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n PageShell,\n type PageShellActions,\n type PageShellTab,\n} from '@plumile/ui/components/layout/PageShell.js';\n\nexport type BackofficeAppShellProps = {\n sidebar: ReactNode;\n children: ReactNode;\n breadcrumbSlot?: ReactNode;\n actions?: PageShellActions;\n tabs?: PageShellTab[];\n};\n\nexport const BackofficeAppShell = ({\n sidebar,\n children,\n breadcrumbSlot,\n actions,\n tabs,\n}: BackofficeAppShellProps): JSX.Element => {\n return (\n <PageShell\n sidebar={sidebar}\n breadcrumbSlot={breadcrumbSlot}\n actions={actions}\n tabs={tabs}\n >\n {children}\n </PageShell>\n );\n};\n\nexport default BackofficeAppShell;\n"],"mappings":";;;AAgBA,IAAa,KAAsB,EACjC,YACA,aACA,mBACA,YACA,cAGE,kBAAC,GAAD;CACW;CACO;CACP;CACH;CAEL;CACS,CAAA"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { cx as e } from "../../../theme/tools.js";
|
|
2
|
-
import { SidebarNavSection as t } from "../../molecules/sidebar_nav_section/SidebarNavSection.js";
|
|
3
|
-
import { SidebarCollapseToggle as n } from "../../molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
|
|
4
|
-
import { container as r, footer as i, header as a, inner as o, sections as s, widthRecipe as c } from "./backofficeSidebar.css.js";
|
|
5
|
-
import "../../../index.js";
|
|
6
|
-
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
7
|
-
import { useCallback as d, useState as f } from "react";
|
|
8
|
-
//#region src/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.tsx
|
|
9
|
-
var p = ({ header: p, search: m, footer: h, sections: g, isCollapsed: _, defaultCollapsed: v = !1, onCollapsedChange: y, collapseToggleLabel: b, collapseShortcut: x, className: S }) => {
|
|
10
|
-
let [C, w] = f(v), T = _ ?? C, E = d(() => {
|
|
11
|
-
let e = !T;
|
|
12
|
-
_ ?? w(e), y?.(e);
|
|
13
|
-
}, [
|
|
14
|
-
T,
|
|
15
|
-
_,
|
|
16
|
-
y
|
|
17
|
-
]), D = "expanded";
|
|
18
|
-
T && (D = "collapsed");
|
|
19
|
-
let O = null;
|
|
20
|
-
return h != null && (O = /* @__PURE__ */ l("div", {
|
|
21
|
-
className: i,
|
|
22
|
-
children: h
|
|
23
|
-
})), /* @__PURE__ */ l("aside", {
|
|
24
|
-
className: e(r, c({ state: D }), S),
|
|
25
|
-
children: /* @__PURE__ */ u("div", {
|
|
26
|
-
className: o,
|
|
27
|
-
children: [
|
|
28
|
-
/* @__PURE__ */ u("div", {
|
|
29
|
-
className: a,
|
|
30
|
-
children: [p, /* @__PURE__ */ l(n, {
|
|
31
|
-
isCollapsed: T,
|
|
32
|
-
onToggle: E,
|
|
33
|
-
label: b,
|
|
34
|
-
shortcut: x
|
|
35
|
-
})]
|
|
36
|
-
}),
|
|
37
|
-
m != null && /* @__PURE__ */ l("div", {
|
|
38
|
-
className: "_15szdsj7 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6",
|
|
39
|
-
children: m
|
|
40
|
-
}),
|
|
41
|
-
/* @__PURE__ */ l("nav", {
|
|
42
|
-
className: s,
|
|
43
|
-
"aria-label": "Backoffice navigation",
|
|
44
|
-
children: g.map((e) => /* @__PURE__ */ l(t, {
|
|
45
|
-
title: e.title,
|
|
46
|
-
items: e.items,
|
|
47
|
-
collapsible: e.collapsible,
|
|
48
|
-
defaultCollapsed: e.defaultCollapsed,
|
|
49
|
-
isCollapsed: e.isCollapsed,
|
|
50
|
-
onCollapsedChange: e.onCollapsedChange,
|
|
51
|
-
collapsed: T
|
|
52
|
-
}, e.id))
|
|
53
|
-
}),
|
|
54
|
-
O
|
|
55
|
-
]
|
|
56
|
-
})
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
//#endregion
|
|
60
|
-
export { p as BackofficeSidebar, p as default };
|
|
61
|
-
|
|
62
|
-
//# sourceMappingURL=BackofficeSidebar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeSidebar.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.tsx"],"sourcesContent":["import { useCallback, useState, type JSX, type ReactNode } from 'react';\nimport type { RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { SidebarCollapseToggle } from '../../molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js';\nimport {\n SidebarNavSection,\n type SidebarNavSectionItem,\n} from '../../molecules/sidebar_nav_section/SidebarNavSection.js';\n\nimport * as styles from './backofficeSidebar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type BackofficeSidebarSection = {\n id: string;\n title?: ReactNode;\n items: readonly SidebarNavSectionItem[];\n collapsible?: boolean;\n defaultCollapsed?: boolean;\n isCollapsed?: boolean;\n onCollapsedChange?: (collapsed: boolean) => void;\n};\n\nexport type BackofficeSidebarProps = {\n header?: ReactNode;\n search?: ReactNode;\n footer?: ReactNode;\n sections: readonly BackofficeSidebarSection[];\n isCollapsed?: boolean;\n defaultCollapsed?: boolean;\n onCollapsedChange?: (collapsed: boolean) => void;\n collapseToggleLabel?: ReactNode;\n collapseShortcut?: readonly string[] | string;\n className?: string;\n};\n\nexport const BackofficeSidebar = ({\n header,\n search,\n footer,\n sections,\n isCollapsed,\n defaultCollapsed = false,\n onCollapsedChange,\n collapseToggleLabel,\n collapseShortcut,\n className,\n}: BackofficeSidebarProps): JSX.Element => {\n const [uncontrolledCollapsed, setUncontrolledCollapsed] =\n useState(defaultCollapsed);\n\n const collapsed = isCollapsed ?? uncontrolledCollapsed;\n\n const handleToggleCollapsed = useCallback(() => {\n const next = !collapsed;\n if (isCollapsed == null) {\n setUncontrolledCollapsed(next);\n }\n onCollapsedChange?.(next);\n }, [collapsed, isCollapsed, onCollapsedChange]);\n\n let widthKey: NonNullable<\n NonNullable<RecipeVariants<typeof styles.widthRecipe>>['state']\n > = 'expanded';\n if (collapsed) {\n widthKey = 'collapsed';\n }\n\n let footerNode: JSX.Element | null = null;\n if (footer != null) {\n footerNode = <div className={styles.footer}>{footer}</div>;\n }\n\n return (\n <aside\n className={cx(\n styles.container,\n styles.widthRecipe({ state: widthKey }),\n className,\n )}\n >\n <div className={styles.inner}>\n <div className={styles.header}>\n {header}\n <SidebarCollapseToggle\n isCollapsed={collapsed}\n onToggle={handleToggleCollapsed}\n label={collapseToggleLabel}\n shortcut={collapseShortcut}\n />\n </div>\n\n {search != null && <div className={styles.search}>{search}</div>}\n <nav className={styles.sections} aria-label=\"Backoffice navigation\">\n {sections.map((section) => {\n return (\n <SidebarNavSection\n key={section.id}\n title={section.title}\n items={section.items}\n collapsible={section.collapsible}\n defaultCollapsed={section.defaultCollapsed}\n isCollapsed={section.isCollapsed}\n onCollapsedChange={section.onCollapsedChange}\n collapsed={collapsed}\n />\n );\n })}\n </nav>\n\n {footerNode}\n </div>\n </aside>\n );\n};\n\nexport default BackofficeSidebar;\n"],"mappings":";;;;;;;;AAmCA,IAAa,KAAqB,EAChC,QAAA,GACA,QAAA,GACA,QAAA,GACA,UAAA,GACA,gBACA,sBAAmB,IACnB,sBACA,wBACA,qBACA,mBACyC;CACzC,IAAM,CAAC,GAAuB,KAC5B,EAAS,EAAiB,EAEtB,IAAY,KAAe,GAE3B,IAAwB,QAAkB;EAC9C,IAAM,IAAO,CAAC;AAId,EAHI,KACF,EAAyB,EAAK,EAEhC,IAAoB,EAAK;IACxB;EAAC;EAAW;EAAa;EAAkB,CAAC,EAE3C,IAEA;AACJ,CAAI,MACF,IAAW;CAGb,IAAI,IAAiC;AAKrC,QAJI,KAAU,SACZ,IAAa,kBAAC,OAAD;EAAK,WAAW;YAAgB;EAAa,CAAA,GAI1D,kBAAC,SAAD;EACE,WAAW,EACT,GACA,EAAmB,EAAE,OAAO,GAAU,CAAC,EACvC,EACD;YAED,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACG,GACD,kBAAC,GAAD;MACE,aAAa;MACb,UAAU;MACV,OAAO;MACP,UAAU;MACV,CAAA,CACE;;IAEL,KAAU,QAAQ,kBAAC,OAAD;KAAK,WAAW;eAAgB;KAAa,CAAA;IAChE,kBAAC,OAAD;KAAK,WAAW;KAAiB,cAAW;eACzC,EAAS,KAAK,MAEX,kBAAC,GAAD;MAEE,OAAO,EAAQ;MACf,OAAO,EAAQ;MACf,aAAa,EAAQ;MACrB,kBAAkB,EAAQ;MAC1B,aAAa,EAAQ;MACrB,mBAAmB,EAAQ;MAChB;MACX,EARK,EAAQ,GAQb,CAEJ;KACE,CAAA;IAEL;IACG;;EACA,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
4
|
-
//#region src/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.ts
|
|
5
|
-
var t = "_15szdsj0 txvbqb9io txvbqbai6 txvbqbcff txvbqbv2r txvbqb12f txvbqb1qf txvbqb5fx txvbqb306", n = e({
|
|
6
|
-
defaultClassName: "_15szdsj1",
|
|
7
|
-
variantClassNames: { state: {
|
|
8
|
-
expanded: "_15szdsj2",
|
|
9
|
-
collapsed: "_15szdsj3"
|
|
10
|
-
} },
|
|
11
|
-
defaultVariants: { state: "expanded" },
|
|
12
|
-
compoundVariants: []
|
|
13
|
-
}), r = "_15szdsj4 txvbqb9io txvbqbai6 txvbqbaoo txvbqblaf txvbqbcff txvbqbjg6", i = "_15szdsj5 txvbqbnuo txvbqbohx txvbqb9io txvbqbco txvbqbdoo txvbqbao6", a = "_15szdsj6 txvbqb9io txvbqbai6 txvbqbaoo txvbqb9mx txvbqbjg6 txvbqbl7o", o = "_15szdsj7 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6", s = "_15szdsj8 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6";
|
|
14
|
-
//#endregion
|
|
15
|
-
export { t as container, s as footer, i as header, r as inner, o as search, a as sections, n as widthRecipe };
|
|
16
|
-
|
|
17
|
-
//# sourceMappingURL=backofficeSidebar.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeSidebar.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.ts"],"sourcesContent":["import { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n height: 'full',\n backgroundColor: 'surface',\n borderWidth: 0,\n borderStyle: 'solid',\n borderRightWidth: 'px',\n borderRightColor: 'borderSubtle',\n});\n\nexport const widthRecipe = recipe({\n variants: {\n state: {\n expanded: { width: vars.width[64] },\n collapsed: { width: vars.width[17.5] },\n },\n },\n defaultVariants: {\n state: 'expanded',\n },\n});\n\nexport type WidthRecipeVariants = RecipeVariants<typeof widthRecipe>;\n\nexport const inner = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n padding: 4,\n height: 'full',\n minHeight: 0,\n});\n\nexport const header = sprinkles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: 2,\n paddingX: 1,\n});\n\nexport const sections = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n flex: 1,\n minHeight: 0,\n overflowY: 'auto',\n});\n\nexport const search = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n paddingX: 1,\n});\n\nexport const footer = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n paddingX: 1,\n});\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeTopbar.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_topbar/BackofficeTopbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './backofficeTopbar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type BackofficeTopbarProps = {\n breadcrumb?: ReactNode;\n leftSlot?: ReactNode;\n rightSlot?: ReactNode;\n className?: string;\n};\n\nexport const BackofficeTopbar = ({\n breadcrumb,\n leftSlot,\n rightSlot,\n className,\n}: BackofficeTopbarProps): JSX.Element => {\n return (\n <div className={cx(styles.container, className)}>\n <div className={styles.row}>\n <div className={styles.left}>\n {breadcrumb}\n {leftSlot}\n </div>\n <div className={styles.right}>{rightSlot}</div>\n </div>\n </div>\n );\n};\n\nexport default BackofficeTopbar;\n"],"mappings":";;;;;AAYA,IAAa,KAAoB,EAC/B,eACA,aACA,cACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAC7C,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;MACN,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAgB,CAAA,CAC3C;;CACF,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
//#region src/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.ts
|
|
4
|
-
var e = "_1q9x83s0 txvbqb9io txvbqbai6 txvbqbaof txvbqbk4x txvbqbu6f", t = "_1q9x83s1 txvbqb9io txvbqbco txvbqbaoo txvbqbajx txvbqbk4x", n = "_1q9x83s2 txvbqb9io txvbqbco txvbqbaof txvbqb9mx txvbqbk4x", r = "_1q9x83s3 txvbqb9jf txvbqbco txvbqbao6 txvbqbdo6 txvbqbaj6", i = "_1q9x83s4 txvbqb9jf txvbqbco txvbqbc66 txvbqbuho txvbqbv3d";
|
|
5
|
-
//#endregion
|
|
6
|
-
export { e as container, i as divider, n as left, r as right, t as row };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=backofficeTopbar.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeTopbar.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_topbar/backofficeTopbar.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: 3,\n minWidth: 0,\n width: 'full',\n});\n\nexport const row = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 4,\n flexWrap: 'wrap',\n minWidth: 0,\n});\n\nexport const left = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 3,\n flex: 1,\n minWidth: 0,\n});\n\nexport const right = sprinkles({\n display: 'inline-flex',\n alignItems: 'center',\n gap: 2,\n justifyContent: 'flex-end',\n flexShrink: 0,\n});\n\nexport const divider = sprinkles({\n display: 'inline-flex',\n alignItems: 'center',\n height: 6,\n width: 0.5,\n backgroundColor: 'border',\n});\n"],"mappings":""}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { BackofficeAppShell as e } from "../../organisms/backoffice_app_shell/BackofficeAppShell.js";
|
|
2
|
-
import { BackofficeSidebar as t } from "../../organisms/backoffice_sidebar/BackofficeSidebar.js";
|
|
3
|
-
import { BackofficeTopbar as n } from "../../organisms/backoffice_topbar/BackofficeTopbar.js";
|
|
4
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
//#region src/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.tsx
|
|
6
|
-
var i = ({ children: i, sidebar: a, topbar: o, actions: s, tabs: c }) => {
|
|
7
|
-
let l = /* @__PURE__ */ r(t, { ...a }), u = null;
|
|
8
|
-
return o != null && (u = /* @__PURE__ */ r(n, { ...o })), /* @__PURE__ */ r(e, {
|
|
9
|
-
sidebar: l,
|
|
10
|
-
breadcrumbSlot: u,
|
|
11
|
-
actions: s,
|
|
12
|
-
tabs: c,
|
|
13
|
-
children: i
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
//#endregion
|
|
17
|
-
export { i as BackofficeShellTemplate, i as default };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=BackofficeShellTemplate.js.map
|
package/lib/esm/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeShellTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeAppShell } from '../../organisms/backoffice_app_shell/BackofficeAppShell.js';\nimport {\n BackofficeSidebar,\n type BackofficeSidebarProps,\n} from '../../organisms/backoffice_sidebar/BackofficeSidebar.js';\nimport {\n BackofficeTopbar,\n type BackofficeTopbarProps,\n} from '../../organisms/backoffice_topbar/BackofficeTopbar.js';\nimport type {\n PageShellActions,\n PageShellTab,\n} from '@plumile/ui/components/layout/PageShell.js';\n\nexport type BackofficeShellTemplateProps = {\n children: ReactNode;\n sidebar: BackofficeSidebarProps;\n topbar?: BackofficeTopbarProps;\n actions?: PageShellActions;\n tabs?: PageShellTab[];\n};\n\nexport const BackofficeShellTemplate = ({\n children,\n sidebar,\n topbar,\n actions,\n tabs,\n}: BackofficeShellTemplateProps): JSX.Element => {\n const sidebarNode = <BackofficeSidebar {...sidebar} />;\n let topbarNode: JSX.Element | null = null;\n if (topbar != null) {\n topbarNode = <BackofficeTopbar {...topbar} />;\n }\n\n return (\n <BackofficeAppShell\n sidebar={sidebarNode}\n breadcrumbSlot={topbarNode}\n actions={actions}\n tabs={tabs}\n >\n {children}\n </BackofficeAppShell>\n );\n};\n\nexport default BackofficeShellTemplate;\n"],"mappings":";;;;;AAwBA,IAAa,KAA2B,EACtC,aACA,YACA,WACA,YACA,cAC+C;CAC/C,IAAM,IAAc,kBAAC,GAAD,EAAmB,GAAI,GAAW,CAAA,EAClD,IAAiC;AAKrC,QAJI,KAAU,SACZ,IAAa,kBAAC,GAAD,EAAkB,GAAI,GAAU,CAAA,GAI7C,kBAAC,GAAD;EACE,SAAS;EACT,gBAAgB;EACP;EACH;EAEL;EACkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/settings_template/SettingsTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './settingsTemplate.css.js';\n\nexport type SettingsTemplateProps = {\n nav: ReactNode;\n children: ReactNode;\n className?: string;\n navClassName?: string;\n contentClassName?: string;\n};\n\nexport const SettingsTemplate = ({\n nav,\n children,\n className,\n navClassName,\n contentClassName,\n}: SettingsTemplateProps): JSX.Element => {\n return (\n <div className={cx(styles.container, className)}>\n <aside className={cx(styles.sidebar, navClassName)}>{nav}</aside>\n <section className={cx(styles.content, contentClassName)}>\n {children}\n </section>\n </div>\n );\n};\n\nexport default SettingsTemplate;\n"],"mappings":";;;;AAaA,IAAa,KAAoB,EAC/B,QACA,aACA,cACA,iBACA,0BAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,SAAD;EAAO,WAAW,EAAG,GAAgB,EAAa;YAAG;EAAY,CAAA,EACjE,kBAAC,WAAD;EAAS,WAAW,EAAG,GAAgB,EAAiB;EACrD;EACO,CAAA,CACN"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
//#region src/backoffice/templates/settings_template/settingsTemplate.css.ts
|
|
4
|
-
var e = "_1ejxqcr0 txvbqb9ix txvbqbaoo txvbqblax txvbqbbxf txvbqbbwr", t = "_1ejxqcr1 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f", n = "_1ejxqcr2 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f";
|
|
5
|
-
//#endregion
|
|
6
|
-
export { e as container, n as content, t as sidebar };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=settingsTemplate.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"settingsTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/settings_template/settingsTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n display: 'grid',\n gap: 4,\n padding: 6,\n gridTemplateColumns: {\n base: 'settingsSplit',\n lg: 'detailSingle',\n },\n});\n\nexport const sidebar = sprinkles({\n borderRadius: 'lg',\n backgroundColor: 'background',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border',\n overflow: 'hidden',\n});\n\nexport const content = sprinkles({\n borderRadius: 'lg',\n backgroundColor: 'background',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border',\n overflow: 'hidden',\n});\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SplitViewTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/split_view_template/SplitViewTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './splitViewTemplate.css.js';\n\nexport type SplitViewTemplateProps = {\n list: ReactNode;\n detail: ReactNode;\n className?: string;\n listClassName?: string;\n detailClassName?: string;\n};\n\nexport const SplitViewTemplate = ({\n list,\n detail,\n className,\n listClassName,\n detailClassName,\n}: SplitViewTemplateProps): JSX.Element => {\n return (\n <div className={cx(styles.container, className)}>\n <div className={cx(styles.panel, listClassName)}>{list}</div>\n <div className={cx(styles.panel, detailClassName)}>{detail}</div>\n </div>\n );\n};\n\nexport default SplitViewTemplate;\n"],"mappings":";;;;AAaA,IAAa,KAAqB,EAChC,SACA,WACA,cACA,kBACA,yBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAc,EAAc;YAAG;EAAW,CAAA,EAC7D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAc,EAAgB;YAAG;EAAa,CAAA,CAC7D"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
//#region src/backoffice/templates/split_view_template/splitViewTemplate.css.ts
|
|
4
|
-
var e = "a9o6h60 txvbqb9ix txvbqbaoo txvbqblax txvbqbbxo txvbqbbwr", t = "a9o6h61 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f";
|
|
5
|
-
//#endregion
|
|
6
|
-
export { e as container, t as panel };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=splitViewTemplate.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"splitViewTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/split_view_template/splitViewTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n display: 'grid',\n gap: 4,\n padding: 6,\n gridTemplateColumns: {\n base: 'splitViewSplit',\n lg: 'detailSingle',\n },\n});\n\nexport const panel = sprinkles({\n borderRadius: 'lg',\n backgroundColor: 'background',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'border',\n overflow: 'hidden',\n});\n"],"mappings":""}
|