@itcase/ui 1.1.6 → 1.1.8

package/dist/components/SiteMenu.js

@@ -1,221 +1,33 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var UIContext = require('../context/UIContext.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var index = require('./Icon.js');
-var index$1 = require('./Text.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function SiteMenu(props) {
-  const {
-    children,
-    className,
-    closeText,
-    closeTextSize,
-    closeTextColor,
-    closeTextColorHover,
-    onClose,
-    iconCloseFill,
-    iconCloseSize,
-    iconCloseBgFill,
-    iconCloseStroke,
-    iconClose
-  } = props;
-  const {
-    isSiteMenuOpen,
-    setIsSiteMenuOpen
-  } = UIContext.useSiteMenuContext();
-  const onClickClose = React.useCallback(event => {
-    setIsSiteMenuOpen(false);
-    onClose && onClose(event);
-  }, [onClose]);
-  const fillClass = useDeviceTargetClass.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.default.createElement("div", {
-    className: clsx__default.default(className, 'site-menu', fillClass, isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden')
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "site-menu__wrapper"
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "site-menu__close"
-  }, iconClose ? /*#__PURE__*/React__default.default.createElement(index.Icon, {
-    fill: iconCloseFill,
-    size: iconCloseSize,
-    bgFill: iconCloseBgFill,
-    stroke: iconCloseStroke,
-    SvgImage: iconClose,
-    onClick: onClickClose
-  }) : /*#__PURE__*/React__default.default.createElement(index$1.Text, {
-    size: closeTextSize,
-    textColor: closeTextColor,
-    textColorHover: closeTextColorHover,
-    onClick: onClickClose
-  }, closeText)), /*#__PURE__*/React__default.default.createElement("div", {
-    className: "site-menu__items"
-  }, children)));
-}
-SiteMenu.propTypes = {
-  children: PropTypes__default.default.any,
-  close: PropTypes__default.default.any,
-  isOpen: PropTypes__default.default.bool,
-  onClose: PropTypes__default.default.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
-  } = UIContext.useSiteMenuContext();
-  const onClickButton = React.useCallback(event => {
-    setIsSiteMenuOpen(true);
-    onClick && onClick(event);
-  }, []);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'site-menu__button'),
-    onClick: onClickButton
-  }, children || text);
-}
-SiteMenuButton.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  text: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.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
-    }
-  }
-};
-
-exports.SiteMenu = SiteMenu;
-exports.SiteMenuButton = SiteMenuButton;
+export { S as SiteMenu, a as SiteMenuButton } from '../SiteMenuButton-BFmti8pF.js';
+import 'react';
+import 'prop-types';
+import 'clsx';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import 'react-inlinesvg';
+import './Tooltip.js';
+import '../Text-BcGbRc14.js';
+import './Title.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/shape.js';