@itcase/ui 1.1.5 → 1.1.7

package/dist/components/List.js

@@ -1,498 +1,24 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var direction = require('../constants/componentProps/direction.js');
-var fill = require('../constants/componentProps/fill.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var size = require('../constants/componentProps/size.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var textStyle = require('../constants/componentProps/textStyle.js');
-var textWeight = require('../constants/componentProps/textWeight.js');
-var type = require('../constants/componentProps/type.js');
-var index = require('./Link.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');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/underline.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 List(props) {
-  const {
-    children,
-    className,
-    style,
-    type
-  } = props;
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'list_size_',
-    propsKey: 'size'
-  });
-  const bulletSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'list_bullet-size_',
-    propsKey: 'bulletSize'
-  });
-  const bulletFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'list_bullet-fill_',
-    propsKey: 'bulletFill'
-  });
-  const bulletTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'list_bullet-text-color_',
-    propsKey: 'bulletTextColor'
-  });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'list_direction_',
-    propsKey: 'direction'
-  });
-  const {
-    styles: ulStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("ul", {
-    className: clsx__default.default(className, 'list', bulletSizeClass, bulletFillClass, bulletTextColorClass, directionClass, sizeClass, style && `list_style_${style}`, type && `list_type_${type}`),
-    style: ulStyles
-  }, children);
-}
-List.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  bulletFill: PropTypes__default.default.oneOf(fill.default),
-  bulletFillDesktop: PropTypes__default.default.oneOf(fill.default),
-  bulletFillMobile: PropTypes__default.default.oneOf(fill.default),
-  bulletFillTablet: PropTypes__default.default.oneOf(fill.default),
-  bulletSize: PropTypes__default.default.string,
-  bulletSizeDesktop: PropTypes__default.default.string,
-  bulletSizeMobile: PropTypes__default.default.string,
-  bulletSizeTablet: PropTypes__default.default.string,
-  bulletTextColor: PropTypes__default.default.oneOf(textColor.default),
-  bulletTextColorDesktop: PropTypes__default.default.oneOf(textColor.default),
-  bulletTextColorMobile: PropTypes__default.default.oneOf(textColor.default),
-  bulletTextColorTablet: PropTypes__default.default.oneOf(textColor.default),
-  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),
-  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),
-  style: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func
-};
-List.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "List",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "bulletFill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bulletFillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bulletFillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bulletFillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "bulletSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "bulletSizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "bulletSizeMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "bulletSizeTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "bulletTextColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "bulletTextColorDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "bulletTextColorMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "bulletTextColorTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "direction": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "style": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-function ListItem(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    fill,
-    href,
-    link,
-    text,
-    textColor,
-    textStyle,
-    textWeight
-  } = props;
-  const {
-    styles: liStyles,
-    link: linkStyles
-  } = useStyles.useStyles(props);
-  if (link) {
-    return /*#__PURE__*/React__default.default.createElement("li", {
-      className: clsx__default.default(className, 'list__item', 'list__item_type_link', textStyle && `text text-style_${textStyle}`, textWeight && `text text-weight_${textWeight}`, textColor && `text-color_${textColor.replace(/([A-Z])/g, '-$1').toLowerCase()}`, fill && `fill_${fill.replace(/([A-Z])/g, '-$1').toLowerCase()}`),
-      style: liStyles
-    }, /*#__PURE__*/React__default.default.createElement(index.Link, {
-      href: link || href,
-      className: clsx__default.default('list__item-link'),
-      style: linkStyles
-    }, children || text));
-  }
-  return /*#__PURE__*/React__default.default.createElement("li", {
-    className: clsx__default.default(className, 'list__item', textStyle && `text text-style_${textStyle}`, textWeight && `text text-weight_${textWeight}`, textColor && `text-color_${textColor.replace(/([A-Z])/g, '-$1').toLowerCase()}`, fill && `fill_${fill.replace(/([A-Z])/g, '-$1').toLowerCase()}`),
-    style: liStyles
-  }, before, children || text, after);
-}
-ListItem.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  href: PropTypes__default.default.string,
-  link: 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),
-  type: PropTypes__default.default.oneOf(type.default),
-  text: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  textWeight: PropTypes__default.default.oneOf(textWeight.default),
-  textStyle: PropTypes__default.default.oneOf(textStyle.default),
-  onClick: PropTypes__default.default.func
-};
-ListItem.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "ListItem",
-  "props": {
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "link": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "typeProps"
-      },
-      "required": false
-    },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textStyle": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textStyleProps"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.List = List;
-exports.ListItem = ListItem;
+export { L as List, a as ListItem } from '../ListItem-DYbK4_8c.js';
+import 'react';
+import 'prop-types';
+import 'clsx';
+import '../constants/componentProps/direction.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/size.js';
+import '../hooks/useStyles.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 '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/type.js';
+import './Link.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/underline.js';

