@itcase/ui 1.1.5 → 1.1.7

package/dist/cjs/Group-DbzIk8kt.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BCmQOGxJ.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var groupConfig = {
+    appearance: {},
+    setAppearance: function (newComponent) {
+        groupConfig.appearance = newComponent;
+    },
+};
+function Group(props) {
+    var appearance = props.appearance, id = props.id, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, htmlFor = props.htmlFor, set = props.set, style = props.style, dataTour = props.dataTour, onClick = props.onClick;
+    var contentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_content-align_',
+        propsKey: 'contentAlign',
+    });
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var stackingClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_stacking_',
+        propsKey: 'stacking',
+    });
+    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_shape_',
+        propsKey: 'shape',
+    });
+    var columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_columns_',
+        propsKey: 'columns',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var growClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    // @ts-expect-error
+    var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
+    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+            (appearance &&
+                groupConfig.appearance[appearance].direction &&
+                "group_direction_".concat(groupConfig.appearance[appearance].direction)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), alignClass, fillClass ||
+            (appearance &&
+                groupConfig.appearance[appearance].fill &&
+                "fill_".concat(groupConfig.appearance[appearance].fill)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), fillHoverClass ||
+            (appearance &&
+                groupConfig.appearance[appearance].fillHover &&
+                "fill_hover_".concat(groupConfig.appearance[appearance].fillHover)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass, wrapClass, growClass, shapeClass, borderColorClass ||
+            (appearance &&
+                groupConfig.appearance[appearance].borderColor &&
+                "border-color_".concat(groupConfig.appearance[appearance].borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderWidthClass ||
+            (appearance &&
+                groupConfig.appearance[appearance].borderWidth &&
+                "border-width_".concat(groupConfig.appearance[appearance].borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+}
+Group.defaultProps = {
+    tag: 'div',
+};
+
+exports.Group = Group;
+exports.groupConfig = groupConfig;

package/dist/cjs/ListItem-CTDoiG0C.js

@@ -0,0 +1,488 @@
+'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('./components/Link.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;