@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Divider.js

@@ -1,92 +1,84 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var size = require('../constants/componentProps/size.js');
-var direction = require('../constants/componentProps/direction.js');
-var width = require('../constants/componentProps/width.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import fillProps from '../constants/componentProps/fill.js';
+import sizeProps from '../constants/componentProps/size.js';
+import directionProps from '../constants/componentProps/direction.js';
+import widthProps from '../constants/componentProps/width.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
 
 function Divider(props) {
   const {
     className
   } = props;
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const directionClass = useDeviceTargetClass(props, {
     prefix: 'divider_direction_',
     propsKey: 'direction'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  const fillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillActiveClass = useDeviceTargetClass(props, {
     prefix: 'fill_active_',
     propsKey: 'fillActive'
   });
-  const fillActiveHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillActiveHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_active_hover_',
     propsKey: 'fillActiveHover'
   });
-  const fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'fillDisabled'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'divider_size_',
     propsKey: 'size'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
   const {
     styles: hrStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("hr", {
-    className: clsx__default.default(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("hr", {
+    className: clsx(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass),
     style: hrStyles
   });
 }
 Divider.propTypes = {
-  direction: PropTypes__default.default.oneOf(direction.default),
-  directionDesktop: PropTypes__default.default.oneOf(direction.default),
-  directionMobile: PropTypes__default.default.oneOf(direction.default),
-  directionTablet: PropTypes__default.default.oneOf(direction.default),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  size: PropTypes__default.default.oneOf(size.default),
-  sizeDesktop: PropTypes__default.default.oneOf(size.default),
-  sizeMobile: PropTypes__default.default.oneOf(size.default),
-  sizeTablet: PropTypes__default.default.oneOf(size.default),
-  width: PropTypes__default.default.oneOf(width.default),
-  widthMobile: PropTypes__default.default.oneOf(width.default),
-  widthTablet: PropTypes__default.default.oneOf(width.default),
-  widthDesktop: PropTypes__default.default.oneOf(width.default)
+  direction: PropTypes.oneOf(directionProps),
+  directionDesktop: PropTypes.oneOf(directionProps),
+  directionMobile: PropTypes.oneOf(directionProps),
+  directionTablet: PropTypes.oneOf(directionProps),
+  children: PropTypes.any,
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  size: PropTypes.oneOf(sizeProps),
+  sizeDesktop: PropTypes.oneOf(sizeProps),
+  sizeMobile: PropTypes.oneOf(sizeProps),
+  sizeTablet: PropTypes.oneOf(sizeProps),
+  width: PropTypes.oneOf(widthProps),
+  widthMobile: PropTypes.oneOf(widthProps),
+  widthTablet: PropTypes.oneOf(widthProps),
+  widthDesktop: PropTypes.oneOf(widthProps)
 };
 Divider.__docgenInfo = {
   "description": "",
@@ -254,4 +246,4 @@ Divider.__docgenInfo = {
   }
 };
 
-exports.Divider = Divider;
+export { Divider };

package/dist/components/Dot.js

@@ -1,68 +1,60 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var borderType = require('../constants/componentProps/borderType.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import borderTypeProps from '../constants/componentProps/borderType.js';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
 
 function Dot(props) {
   const {
     className,
     children
   } = props;
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'border'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'dot_shape_',
     propsKey: 'shape'
   });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'dot', borderClass, borderTypeClass, fillClass, shapeClass)
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'dot', borderClass, borderTypeClass, fillClass, shapeClass)
   }, children);
 }
 Dot.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  border: PropTypes__default.default.string,
-  borderDesktop: PropTypes__default.default.string,
-  borderMobile: PropTypes__default.default.string,
-  borderTablet: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default)
+  children: PropTypes.any,
+  className: PropTypes.string,
+  border: PropTypes.string,
+  borderDesktop: PropTypes.string,
+  borderMobile: PropTypes.string,
+  borderTablet: PropTypes.string,
+  borderType: PropTypes.oneOf(borderTypeProps),
+  borderTypeDesktop: PropTypes.oneOf(borderTypeProps),
+  borderTypeMobile: PropTypes.oneOf(borderTypeProps),
+  borderTypeTablet: PropTypes.oneOf(borderTypeProps),
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps)
 };
 Dot.defaultProps = {};
 Dot.__docgenInfo = {
@@ -223,4 +215,4 @@ Dot.__docgenInfo = {
   }
 };
 
