@dgui/react-web-material-bars 1.4.0-next.1 → 1.4.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/dist/AppBar.d.ts +5 -2
- package/dist/AppBar.js +22 -5
- package/dist/AppBar.js.map +1 -1
- package/dist/Tabs.d.ts +2 -2
- package/dist/Tabs.js +29 -2
- package/dist/Tabs.js.map +1 -1
- package/package.json +11 -11
package/dist/AppBar.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { type FunctionComponent } from 'react';
|
|
1
|
+
import { type CSSProperties, type FunctionComponent, type PropsWithChildren } from 'react';
|
|
2
2
|
declare const AppBar: FunctionComponent<AppBarProps>;
|
|
3
3
|
export default AppBar;
|
|
4
|
-
export type AppBarProps = {
|
|
4
|
+
export type AppBarProps = PropsWithChildren<{
|
|
5
|
+
readonly appBarStyle?: CSSProperties;
|
|
6
|
+
readonly tabBarStyle?: CSSProperties;
|
|
7
|
+
}>;
|
package/dist/AppBar.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -10,7 +21,7 @@ const react_shared_1 = require("@dgui/react-shared");
|
|
|
10
21
|
const react_web_1 = require("@dgui/react-web");
|
|
11
22
|
const react_1 = require("react");
|
|
12
23
|
const styles = {
|
|
13
|
-
|
|
24
|
+
appBar: {
|
|
14
25
|
alignItems: 'center',
|
|
15
26
|
backgroundColor: '#CCC',
|
|
16
27
|
display: 'flex',
|
|
@@ -19,7 +30,13 @@ const styles = {
|
|
|
19
30
|
zIndex: 2
|
|
20
31
|
}
|
|
21
32
|
};
|
|
22
|
-
const AppBar = () => {
|
|
33
|
+
const AppBar = (_a) => {
|
|
34
|
+
var { appBarStyle: givenAppBarStyle, children, tabBarStyle } = _a, props = __rest(_a, ["appBarStyle", "children", "tabBarStyle"]);
|
|
35
|
+
const appBarStyle = (0, react_1.useMemo)(() => {
|
|
36
|
+
return Object.assign(Object.assign({}, styles.appBar), givenAppBarStyle);
|
|
37
|
+
}, [
|
|
38
|
+
givenAppBarStyle
|
|
39
|
+
]);
|
|
23
40
|
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
24
41
|
const tabIndex = (0, react_shared_1.useTabIndex)();
|
|
25
42
|
const handleSelectTab = (0, react_1.useCallback)((index) => {
|
|
@@ -32,18 +49,18 @@ const AppBar = () => {
|
|
|
32
49
|
const routes = (0, react_1.useMemo)(() => {
|
|
33
50
|
return tabOrder.map((tabId) => {
|
|
34
51
|
var _a, _b, _c, _d;
|
|
35
|
-
return
|
|
52
|
+
return {
|
|
36
53
|
accessibilityLabel: (_b = (_a = tabs[tabId]) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : tabId,
|
|
37
54
|
icon: undefined,
|
|
38
55
|
key: tabId,
|
|
39
56
|
title: (_d = (_c = tabs[tabId]) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : tabId
|
|
40
|
-
}
|
|
57
|
+
};
|
|
41
58
|
});
|
|
42
59
|
}, [
|
|
43
60
|
tabOrder,
|
|
44
61
|
tabs
|
|
45
62
|
]);
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(react_web_1.ReactWebDigestAppBar, { children: (0, jsx_runtime_1.jsxs)("div", { style:
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)(react_web_1.ReactWebDigestAppBar, { children: (0, jsx_runtime_1.jsxs)("div", { style: appBarStyle, children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, {}), (0, jsx_runtime_1.jsx)(Tabs_1.default, Object.assign({}, props, { defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle })), children] }) }));
|
|
47
64
|
};
|
|
48
65
|
exports.default = AppBar;
|
|
49
66
|
//# sourceMappingURL=AppBar.js.map
|
package/dist/AppBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../src/AppBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../src/AppBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kEAA0C;AAC1C,kDAA0B;AAC1B,qDAK4B;AAC5B,+CAEyB;AACzB,iCAOe;AAEf,MAAM,MAAM,GAER;IACH,MAAM,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACT;CACD,CAAC;AAEF,MAAM,MAAM,GAAmC,CAAC,EAK/C,EAAE,EAAE;QAL2C,EAC/C,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,WAAW,OAEX,EADG,KAAK,cAJuC,0CAK/C,CADQ;IAER,MAAM,WAAW,GAAkB,IAAA,eAAO,EACzC,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,MAAM,GACb,gBAAgB,EAClB;IACH,CAAC,EACD;QACC,gBAAgB;KAChB,CACD,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,CACC,KAAa,EACZ,EAAE;QACH,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD;QACC,SAAS;KACT,CACD,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,QAAQ,CAAC,GAAG,CAClB,CACC,KAAK,EACJ,EAAE;;YACH,OAAO;gBACN,kBAAkB,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,0CAAE,KAAK,mCAAI,KAAK;gBAC/C,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,0CAAE,KAAK,mCAAI,KAAK;aAClC,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,QAAQ;QACR,IAAI;KACJ,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,gCAAoB,cACpB,iCACC,KAAK,EAAE,WAAW,aAElB,uBAAC,sBAAY,KAAG,EAChB,uBAAC,cAAI,oBACA,KAAK,IACT,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,IACjB,EACD,QAAQ,IACJ,GACgB,CACvB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
package/dist/Tabs.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { type TabsProps as
|
|
1
|
+
import { type TabsProps as MaterialTabsProps } from '@mui/material/Tabs';
|
|
2
2
|
import { type FunctionComponent } from 'react';
|
|
3
3
|
declare const Tabs: FunctionComponent<TabsProps>;
|
|
4
4
|
export default Tabs;
|
|
5
|
-
export type TabsProps =
|
|
5
|
+
export type TabsProps = MaterialTabsProps & {
|
|
6
6
|
readonly defaultIndex: number;
|
|
7
7
|
readonly onSelectTab?: (tabIndex: number) => void;
|
|
8
8
|
readonly routes?: Array<{
|
package/dist/Tabs.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -7,7 +18,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
7
18
|
const renderScene_1 = __importDefault(require("./renderScene"));
|
|
8
19
|
const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
|
|
9
20
|
const react_1 = require("react");
|
|
10
|
-
const
|
|
21
|
+
const styles = {
|
|
22
|
+
tabs: {
|
|
23
|
+
flex: 1
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
const Tabs = (_a) => {
|
|
27
|
+
var { defaultIndex, onSelectTab, routes = [], style } = _a, props = __rest(_a, ["defaultIndex", "onSelectTab", "routes", "style"]);
|
|
28
|
+
const tabStyle = (0, react_1.useMemo)(() => {
|
|
29
|
+
return Object.assign(Object.assign({}, styles.tabs), style);
|
|
30
|
+
}, [
|
|
31
|
+
style
|
|
32
|
+
]);
|
|
11
33
|
const handleWebSelectTab = (0, react_1.useCallback)((event, tabIndex) => {
|
|
12
34
|
if (onSelectTab) {
|
|
13
35
|
onSelectTab(tabIndex);
|
|
@@ -15,7 +37,12 @@ const Tabs = ({ defaultIndex, onSelectTab, routes = [] }) => {
|
|
|
15
37
|
}, [
|
|
16
38
|
onSelectTab
|
|
17
39
|
]);
|
|
18
|
-
|
|
40
|
+
const renderedScene = (0, react_1.useMemo)(() => {
|
|
41
|
+
return (0, renderScene_1.default)(routes);
|
|
42
|
+
}, [
|
|
43
|
+
routes
|
|
44
|
+
]);
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(Tabs_1.default, Object.assign({}, props, { onChange: handleWebSelectTab, style: tabStyle, value: defaultIndex, children: renderedScene })));
|
|
19
46
|
};
|
|
20
47
|
exports.default = Tabs;
|
|
21
48
|
//# sourceMappingURL=Tabs.js.map
|
package/dist/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gEAAwC;AACxC,8DAE4B;AAC5B,iCAOe;AAEf,MAAM,MAAM,GAER;IACH,IAAI,EAAE;QACL,IAAI,EAAE,CAAC;KACP;CACD,CAAC;AAEF,MAAM,IAAI,GAAiC,CAAC,EAM3C,EAAE,EAAE;QANuC,EAC3C,YAAY,EACZ,WAAW,EACX,MAAM,GAAG,EAAE,EACX,KAAK,OAEL,EADG,KAAK,cALmC,kDAM3C,CADQ;IAER,MAAM,QAAQ,GAAkB,IAAA,eAAO,EACtC,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,IAAI,GACX,KAAK,EACP;IACH,CAAC,EACD;QACC,KAAK;KACL,CACD,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACrC,CACC,KAAqB,EACrB,QAAgB,EACf,EAAE;QACH,IAAI,WAAW,EAAE,CAAC;YACjB,WAAW,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC;IACF,CAAC,EACD;QACC,WAAW;KACX,CACD,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE;QACJ,OAAO,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EACD;QACC,MAAM;KACN,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,cAAY,oBACR,KAAK,IACT,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,YAAY,YAElB,aAAa,IACA,CACf,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dgui/react-web-material-bars",
|
|
3
3
|
"title": "Digested React GUI Shared Web Material Bars",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "1.4.0
|
|
5
|
+
"version": "1.4.0",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "Shared Web Material Bars (AppBar & DrawerBar) and supporting components for @dgui",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -42,13 +42,13 @@
|
|
|
42
42
|
"clean:dist": "rimraf dist"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@digest/eslint-config-jest": "^4.4.
|
|
46
|
-
"@digest/eslint-config-react": "^4.4.
|
|
47
|
-
"@digest/eslint-config-typescript": "^4.4.
|
|
48
|
-
"@digest/jest-junit": "^4.4.
|
|
49
|
-
"@digest/jest-react": "^4.4.
|
|
50
|
-
"@digest/jest-typescript": "^4.4.
|
|
51
|
-
"@digest/typescript": "^4.4.
|
|
45
|
+
"@digest/eslint-config-jest": "^4.4.3",
|
|
46
|
+
"@digest/eslint-config-react": "^4.4.3",
|
|
47
|
+
"@digest/eslint-config-typescript": "^4.4.3",
|
|
48
|
+
"@digest/jest-junit": "^4.4.3",
|
|
49
|
+
"@digest/jest-react": "^4.4.3",
|
|
50
|
+
"@digest/jest-typescript": "^4.4.3",
|
|
51
|
+
"@digest/typescript": "^4.4.3",
|
|
52
52
|
"@mui/icons-material": "^5.15.19",
|
|
53
53
|
"@mui/material": "^5.15.19",
|
|
54
54
|
"@types/jest": "^29.5.12",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"rimraf": "^5.0.7"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@dgui/react-shared": "^1.4.0
|
|
68
|
-
"@dgui/react-web": "^1.4.0
|
|
67
|
+
"@dgui/react-shared": "^1.4.0",
|
|
68
|
+
"@dgui/react-web": "^1.4.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"@mui/material": "^5.0.0",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"material",
|
|
83
83
|
"typescript"
|
|
84
84
|
],
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "e50ff290a20c404c1242bcc9f460a9519809d931"
|
|
86
86
|
}
|