@dgui/react-web-material-bars 1.8.4 → 1.8.5
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/cjs/AppBar.js +20 -15
- package/dist/cjs/AppBar.js.map +1 -1
- package/dist/cjs/DrawerBar.js +18 -13
- package/dist/cjs/DrawerBar.js.map +1 -1
- package/dist/cjs/DrawerToggle.js +16 -11
- package/dist/cjs/DrawerToggle.js.map +1 -1
- package/dist/cjs/Tab.js +9 -4
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Tabs.js +15 -10
- package/dist/cjs/Tabs.js.map +1 -1
- package/dist/cjs/index.js +12 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/renderScene.js +9 -4
- package/dist/cjs/renderScene.js.map +1 -1
- package/package.json +12 -12
package/dist/cjs/AppBar.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const DrawerToggle_1 = __importDefault(require("./DrawerToggle"));
|
|
8
|
+
const Tabs_1 = __importDefault(require("./Tabs"));
|
|
9
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
10
|
+
const react_web_1 = require("@dgui/react-web");
|
|
11
|
+
const react_1 = require("react");
|
|
7
12
|
const styles = {
|
|
8
13
|
appBar: {
|
|
9
14
|
alignItems: 'center',
|
|
@@ -16,7 +21,7 @@ const styles = {
|
|
|
16
21
|
}
|
|
17
22
|
};
|
|
18
23
|
const AppBar = ({ appBarStyle: givenAppBarStyle, children, icon, tabBarStyle, ...props }) => {
|
|
19
|
-
const appBarStyle = useMemo(() => {
|
|
24
|
+
const appBarStyle = (0, react_1.useMemo)(() => {
|
|
20
25
|
return {
|
|
21
26
|
...styles['appBar'],
|
|
22
27
|
...givenAppBarStyle
|
|
@@ -24,16 +29,16 @@ const AppBar = ({ appBarStyle: givenAppBarStyle, children, icon, tabBarStyle, ..
|
|
|
24
29
|
}, [
|
|
25
30
|
givenAppBarStyle
|
|
26
31
|
]);
|
|
27
|
-
const selectTab = useSelectTab();
|
|
28
|
-
const tabIndex = useTabIndex();
|
|
29
|
-
const handleSelectTab = useCallback((index) => {
|
|
32
|
+
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
33
|
+
const tabIndex = (0, react_shared_1.useTabIndex)();
|
|
34
|
+
const handleSelectTab = (0, react_1.useCallback)((index) => {
|
|
30
35
|
selectTab(index);
|
|
31
36
|
}, [
|
|
32
37
|
selectTab
|
|
33
38
|
]);
|
|
34
|
-
const tabOrder = useTabOrder();
|
|
35
|
-
const tabs = useTabs();
|
|
36
|
-
const routes = useMemo(() => {
|
|
39
|
+
const tabOrder = (0, react_shared_1.useTabOrder)();
|
|
40
|
+
const tabs = (0, react_shared_1.useTabs)();
|
|
41
|
+
const routes = (0, react_1.useMemo)(() => {
|
|
37
42
|
return tabOrder.map((tabId) => {
|
|
38
43
|
return {
|
|
39
44
|
accessibilityLabel: tabs[tabId]?.title ?? tabId,
|
|
@@ -46,7 +51,7 @@ const AppBar = ({ appBarStyle: givenAppBarStyle, children, icon, tabBarStyle, ..
|
|
|
46
51
|
tabOrder,
|
|
47
52
|
tabs
|
|
48
53
|
]);
|
|
49
|
-
return (
|
|
54
|
+
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, { icon: icon }), (0, jsx_runtime_1.jsx)(Tabs_1.default, { ...props, defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle }), children] }) }));
|
|
50
55
|
};
|
|
51
|
-
|
|
56
|
+
exports.default = AppBar;
|
|
52
57
|
//# sourceMappingURL=AppBar.js.map
|
package/dist/cjs/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,iCAMe;AAEf,MAAM,MAAM,GAER;IACF,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,iCAAiC;QAC5C,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF,MAAM,MAAM,GAAmC,CAAC,EAC9C,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAkB,IAAA,eAAO,EACxC,GAAG,EAAE;QACH,OAAO;YACL,GAAG,MAAM,CAAC,QAAQ,CAAC;YACnB,GAAG,gBAAgB;SACpB,CAAC;IACJ,CAAC,EACD;QACE,gBAAgB;KACjB,CACF,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CACE,KAAa,EACb,EAAE;QACF,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,EAAE;YACF,OAAO;gBACL,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK;gBAC/C,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK;aACnC,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,QAAQ;QACR,IAAI;KACL,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,gCAAoB,cACnB,iCACE,KAAK,EAAE,WAAW,aAElB,uBAAC,sBAAY,IACX,IAAI,EAAE,IAAI,GACV,EACF,uBAAC,cAAI,OACC,KAAK,EACT,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,GAClB,EACD,QAAQ,IACL,GACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
package/dist/cjs/DrawerBar.js
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Tabs_1 = __importDefault(require("./Tabs"));
|
|
8
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
+
const react_web_1 = require("@dgui/react-web");
|
|
10
|
+
const react_1 = require("react");
|
|
6
11
|
const styles = {
|
|
7
12
|
tabBar: {
|
|
8
13
|
backgroundColor: '#CCC',
|
|
@@ -11,16 +16,16 @@ const styles = {
|
|
|
11
16
|
}
|
|
12
17
|
};
|
|
13
18
|
const DrawerBar = () => {
|
|
14
|
-
const drawerIndex = useDrawerIndex();
|
|
15
|
-
const selectDrawer = useSelectDrawer();
|
|
16
|
-
const handleSelectDrawer = useCallback((tabIndex) => {
|
|
19
|
+
const drawerIndex = (0, react_shared_1.useDrawerIndex)();
|
|
20
|
+
const selectDrawer = (0, react_shared_1.useSelectDrawer)();
|
|
21
|
+
const handleSelectDrawer = (0, react_1.useCallback)((tabIndex) => {
|
|
17
22
|
selectDrawer(tabIndex);
|
|
18
23
|
}, [
|
|
19
24
|
selectDrawer
|
|
20
25
|
]);
|
|
21
|
-
const drawerOrder = useDrawerOrder();
|
|
22
|
-
const drawers = useDrawers();
|
|
23
|
-
const routes = useMemo(() => {
|
|
26
|
+
const drawerOrder = (0, react_shared_1.useDrawerOrder)();
|
|
27
|
+
const drawers = (0, react_shared_1.useDrawers)();
|
|
28
|
+
const routes = (0, react_1.useMemo)(() => {
|
|
24
29
|
return drawerOrder.map((drawerId) => {
|
|
25
30
|
return ({
|
|
26
31
|
key: drawerId,
|
|
@@ -31,7 +36,7 @@ const DrawerBar = () => {
|
|
|
31
36
|
drawerOrder,
|
|
32
37
|
drawers
|
|
33
38
|
]);
|
|
34
|
-
return (
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(react_web_1.ReactWebDigestDrawerBar, { children: (0, jsx_runtime_1.jsx)("div", { style: styles['tabBar'], children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { defaultIndex: drawerIndex, onSelectTab: handleSelectDrawer, routes: routes }) }) }));
|
|
35
40
|
};
|
|
36
|
-
|
|
41
|
+
exports.default = DrawerBar;
|
|
37
42
|
//# sourceMappingURL=DrawerBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../../src/DrawerBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerBar.js","sourceRoot":"","sources":["../../src/DrawerBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAK4B;AAC5B,+CAEyB;AACzB,iCAKe;AAEf,MAAM,MAAM,GAER;IACF,MAAM,EAAE;QACN,eAAe,EAAE,MAAM;QAEvB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;KACrB;CACF,CAAC;AAEF,MAAM,SAAS,GAAsC,GAAG,EAAE;IACxD,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CACE,QAAgB,EAChB,EAAE;QACF,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,OAAO,GAAG,IAAA,yBAAU,GAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,QAAQ,EACR,EAAE;YACF,OAAO,CACL;gBACE,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,QAAQ;aAC5C,CACF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,OAAO;KACR,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAuB,cACtB,gCACE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,YAEvB,uBAAC,cAAI,IACH,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACd,GACE,GACkB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
package/dist/cjs/DrawerToggle.js
CHANGED
|
@@ -1,25 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
8
|
+
const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
|
|
9
|
+
const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
10
|
+
const react_1 = require("react");
|
|
6
11
|
const styles = {
|
|
7
12
|
iconButton: {
|
|
8
13
|
margin: 0
|
|
9
14
|
}
|
|
10
15
|
};
|
|
11
16
|
const DrawerToggle = ({ icon: Icon }) => {
|
|
12
|
-
const toggleDrawer = useDrawerToggle();
|
|
13
|
-
const onClick = useCallback(() => {
|
|
17
|
+
const toggleDrawer = (0, react_shared_1.useDrawerToggle)();
|
|
18
|
+
const onClick = (0, react_1.useCallback)(() => {
|
|
14
19
|
if (toggleDrawer) {
|
|
15
20
|
toggleDrawer();
|
|
16
21
|
}
|
|
17
22
|
}, [
|
|
18
23
|
toggleDrawer
|
|
19
24
|
]);
|
|
20
|
-
return (
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(IconButton_1.default, { "aria-label": 'open drawer', onClick: onClick, style: styles['iconButton'], children: Icon ?
|
|
26
|
+
(0, jsx_runtime_1.jsx)(Icon, {}) :
|
|
27
|
+
(0, jsx_runtime_1.jsx)(Menu_1.default, {}) }));
|
|
23
28
|
};
|
|
24
|
-
|
|
29
|
+
exports.default = (0, react_1.memo)(DrawerToggle);
|
|
25
30
|
//# sourceMappingURL=DrawerToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../../src/DrawerToggle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerToggle.js","sourceRoot":"","sources":["../../src/DrawerToggle.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAE4B;AAC5B,oEAAgD;AAChD,0EAAkD;AAClD,iCAKe;AAEf,MAAM,MAAM,GAER;IACF,UAAU,EAAE;QACV,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,YAAY,GAAyC,CAAC,EAC1D,IAAI,EAAE,IAAI,EACX,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,GAAG,EAAE;QACH,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAU,kBACE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,YAGzB,IAAI,CAAC,CAAC;YACJ,uBAAC,IAAI,KAAG,CAAC,CAAC;YACV,uBAAC,cAAQ,KAAG,GAEL,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EACjB,YAAY,CACb,CAAC"}
|
package/dist/cjs/Tab.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Tab_1 = __importDefault(require("@mui/material/Tab"));
|
|
3
8
|
const Tab = ({ label, tabIndex, ...rest }) => {
|
|
4
|
-
return (
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(Tab_1.default, { label: label, style: {
|
|
5
10
|
height: '20px'
|
|
6
11
|
}, value: tabIndex, ...rest }));
|
|
7
12
|
};
|
|
8
|
-
|
|
13
|
+
exports.default = Tab;
|
|
9
14
|
//# sourceMappingURL=Tab.js.map
|
package/dist/cjs/Tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tab.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAE2B;AAM3B,MAAM,GAAG,GAAgC,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,aAAU,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAE,QAAQ,KACX,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
package/dist/cjs/Tabs.js
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const renderScene_1 = __importDefault(require("./renderScene"));
|
|
8
|
+
const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
|
|
9
|
+
const react_1 = require("react");
|
|
5
10
|
const { defaultTabStyle } = {
|
|
6
11
|
defaultTabStyle: {
|
|
7
12
|
flex: 1
|
|
8
13
|
}
|
|
9
14
|
};
|
|
10
15
|
const Tabs = ({ defaultIndex, onSelectTab, routes = [], style: givenStyle, ...props }) => {
|
|
11
|
-
const tabStyle = useMemo(() => {
|
|
16
|
+
const tabStyle = (0, react_1.useMemo)(() => {
|
|
12
17
|
return {
|
|
13
18
|
...defaultTabStyle,
|
|
14
19
|
...givenStyle
|
|
@@ -16,19 +21,19 @@ const Tabs = ({ defaultIndex, onSelectTab, routes = [], style: givenStyle, ...pr
|
|
|
16
21
|
}, [
|
|
17
22
|
givenStyle
|
|
18
23
|
]);
|
|
19
|
-
const handleWebSelectTab = useCallback((_event, tabIndex) => {
|
|
24
|
+
const handleWebSelectTab = (0, react_1.useCallback)((_event, tabIndex) => {
|
|
20
25
|
if (onSelectTab) {
|
|
21
26
|
onSelectTab(tabIndex);
|
|
22
27
|
}
|
|
23
28
|
}, [
|
|
24
29
|
onSelectTab
|
|
25
30
|
]);
|
|
26
|
-
const renderedScene = useMemo(() => {
|
|
27
|
-
return
|
|
31
|
+
const renderedScene = (0, react_1.useMemo)(() => {
|
|
32
|
+
return (0, renderScene_1.default)(routes);
|
|
28
33
|
}, [
|
|
29
34
|
routes
|
|
30
35
|
]);
|
|
31
|
-
return (
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(Tabs_1.default, { ...props, onChange: handleWebSelectTab, style: tabStyle, value: defaultIndex, children: renderedScene }));
|
|
32
37
|
};
|
|
33
|
-
|
|
38
|
+
exports.default = Tabs;
|
|
34
39
|
//# sourceMappingURL=Tabs.js.map
|
package/dist/cjs/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,iCAMe;AAEf,MAAM,EACJ,eAAe,EAChB,GAEG;IACF,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC;AAEF,MAAM,IAAI,GAAiC,CAAC,EAC1C,YAAY,EACZ,WAAW,EACX,MAAM,GAAG,EAAE,EACX,KAAK,EAAE,UAAU,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;QACH,OAAO;YACL,GAAG,eAAe;YAClB,GAAG,UAAU;SACd,CAAC;IACJ,CAAC,EACD;QACE,UAAU;KACX,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CACE,MAAsB,EACtB,QAAgB,EAChB,EAAE;QACF,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE;QACH,OAAO,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,cAAY,OACP,KAAK,EACT,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,YAAY,YAElB,aAAa,GACD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ReactWebMaterialTabs = exports.ReactWebMaterialDrawerBar = exports.ReactWebMaterialAppBar = void 0;
|
|
7
|
+
var AppBar_1 = require("./AppBar");
|
|
8
|
+
Object.defineProperty(exports, "ReactWebMaterialAppBar", { enumerable: true, get: function () { return __importDefault(AppBar_1).default; } });
|
|
9
|
+
var DrawerBar_1 = require("./DrawerBar");
|
|
10
|
+
Object.defineProperty(exports, "ReactWebMaterialDrawerBar", { enumerable: true, get: function () { return __importDefault(DrawerBar_1).default; } });
|
|
11
|
+
var Tabs_1 = require("./Tabs");
|
|
12
|
+
Object.defineProperty(exports, "ReactWebMaterialTabs", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
|
|
4
13
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAGkB;AAFhB,iIAAA,OAAO,OAA0B;AAGnC,yCAGqB;AAFnB,uIAAA,OAAO,OAA6B;AAGtC,+BAGgB;AAFd,6HAAA,OAAO,OAAwB"}
|
package/dist/cjs/renderScene.js
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Tab_1 = __importDefault(require("./Tab"));
|
|
3
8
|
const styles = {
|
|
4
9
|
tab: {
|
|
5
10
|
textTransform: 'initial'
|
|
6
11
|
}
|
|
7
12
|
};
|
|
8
|
-
|
|
13
|
+
exports.default = (routes) => {
|
|
9
14
|
return routes.map(({ key, title }, index) => {
|
|
10
|
-
return (
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(Tab_1.default, { label: title, style: styles['tab'], tabIndex: index }, key));
|
|
11
16
|
});
|
|
12
17
|
};
|
|
13
18
|
//# sourceMappingURL=renderScene.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderScene.js","sourceRoot":"","sources":["../../src/renderScene.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"renderScene.js","sourceRoot":"","sources":["../../src/renderScene.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAKxB,MAAM,MAAM,GAER;IACF,GAAG,EAAE;QACH,aAAa,EAAE,SAAS;KACzB;CACF,CAAC;AAEF,kBAAe,CACb,MAGE,EACF,EAAE;IACF,OAAO,MAAM,CAAC,GAAG,CACf,CACE,EACE,GAAG,EACH,KAAK,EACN,EACD,KAAK,EACL,EAAE;QACF,OAAO,CACL,uBAAC,aAAG,IAEF,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,KAAK,IAHV,GAAG,CAIR,CACH,CAAC;IACJ,CAAC,CACF,CAAC;AACJ,CAAC,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.8.
|
|
5
|
+
"version": "1.8.5",
|
|
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)",
|
|
@@ -45,20 +45,20 @@
|
|
|
45
45
|
"clean:dist": "rimraf dist"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@digest/eslint-config-jest": "^4.14.
|
|
49
|
-
"@digest/eslint-config-react": "^4.14.
|
|
50
|
-
"@digest/eslint-config-typescript": "^4.14.
|
|
51
|
-
"@digest/jest-junit": "^4.14.
|
|
52
|
-
"@digest/jest-react": "^4.14.
|
|
53
|
-
"@digest/jest-typescript": "^4.14.
|
|
54
|
-
"@digest/typescript": "^4.14.
|
|
48
|
+
"@digest/eslint-config-jest": "^4.14.16",
|
|
49
|
+
"@digest/eslint-config-react": "^4.14.16",
|
|
50
|
+
"@digest/eslint-config-typescript": "^4.14.16",
|
|
51
|
+
"@digest/jest-junit": "^4.14.16",
|
|
52
|
+
"@digest/jest-react": "^4.14.16",
|
|
53
|
+
"@digest/jest-typescript": "^4.14.16",
|
|
54
|
+
"@digest/typescript": "^4.14.16",
|
|
55
55
|
"@mui/icons-material": "^6.5.0",
|
|
56
56
|
"@mui/material": "^6.5.0",
|
|
57
57
|
"@types/jest": "^30.0.0",
|
|
58
58
|
"@types/react": "^19.2.14",
|
|
59
59
|
"@types/react-test-renderer": "^19.1.0",
|
|
60
60
|
"cross-env": "^10.1.0",
|
|
61
|
-
"jest-environment-jsdom": "^30.
|
|
61
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
62
62
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
63
63
|
"npm-run-all": "^4.1.5",
|
|
64
64
|
"react": "^19.2.4",
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
"rimraf": "^6.1.3"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@dgui/react-shared": "^1.8.
|
|
71
|
-
"@dgui/react-web": "^1.8.
|
|
70
|
+
"@dgui/react-shared": "^1.8.5",
|
|
71
|
+
"@dgui/react-web": "^1.8.5"
|
|
72
72
|
},
|
|
73
73
|
"peerDependencies": {
|
|
74
74
|
"@mui/material": "^6.0.0",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
"material",
|
|
86
86
|
"typescript"
|
|
87
87
|
],
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "cbce957f6788a84d0b93534464b0c03d07ef5a86"
|
|
89
89
|
}
|