@selfcommunity/react-ui 0.8.0-alpha.29 → 0.8.0-alpha.30

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.
Files changed (4) hide show
  1. package/lib/cjs/components/NavigationMenuIconButton/NavigationMenuDrawer.js +6 -6
  2. package/lib/esm/components/NavigationMenuIconButton/NavigationMenuDrawer.js +6 -6
  3. package/lib/umd/react-ui.js +1 -1
  4. package/package.json +2 -2
package/lib/cjs/components/NavigationMenuIconButton/NavigationMenuDrawer.js CHANGED
@@ -32,26 +32,26 @@ function NavigationMenuDrawer(inProps) {
32
32
  props: inProps,
33
33
  name: PREFIX
34
34
  });
35
- const { className = null, drawerHeaderContent = (0, jsx_runtime_1.jsx)(DefaultHeaderContent_1.default, {}), drawerContent = (0, jsx_runtime_1.jsx)(DefaultDrawerContent_1.default, {}), ScrollContainerProps = {}, handleOnClose, showDrawerHeader = true } = props, rest = tslib_1.__rest(props, ["className", "drawerHeaderContent", "drawerContent", "ScrollContainerProps", "handleOnClose", "showDrawerHeader"]);
35
+ const { className = null, open, drawerHeaderContent = (0, jsx_runtime_1.jsx)(DefaultHeaderContent_1.default, {}), drawerContent = (0, jsx_runtime_1.jsx)(DefaultDrawerContent_1.default, {}), ScrollContainerProps = {}, handleOnClose, showDrawerHeader = true } = props, rest = tslib_1.__rest(props, ["className", "open", "drawerHeaderContent", "drawerContent", "ScrollContainerProps", "handleOnClose", "showDrawerHeader"]);
36
36
  // REFS
37
37
  const refreshSubscription = (0, react_1.useRef)(null);
38
- const [open, setOpen] = (0, react_1.useState)(props.open);
38
+ const [isDrawerOpen, setIsDrawerOpen] = (0, react_1.useState)(open);
39
39
  // HANDLERS
40
40
  const onClose = (0, react_1.useCallback)(() => {
41
41
  if (handleOnClose) {
42
42
  handleOnClose();
43
43
  }
44
44
  else {
45
- setOpen(false);
45
+ setIsDrawerOpen(false);
46
46
  }
47
47
  }, [open]);
48
48
  // Subscriber for pubsub callback
49
49
  const subscriber = (0, react_1.useCallback)((msg, data) => {
50
50
  if (msg === `${PubSub_1.SCTopicType.LAYOUT}.${PubSub_1.SCLayoutEventType.TOGGLE_DRAWER}`) {
51
- setOpen(!open);
51
+ setIsDrawerOpen(!open);
52
52
  }
53
53
  else if (msg === `${PubSub_1.SCTopicType.LAYOUT}.${PubSub_1.SCLayoutEventType.SET_DRAWER}`) {
54
- setOpen(data.open);
54
+ setIsDrawerOpen(data.open);
55
55
  }
56
56
  }, [open]);