package/dist/components/Loader.js

@@ -1,32 +1,18 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index = require('./Text.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.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 { T as Text } from '../Text-DffpwlYq.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 // TODO: is better to use context?
 const loaderConfig = {
@@ -45,61 +31,61 @@ function Loader(props) {
     textSize,
     textColor
   } = props;
-  const itemFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const itemFillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'itemFill'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  const heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const heightClass = useDeviceTargetClass(props, {
     prefix: 'height_',
     propsKey: 'height'
   });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'position'
   });
   const {
     styles: loader
-  } = useStyles.useStyles(props);
+  } = useStyles(props);
 
   /*
    * TODO: set temporary variables by other way
    */
-  const temporaryFillClass = fillClass || loaderConfig.appearance[appearance] && `fill_${loaderConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase();
-  const temporaryItemFillClass = itemFillClass || loaderConfig.appearance[appearance] && `fill_${loaderConfig.appearance[appearance].itemFill?.replace(/([A-Z])/g, '-$1')}`.toLowerCase();
+  const temporaryFillClass = fillClass || loaderConfig.appearance[appearance]?.fill && `fill_${loaderConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase();
+  const temporaryItemFillClass = itemFillClass || loaderConfig.appearance[appearance]?.itemFill && `fill_${loaderConfig.appearance[appearance].itemFill?.replace(/([A-Z])/g, '-$1')}`.toLowerCase();
   /* - */
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && `loader_set_${set}`),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && `loader_set_${set}`),
     style: loader
-  }, children || /*#__PURE__*/React__default.default.createElement("div", {
+  }, children || /*#__PURE__*/React__default.createElement("div", {
     className: "loader__inner"
-  }, /*#__PURE__*/React__default.default.createElement("span", {
-    className: clsx__default.default('loader__item', temporaryItemFillClass)
-  }), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clsx__default.default('loader__item', temporaryItemFillClass)
-  }), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clsx__default.default('loader__item', temporaryItemFillClass)
-  })), text && /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: clsx('loader__item', temporaryItemFillClass)
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: clsx('loader__item', temporaryItemFillClass)
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: clsx('loader__item', temporaryItemFillClass)
+  })), text && /*#__PURE__*/React__default.createElement(Text, {
     className: "loader__text",
     size: textSize,
     textColor: textColor
   }, text));
 }
 Loader.propTypes = {
-  appearance: PropTypes__default.default.string,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
-  text: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.string,
-  textSize: PropTypes__default.default.string
+  appearance: PropTypes.string,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  set: PropTypes.string,
+  text: PropTypes.string,
+  textColor: PropTypes.string,
+  textSize: PropTypes.string
 };
 Loader.__docgenInfo = {
   "description": "",
@@ -158,5 +144,4 @@ Loader.__docgenInfo = {
   }
 };
 
-exports.Loader = Loader;
-exports.loaderConfig = loaderConfig;
+export { Loader, loaderConfig };