@dgui/react-web-material-bars 1.8.3 → 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.
@@ -1,9 +1,14 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import DrawerToggle from './DrawerToggle';
3
- import Tabs from './Tabs';
4
- import { useSelectTab, useTabIndex, useTabOrder, useTabs } from '@dgui/react-shared';
5
- import { ReactWebDigestAppBar } from '@dgui/react-web';
6
- import { useCallback, useMemo } from 'react';
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 (_jsx(ReactWebDigestAppBar, { children: _jsxs("div", { style: appBarStyle, children: [_jsx(DrawerToggle, { icon: icon }), _jsx(Tabs, { ...props, defaultIndex: tabIndex, onSelectTab: handleSelectTab, routes: routes, style: tabBarStyle }), children] }) }));
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
- export default AppBar;
56
+ exports.default = AppBar;
52
57
  //# sourceMappingURL=AppBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/AppBar.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAIL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;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,OAAO,CACxC,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,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,KAAa,EACb,EAAE;QACF,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,MAAM,GAAG,OAAO,CACpB,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,KAAC,oBAAoB,cACnB,eACE,KAAK,EAAE,WAAW,aAElB,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,GACV,EACF,KAAC,IAAI,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,eAAe,MAAM,CAAC"}
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"}
@@ -1,8 +1,13 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import Tabs from './Tabs';
3
- import { useDrawerIndex, useDrawerOrder, useDrawers, useSelectDrawer } from '@dgui/react-shared';
4
- import { ReactWebDigestDrawerBar } from '@dgui/react-web';
5
- import { useCallback, useMemo } from 'react';
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 (_jsx(ReactWebDigestDrawerBar, { children: _jsx("div", { style: styles['tabBar'], children: _jsx(Tabs, { defaultIndex: drawerIndex, onSelectTab: handleSelectDrawer, routes: routes }) }) }));
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
- export default DrawerBar;
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":";AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAGL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;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,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CACE,QAAgB,EAChB,EAAE;QACF,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,OAAO,CACpB,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,KAAC,uBAAuB,cACtB,cACE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,YAEvB,KAAC,IAAI,IACH,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,GACd,GACE,GACkB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
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"}
@@ -1,25 +1,30 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useDrawerToggle } from '@dgui/react-shared';
3
- import MenuIcon from '@mui/icons-material/Menu';
4
- import IconButton from '@mui/material/IconButton';
5
- import { memo, useCallback } from 'react';
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 (_jsx(IconButton, { "aria-label": 'open drawer', onClick: onClick, style: styles['iconButton'], children: Icon ?
21
- _jsx(Icon, {}) :
22
- _jsx(MenuIcon, {}) }));
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
- export default memo(DrawerToggle);
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":";AAAA,OAAO,EACL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAGL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;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,eAAe,EAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,WAAW,CACzB,GAAG,EAAE;QACH,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,kBACE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,YAGzB,IAAI,CAAC,CAAC;YACJ,KAAC,IAAI,KAAG,CAAC,CAAC;YACV,KAAC,QAAQ,KAAG,GAEL,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import GenericTab from '@mui/material/Tab';
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 (_jsx(GenericTab, { label: label, style: {
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
- export default Tab;
13
+ exports.default = Tab;
9
14
  //# sourceMappingURL=Tab.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tab.tsx"],"names":[],"mappings":";AAAA,OAAO,UAEN,MAAM,mBAAmB,CAAC;AAM3B,MAAM,GAAG,GAAgC,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,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,eAAe,GAAG,CAAC"}
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import renderScene from './renderScene';
3
- import MaterialTabs from '@mui/material/Tabs';
4
- import { useCallback, useMemo } from 'react';
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 renderScene(routes);
31
+ const renderedScene = (0, react_1.useMemo)(() => {
32
+ return (0, renderScene_1.default)(routes);
28
33
  }, [
29
34
  routes
30
35
  ]);
31
- return (_jsx(MaterialTabs, { ...props, onChange: handleWebSelectTab, style: tabStyle, value: defaultIndex, children: renderedScene }));
36
+ return ((0, jsx_runtime_1.jsx)(Tabs_1.default, { ...props, onChange: handleWebSelectTab, style: tabStyle, value: defaultIndex, children: renderedScene }));
32
37
  };
33
- export default Tabs;
38
+ exports.default = Tabs;
34
39
  //# sourceMappingURL=Tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAEN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAIL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;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,OAAO,CACtB,GAAG,EAAE;QACH,OAAO;YACL,GAAG,eAAe;YAClB,GAAG,UAAU;SACd,CAAC;IACJ,CAAC,EACD;QACE,UAAU;KACX,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,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,OAAO,CAC3B,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,OACP,KAAK,EACT,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,YAAY,YAElB,aAAa,GACD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
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
- export { default as ReactWebMaterialAppBar } from './AppBar';
2
- export { default as ReactWebMaterialDrawerBar } from './DrawerBar';
3
- export { default as ReactWebMaterialTabs } from './Tabs';
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
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,sBAAsB,EAElC,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,OAAO,IAAI,yBAAyB,EAErC,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,OAAO,IAAI,oBAAoB,EAEhC,MAAM,QAAQ,CAAC"}
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"}
@@ -1,13 +1,18 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import Tab from './Tab';
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
- export default (routes) => {
13
+ exports.default = (routes) => {
9
14
  return routes.map(({ key, title }, index) => {
10
- return (_jsx(Tab, { label: title, style: styles['tab'], tabIndex: index }, key));
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":";AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AAKxB,MAAM,MAAM,GAER;IACF,GAAG,EAAE;QACH,aAAa,EAAE,SAAS;KACzB;CACF,CAAC;AAEF,eAAe,CACb,MAGE,EACF,EAAE;IACF,OAAO,MAAM,CAAC,GAAG,CACf,CACE,EACE,GAAG,EACH,KAAK,EACN,EACD,KAAK,EACL,EAAE;QACF,OAAO,CACL,KAAC,GAAG,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"}
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.3",
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.14",
49
- "@digest/eslint-config-react": "^4.14.14",
50
- "@digest/eslint-config-typescript": "^4.14.14",
51
- "@digest/jest-junit": "^4.14.14",
52
- "@digest/jest-react": "^4.14.14",
53
- "@digest/jest-typescript": "^4.14.14",
54
- "@digest/typescript": "^4.14.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.2.0",
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.3",
71
- "@dgui/react-web": "^1.8.3"
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": "c40f5763e568ce7bd36518a97361ece8d730c330"
88
+ "gitHead": "cbce957f6788a84d0b93534464b0c03d07ef5a86"
89
89
  }