@astral/ui 0.13.0 → 0.14.0
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/DashboardLayout/DashboardLayout.d.ts +2 -2
- package/DashboardLayout/DashboardLayout.js +4 -4
- package/DashboardLayout/Header/Header.js +3 -3
- package/DashboardLayout/Sidebar/Sidebar.d.ts +6 -0
- package/DashboardLayout/{SideBar/SideBar.js → Sidebar/Sidebar.js} +3 -3
- package/DashboardLayout/Sidebar/index.d.ts +1 -0
- package/DashboardLayout/{SideBar → Sidebar}/index.js +1 -1
- package/DashboardLayout/{SideBar → Sidebar}/styled.d.ts +0 -0
- package/DashboardLayout/{SideBar → Sidebar}/styled.js +0 -0
- package/esm/DashboardLayout/DashboardLayout.d.ts +2 -2
- package/esm/DashboardLayout/DashboardLayout.js +4 -4
- package/esm/DashboardLayout/Header/Header.js +3 -3
- package/esm/DashboardLayout/Sidebar/Sidebar.d.ts +6 -0
- package/esm/DashboardLayout/{SideBar/SideBar.js → Sidebar/Sidebar.js} +2 -2
- package/esm/DashboardLayout/Sidebar/index.d.ts +1 -0
- package/esm/DashboardLayout/Sidebar/index.js +1 -0
- package/esm/DashboardLayout/{SideBar → Sidebar}/styled.d.ts +0 -0
- package/esm/DashboardLayout/{SideBar → Sidebar}/styled.js +0 -0
- package/package.json +2 -2
- package/DashboardLayout/SideBar/SideBar.d.ts +0 -6
- package/DashboardLayout/SideBar/index.d.ts +0 -1
- package/esm/DashboardLayout/SideBar/SideBar.d.ts +0 -6
- package/esm/DashboardLayout/SideBar/index.d.ts +0 -1
- package/esm/DashboardLayout/SideBar/index.js +0 -1
|
@@ -4,8 +4,8 @@ interface DashBoardLayoutProps {
|
|
|
4
4
|
}
|
|
5
5
|
export declare const DashboardLayout: {
|
|
6
6
|
({ children }: DashBoardLayoutProps): JSX.Element;
|
|
7
|
-
Header: import("react").ForwardRefExoticComponent<import("./Header
|
|
8
|
-
|
|
7
|
+
Header: import("react").ForwardRefExoticComponent<import("./Header").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Sidebar: import("react").ForwardRefExoticComponent<{
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
11
|
Main: import("react").ForwardRefExoticComponent<{
|
|
@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.DashboardLayout = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var Header_1 = require("./Header
|
|
17
|
-
var
|
|
18
|
-
var Main_1 = require("./Main
|
|
16
|
+
var Header_1 = require("./Header");
|
|
17
|
+
var Sidebar_1 = require("./Sidebar");
|
|
18
|
+
var Main_1 = require("./Main");
|
|
19
19
|
var styled_1 = require("./styled");
|
|
20
20
|
var DashboardLayout = function (_a) {
|
|
21
21
|
var children = _a.children;
|
|
@@ -23,6 +23,6 @@ var DashboardLayout = function (_a) {
|
|
|
23
23
|
};
|
|
24
24
|
exports.DashboardLayout = DashboardLayout;
|
|
25
25
|
exports.DashboardLayout.Header = Header_1.Header;
|
|
26
|
-
exports.DashboardLayout.
|
|
26
|
+
exports.DashboardLayout.Sidebar = Sidebar_1.Sidebar;
|
|
27
27
|
exports.DashboardLayout.Main = Main_1.Main;
|
|
28
28
|
exports.default = exports.DashboardLayout;
|
|
@@ -15,8 +15,8 @@ exports.Header = void 0;
|
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
var react_1 = require("react");
|
|
17
17
|
var styled_1 = require("./styled");
|
|
18
|
-
exports.Header = (0, react_1.forwardRef)(function (
|
|
19
|
-
var children =
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(styled_1.StyledHeader, __assign({ ref: ref }, { children: (0, jsx_runtime_1.jsxs)(styled_1.InnerContainer, { children: [(0, jsx_runtime_1.jsxs)(styled_1.LeftContainer, { children: [Widget && (0, jsx_runtime_1.jsx)(Widget, {}, void 0), (0, jsx_runtime_1.jsx)(styled_1.LogoContainer, __assign({ withWidget:
|
|
18
|
+
exports.Header = (0, react_1.forwardRef)(function (props, ref) {
|
|
19
|
+
var children = props.children, logoSrc = props.logoSrc, logoAlt = props.logoAlt, LogoLink = props.LogoLink, Widget = props.Widget;
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(styled_1.StyledHeader, __assign({ ref: ref }, { children: (0, jsx_runtime_1.jsxs)(styled_1.InnerContainer, { children: [(0, jsx_runtime_1.jsxs)(styled_1.LeftContainer, { children: [Widget && (0, jsx_runtime_1.jsx)(Widget, {}, void 0), (0, jsx_runtime_1.jsx)(styled_1.LogoContainer, __assign({ withWidget: Boolean(Widget) }, { children: (0, jsx_runtime_1.jsx)(LogoLink, { Logo: (0, jsx_runtime_1.jsx)(styled_1.LogoStyle, { src: logoSrc, alt: logoAlt }, void 0) }, void 0) }), void 0)] }, void 0), children] }, void 0) }), void 0));
|
|
21
21
|
});
|
|
22
22
|
exports.default = exports.Header;
|
|
@@ -11,12 +11,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.
|
|
14
|
+
exports.Sidebar = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
var react_1 = require("react");
|
|
17
17
|
var styled_1 = require("./styled");
|
|
18
|
-
exports.
|
|
18
|
+
exports.Sidebar = (0, react_1.forwardRef)(function (_a, ref) {
|
|
19
19
|
var children = _a.children;
|
|
20
20
|
return ((0, jsx_runtime_1.jsx)(styled_1.StyledDrawer, __assign({ ref: ref, open: true, variant: "persistent" }, { children: children }), void 0));
|
|
21
21
|
});
|
|
22
|
-
exports.default = exports.
|
|
22
|
+
exports.default = exports.Sidebar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Sidebar';
|
|
@@ -10,4 +10,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./
|
|
13
|
+
__exportStar(require("./Sidebar"), exports);
|
|
File without changes
|
|
File without changes
|
|
@@ -4,8 +4,8 @@ interface DashBoardLayoutProps {
|
|
|
4
4
|
}
|
|
5
5
|
export declare const DashboardLayout: {
|
|
6
6
|
({ children }: DashBoardLayoutProps): JSX.Element;
|
|
7
|
-
Header: import("react").ForwardRefExoticComponent<import("./Header
|
|
8
|
-
|
|
7
|
+
Header: import("react").ForwardRefExoticComponent<import("./Header").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Sidebar: import("react").ForwardRefExoticComponent<{
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
11
|
Main: import("react").ForwardRefExoticComponent<{
|
|
@@ -10,15 +10,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { Header } from './Header
|
|
14
|
-
import {
|
|
15
|
-
import { Main } from './Main
|
|
13
|
+
import { Header } from './Header';
|
|
14
|
+
import { Sidebar } from './Sidebar';
|
|
15
|
+
import { Main } from './Main';
|
|
16
16
|
import { StyledDashboard } from './styled';
|
|
17
17
|
export var DashboardLayout = function (_a) {
|
|
18
18
|
var children = _a.children;
|
|
19
19
|
return (_jsx(StyledDashboard, __assign({ container: true, templateColumns: "auto 1fr", templateRows: "auto 1fr" }, { children: children }), void 0));
|
|
20
20
|
};
|
|
21
21
|
DashboardLayout.Header = Header;
|
|
22
|
-
DashboardLayout.
|
|
22
|
+
DashboardLayout.Sidebar = Sidebar;
|
|
23
23
|
DashboardLayout.Main = Main;
|
|
24
24
|
export default DashboardLayout;
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { forwardRef } from 'react';
|
|
14
14
|
import { InnerContainer, LeftContainer, LogoContainer, LogoStyle, StyledHeader, } from './styled';
|
|
15
|
-
export var Header = forwardRef(function (
|
|
16
|
-
var children =
|
|
17
|
-
return (_jsx(StyledHeader, __assign({ ref: ref }, { children: _jsxs(InnerContainer, { children: [_jsxs(LeftContainer, { children: [Widget && _jsx(Widget, {}, void 0), _jsx(LogoContainer, __assign({ withWidget:
|
|
15
|
+
export var Header = forwardRef(function (props, ref) {
|
|
16
|
+
var children = props.children, logoSrc = props.logoSrc, logoAlt = props.logoAlt, LogoLink = props.LogoLink, Widget = props.Widget;
|
|
17
|
+
return (_jsx(StyledHeader, __assign({ ref: ref }, { children: _jsxs(InnerContainer, { children: [_jsxs(LeftContainer, { children: [Widget && _jsx(Widget, {}, void 0), _jsx(LogoContainer, __assign({ withWidget: Boolean(Widget) }, { children: _jsx(LogoLink, { Logo: _jsx(LogoStyle, { src: logoSrc, alt: logoAlt }, void 0) }, void 0) }), void 0)] }, void 0), children] }, void 0) }), void 0));
|
|
18
18
|
});
|
|
19
19
|
export default Header;
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { forwardRef } from 'react';
|
|
14
14
|
import { StyledDrawer } from './styled';
|
|
15
|
-
export var
|
|
15
|
+
export var Sidebar = forwardRef(function (_a, ref) {
|
|
16
16
|
var children = _a.children;
|
|
17
17
|
return (_jsx(StyledDrawer, __assign({ ref: ref, open: true, variant: "persistent" }, { children: children }), void 0));
|
|
18
18
|
});
|
|
19
|
-
export default
|
|
19
|
+
export default Sidebar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Sidebar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Sidebar';
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astral/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"browser": "./src/index.ts",
|
|
5
5
|
"jest": {
|
|
6
6
|
"moduleNameMapper": {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@astral/icons": "^0.
|
|
11
|
+
"@astral/icons": "^0.14.0",
|
|
12
12
|
"@emotion/cache": "11.7.1",
|
|
13
13
|
"@emotion/react": "11.8.1",
|
|
14
14
|
"@emotion/server": "11.4.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SideBar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SideBar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SideBar';
|