@itcase/ui 1.1.5 → 1.1.7

package/dist/SiteMenuButton-DE_hCJUV.js

@@ -0,0 +1,181 @@
+import React__default, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { useSiteMenuContext } from './context/UIContext.js';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { Icon } from './components/Icon.js';
+import { T as Text } from './Text-DffpwlYq.js';
+
+function SiteMenu(props) {
+  const {
+    children,
+    className,
+    closeText,
+    closeTextSize,
+    closeTextColor,
+    closeTextColorHover,
+    onClose,
+    iconCloseFill,
+    iconCloseSize,
+    iconCloseBgFill,
+    iconCloseStroke,
+    iconClose
+  } = props;
+  const {
+    isSiteMenuOpen,
+    setIsSiteMenuOpen
+  } = useSiteMenuContext();
+  const onClickClose = useCallback(event => {
+    setIsSiteMenuOpen(false);
+    onClose && onClose(event);
+  }, [onClose]);
+  const fillClass = useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+
+  // TODO: dont delete!
+  // const onClickHeaderLink = useCallback((event) => {
+  //   // simulate a click on a link
+  //   event.stopPropagation()
+  //   event.preventDefault()
+
+  //   // save anchor in history
+  //   history.pushState(
+  //     location.href,
+  //     event.target.getAttribute('href'),
+  //     `${location.origin}/${event.target.getAttribute('href')}`
+  //   )
+
+  //   // scroll to anchor
+  //   document.querySelector(event.target.getAttribute('href')).scrollIntoView({
+  //     behavior: 'smooth',
+  //   })
+  // }, [])
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'site-menu', fillClass, isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden')
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "site-menu__wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "site-menu__close"
+  }, iconClose ? /*#__PURE__*/React__default.createElement(Icon, {
+    fill: iconCloseFill,
+    size: iconCloseSize,
+    bgFill: iconCloseBgFill,
+    stroke: iconCloseStroke,
+    SvgImage: iconClose,
+    onClick: onClickClose
+  }) : /*#__PURE__*/React__default.createElement(Text, {
+    size: closeTextSize,
+    textColor: closeTextColor,
+    textColorHover: closeTextColorHover,
+    onClick: onClickClose
+  }, closeText)), /*#__PURE__*/React__default.createElement("div", {
+    className: "site-menu__items"
+  }, children)));
+}
+SiteMenu.propTypes = {
+  children: PropTypes.any,
+  close: PropTypes.any,
+  isOpen: PropTypes.bool,
+  onClose: PropTypes.func
+};
+SiteMenu.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "SiteMenu",
+  "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "close": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "isOpen": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
+    "onClose": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    }
+  }
+};
+
+function SiteMenuButton(props) {
+  const {
+    className,
+    onClick,
+    children,
+    text
+  } = props;
+  const {
+    setIsSiteMenuOpen
+  } = useSiteMenuContext();
+  const onClickButton = useCallback(event => {
+    setIsSiteMenuOpen(true);
+    onClick && onClick(event);
+  }, []);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'site-menu__button'),
+    onClick: onClickButton
+  }, children || text);
+}
+SiteMenuButton.propTypes = {
+  children: PropTypes.any,
+  className: PropTypes.string,
+  text: PropTypes.string,
+  onClick: PropTypes.func
+};
+SiteMenuButton.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "SiteMenuButton",
+  "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "text": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "onClick": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    }
+  }
+};
+
+export { SiteMenu as S, SiteMenuButton as a };