57
57
  /**
@@ -63,6 +63,6 @@ function NavigationMenuDrawer(inProps) {
63
63
  pubsub_js_1.default.unsubscribe(refreshSubscription.current);
64
64
  };
65
65
  }, [subscriber]);
66
- return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ anchor: "left", className: (0, classnames_1.default)(classes.root, className), open: open, onClose: onClose }, rest, { children: [showDrawerHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.drawerHeader }, { children: [drawerHeaderContent, (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.drawerHeaderAction, onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "close" }) }))] })), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })), (0, jsx_runtime_1.jsx)(ScrollContainer_1.default, Object.assign({}, ScrollContainerProps, { children: (0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ className: classes.drawerContent, onClick: onClose }, { children: drawerContent })) }))] })));
66
+ return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ anchor: "left", className: (0, classnames_1.default)(classes.root, className), open: isDrawerOpen, onClose: onClose }, rest, { children: [showDrawerHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.drawerHeader }, { children: [drawerHeaderContent, (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.drawerHeaderAction, onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "close" }) }))] })), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })), (0, jsx_runtime_1.jsx)(ScrollContainer_1.default, Object.assign({}, ScrollContainerProps, { children: (0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ className: classes.drawerContent, onClick: onClose }, { children: drawerContent })) }))] })));
67
67
  }
68
68
  exports.default = NavigationMenuDrawer;
package/lib/esm/components/NavigationMenuIconButton/NavigationMenuDrawer.js CHANGED
@@ -30,26 +30,26 @@ export default function NavigationMenuDrawer(inProps) {
30
30
  props: inProps,
31
31
  name: PREFIX
32
32
  });
33
- const { className = null, drawerHeaderContent = _jsx(DefaultHeaderContent, {}), drawerContent = _jsx(DefaultDrawerContent, {}), ScrollContainerProps = {}, handleOnClose, showDrawerHeader = true } = props, rest = __rest(props, ["className", "drawerHeaderContent", "drawerContent", "ScrollContainerProps", "handleOnClose", "showDrawerHeader"]);
33
+ const { className = null, open, drawerHeaderContent = _jsx(DefaultHeaderContent, {}), drawerContent = _jsx(DefaultDrawerContent, {}), ScrollContainerProps = {}, handleOnClose, showDrawerHeader = true } = props, rest = __rest(props, ["className", "open", "drawerHeaderContent", "drawerContent", "ScrollContainerProps", "handleOnClose", "showDrawerHeader"]);
34
34
  // REFS
35
35
  const refreshSubscription = useRef(null);
36
- const [open, setOpen] = useState(props.open);
36
+ const [isDrawerOpen, setIsDrawerOpen] = useState(open);
37
37
  // HANDLERS
38
38
  const onClose = useCallback(() => {
39
39
  if (handleOnClose) {
40
40
  handleOnClose();
41
41
  }
42
42
  else {
43
- setOpen(false);
43
+ setIsDrawerOpen(false);
44
44
  }
45
45
  }, [open]);
46
46
  // Subscriber for pubsub callback
47
47
  const subscriber = useCallback((msg, data) => {
48
48
  if (msg === `${SCTopicType.LAYOUT}.${SCLayoutEventType.TOGGLE_DRAWER}`) {
49
- setOpen(!open);
49
+ setIsDrawerOpen(!open);
50
50
  }
51
51
  else if (msg === `${SCTopicType.LAYOUT}.${SCLayoutEventType.SET_DRAWER}`) {
52
- setOpen(data.open);
52
+ setIsDrawerOpen(data.open);
53
53
  }
54
54
  }, [open]);
55
55
  /**
@@ -61,5 +61,5 @@ export default function NavigationMenuDrawer(inProps) {
61
61
  PubSub.unsubscribe(refreshSubscription.current);
62
62
  };
63
63
  }, [subscriber]);
64
- return (_jsxs(Root, Object.assign({ anchor: "left", className: classNames(classes.root, className), open: open, onClose: onClose }, rest, { children: [showDrawerHeader && (_jsxs(_Fragment, { children: [_jsxs(Box, Object.assign({ className: classes.drawerHeader }, { children: [drawerHeaderContent, _jsx(IconButton, Object.assign({ className: classes.drawerHeaderAction, onClick: onClose }, { children: _jsx(Icon, { children: "close" }) }))] })), _jsx(Divider, {})] })), _jsx(ScrollContainer, Object.assign({}, ScrollContainerProps, { children: _jsx(List, Object.assign({ className: classes.drawerContent, onClick: onClose }, { children: drawerContent })) }))] })));
64
+ return (_jsxs(Root, Object.assign({ anchor: "left", className: classNames(classes.root, className), open: isDrawerOpen, onClose: onClose }, rest, { children: [showDrawerHeader && (_jsxs(_Fragment, { children: [_jsxs(Box, Object.assign({ className: classes.drawerHeader }, { children: [drawerHeaderContent, _jsx(IconButton, Object.assign({ className: classes.drawerHeaderAction, onClick: onClose }, { children: _jsx(Icon, { children: "close" }) }))] })), _jsx(Divider, {})] })), _jsx(ScrollContainer, Object.assign({}, ScrollContainerProps, { children: _jsx(List, Object.assign({ className: classes.drawerContent, onClick: onClose }, { children: drawerContent })) }))] })));
65
65
  }