@pattern-stack/frontend-patterns 0.2.0-alpha.12 → 0.2.0-alpha.14
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/CHANGELOG.md +25 -0
- package/dist/atoms/components/core/Button/Button.d.ts.map +1 -1
- package/dist/index.es.js +26 -35
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +26 -35
- package/dist/index.js.map +1 -1
- package/dist/molecules/layout/AppHeader/AppHeader.d.ts +7 -3
- package/dist/molecules/layout/AppHeader/AppHeader.d.ts.map +1 -1
- package/dist/molecules/layout/AppLayout.d.ts +9 -1
- package/dist/molecules/layout/AppLayout.d.ts.map +1 -1
- package/dist/molecules/layout/Sidebar.d.ts +10 -3
- package/dist/molecules/layout/Sidebar.d.ts.map +1 -1
- package/dist/templates/factory.d.ts +8 -0
- package/dist/templates/factory.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -12,11 +12,15 @@ export interface AppHeaderProps {
|
|
|
12
12
|
};
|
|
13
13
|
/** Override the global-search placeholder. */
|
|
14
14
|
searchPlaceholder?: string;
|
|
15
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Show the global search slot. Opt-in. Default: false.
|
|
17
|
+
* Search is non-trivial to wire and looks broken when it's a no-op,
|
|
18
|
+
* so consumers must explicitly enable it.
|
|
19
|
+
*/
|
|
16
20
|
showSearch?: boolean;
|
|
17
|
-
/**
|
|
21
|
+
/** Show the user-menu slot. Opt-in. Default: false. */
|
|
18
22
|
showUserMenu?: boolean;
|
|
19
|
-
/**
|
|
23
|
+
/** Show the connection-status slot. Opt-in. Default: false. */
|
|
20
24
|
showConnectionStatus?: boolean;
|
|
21
25
|
}
|
|
22
26
|
export declare const AppHeader: React.FC<AppHeaderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/molecules/layout/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC5D,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B
|
|
1
|
+
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/molecules/layout/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC5D,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAaD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgE9C,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
1
2
|
import { type AppHeaderProps } from "./AppHeader";
|
|
2
3
|
export interface AppLayoutProps {
|
|
3
4
|
/**
|
|
@@ -8,6 +9,13 @@ export interface AppLayoutProps {
|
|
|
8
9
|
* (branding, searchPlaceholder, showSearch, etc.).
|
|
9
10
|
*/
|
|
10
11
|
header?: false | AppHeaderProps;
|
|
12
|
+
/**
|
|
13
|
+
* Sidebar configuration. Currently supports an optional footer node;
|
|
14
|
+
* when omitted, the sidebar renders no footer at all (no empty space).
|
|
15
|
+
*/
|
|
16
|
+
sidebar?: {
|
|
17
|
+
footer?: ReactNode;
|
|
18
|
+
};
|
|
11
19
|
}
|
|
12
|
-
export declare const AppLayout: ({ header }?: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const AppLayout: ({ header, sidebar }?: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
21
|
//# sourceMappingURL=AppLayout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/molecules/layout/AppLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/molecules/layout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,GAAI,sBAAqB,cAAmB,4CAyBjE,CAAC"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export interface SidebarProps {
|
|
2
3
|
className?: string;
|
|
4
|
+
/**
|
|
5
|
+
* Optional footer content rendered in the sidebar's footer slot.
|
|
6
|
+
* When omitted, the entire footer (and its top border) is not rendered.
|
|
7
|
+
* The expand/collapse opacity transition wrapper is preserved; pass a node
|
|
8
|
+
* that handles per-state content if you want different content per state.
|
|
9
|
+
*/
|
|
10
|
+
footer?: ReactNode;
|
|
3
11
|
}
|
|
4
|
-
export declare const Sidebar: ({ className }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export {};
|
|
12
|
+
export declare const Sidebar: ({ className, footer }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
13
|
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/molecules/layout/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/molecules/layout/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,GAAI,uBAAuB,YAAY,4CA+G1D,CAAC"}
|
|
@@ -27,6 +27,14 @@ export interface AppConfig {
|
|
|
27
27
|
* (branding, searchPlaceholder, showSearch, etc.).
|
|
28
28
|
*/
|
|
29
29
|
header?: false | AppHeaderProps;
|
|
30
|
+
/**
|
|
31
|
+
* Sidebar configuration for the app shell. Currently supports an optional
|
|
32
|
+
* `footer` ReactNode that renders in the sidebar's footer slot. When omitted,
|
|
33
|
+
* the sidebar renders no footer at all.
|
|
34
|
+
*/
|
|
35
|
+
sidebar?: {
|
|
36
|
+
footer?: ReactNode;
|
|
37
|
+
};
|
|
30
38
|
/**
|
|
31
39
|
* Enable Query cache persistence to localStorage.
|
|
32
40
|
* When true, cached data survives page refresh for instant offline UI.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/templates/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAwCnE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IACjE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,SAAS,CAAC;IACxB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAGD,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/templates/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAwCnE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IACjE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IACjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,SAAS,CAAC;IACxB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAGD,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAoMtE;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAE1D"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@pattern-stack/frontend-patterns",
|
|
3
3
|
"description": "Production-ready React frontend template with atomic architecture patterns. Build ultra-lean applications by importing shared UI foundation patterns.",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.2.0-alpha.
|
|
5
|
+
"version": "0.2.0-alpha.14",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
8
8
|
"typescript",
|