-exports.Dot = Dot;
+export { Dot };

package/dist/components/Drawer.js

@@ -1,14 +1,6 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-
-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);
+import React__default, { useRef, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -98,8 +90,8 @@ var EZDrawer = function EZDrawer(props) {
       lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground,
       _props$overlayClassNa = props.overlayClassName,
       overlayClassName = _props$overlayClassNa === void 0 ? '' : _props$overlayClassNa;
-  var bodyRef = React.useRef(null);
-  React.useEffect(function () {
+  var bodyRef = useRef(null);
+  useEffect(function () {
     var updatePageScroll = function updatePageScroll() {
       bodyRef.current = window.document.querySelector('body');
 
@@ -114,7 +106,7 @@ var EZDrawer = function EZDrawer(props) {
 
     updatePageScroll();
   }, [open]);
-  var idSuffix = React.useMemo(function () {
+  var idSuffix = useMemo(function () {
     return customIdSuffix || (Math.random() + 1).toString(36).substring(7);
   }, [customIdSuffix]);
   var overlayStyles = {
@@ -128,21 +120,21 @@ var EZDrawer = function EZDrawer(props) {
     transitionDuration: duration + "ms"
   }, getDirectionStyle(direction, size), style);
 
-  return React__default.default.createElement("div", {
+  return React__default.createElement("div", {
     id: 'EZDrawer' + idSuffix,
     className: 'EZDrawer'
-  }, React__default.default.createElement("input", {
+  }, React__default.createElement("input", {
     type: 'checkbox',
     id: 'EZDrawer__checkbox' + idSuffix,
     className: 'EZDrawer__checkbox',
     onChange: onClose,
     checked: open
-  }), React__default.default.createElement("nav", {
+  }), React__default.createElement("nav", {
     role: 'navigation',
     id: 'EZDrawer__container' + idSuffix,
     style: drawerStyles,
     className: 'EZDrawer__container ' + className
-  }, children), enableOverlay && React__default.default.createElement("label", {
+  }, children), enableOverlay && React__default.createElement("label", {
     htmlFor: 'EZDrawer__checkbox' + idSuffix,
     id: 'EZDrawer__overlay' + idSuffix,
     className: 'EZDrawer__overlay ' + overlayClassName,
@@ -163,35 +155,35 @@ function Drawer(props) {
     direction,
     className
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(EZDrawer, {
-    className: clsx__default.default('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
+  return /*#__PURE__*/React__default.createElement(EZDrawer, {
+    className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
     direction: direction || 'right',
     lockBackgroundScroll: true,
     open: isOpenModal,
     overlayClassName: "drawer__overlay",
     size: size || 600,
     onClose: closeModal
-  }, before && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__before"
-  }, before), children && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before), children && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__wrapper"
-  }, children), after && /*#__PURE__*/React__default.default.createElement("div", {
+  }, children), after && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__after"
   }, after));
 }
 Drawer.propTypes = {
-  isOpenModal: PropTypes__default.default.bool.isRequired,
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  closeModal: PropTypes__default.default.func,
-  dataTour: PropTypes__default.default.string,
-  direction: PropTypes__default.default.string,
+  isOpenModal: PropTypes.bool.isRequired,
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  closeModal: PropTypes.func,
+  dataTour: PropTypes.string,
+  direction: PropTypes.string,
   // "right", "left", "top", "bottom"
-  size: PropTypes__default.default.number,
+  size: PropTypes.number,
   // width in px
-  type: PropTypes__default.default.string
+  type: PropTypes.string
 };
 Drawer.__docgenInfo = {
   "description": "",
@@ -271,4 +263,4 @@ Drawer.__docgenInfo = {
   }
 };
 
-exports.Drawer = Drawer;
+export { Drawer };