@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Accordion.js

@@ -1,697 +1,38 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var castArray = require('lodash/castArray');
-var fill = require('../constants/componentProps/fill.js');
-var direction = require('../constants/componentProps/direction.js');
-var shape = require('../constants/componentProps/shape.js');
-var index$1 = require('./Icon.js');
-var index = require('./Text.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('react-inlinesvg');
-require('./Link.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('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.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);
-var castArray__default = /*#__PURE__*/_interopDefault(castArray);
-
-var ChevronDown16 = function ChevronDown16(props) {
-  return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
-    d: "M8 11C8.23051 11 8.42712 10.9233 8.60339 10.764L13.7763 6.16224C13.9254 6.03835 14 5.87316 14 5.68437C14 5.30088 13.661 5 13.2136 5C12.9966 5 12.8 5.0767 12.6508 5.20649L8 9.35398L3.34915 5.20649C3.19322 5.0767 2.99661 5 2.77966 5C2.33898 5 2 5.30089 2 5.68437C2 5.87316 2.07458 6.03835 2.22373 6.16224L7.39661 10.764C7.57288 10.9233 7.76949 10.9941 8 11Z"
-  }));
-};
-ChevronDown16.defaultProps = {
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-var ChevronTop16 = function ChevronTop16(props) {
-  return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
-    d: "M8 5C7.76949 5 7.57288 5.0767 7.39661 5.23599L2.22373 9.83776C2.07458 9.96165 2 10.1268 2 10.3156C2 10.6991 2.33898 11 2.78644 11C3.00339 11 3.2 10.9233 3.34915 10.7935L8 6.64602L12.6508 10.7935C12.8068 10.9233 13.0034 11 13.2203 11C13.661 11 14 10.6991 14 10.3156C14 10.1268 13.9254 9.96165 13.7763 9.83776L8.60339 5.23599C8.42712 5.0767 8.23051 5.0059 8 5Z"
-  }));
-};
-ChevronTop16.defaultProps = {
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-const icon16 = {
-  ChevronDown: ChevronDown16,
-  ChevronTop: ChevronTop16
-};
-
-/* React, PropTypes, other third-party modules */
-
-/* Component */
-function AccordionItem(props) {
-  const {
-    children,
-    id,
-    title,
-    icon,
-    iconFill,
-    content,
-    beforeContent,
-    afterContent,
-    className,
-    titleTextSize,
-    titleTextColor,
-    titleTextWeight,
-    contentTextSize,
-    contentTextColor,
-    contentTextWeight,
-    size,
-    isExpanded,
-    onClick
-  } = props;
-  const onClickTitle = React.useCallback(() => {
-    // !isExpanded - is next state of expanded
-    const thisItemData = {
-      id,
-      title,
-      content,
-      isExpanded: !isExpanded
-    };
-    onClick && onClick(thisItemData);
-  }, [onClick, id, title, content, isExpanded]);
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const contentBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'contentBorderColor'
-  });
-  const titleBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'titleBorderColor'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const contentFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'contentFill'
-  });
-  const titleFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'titleFill'
-  });
-  const titleFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'titleFillHover'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'accordion-item_shape_',
-    propsKey: 'shape'
-  });
-  const {
-    styles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && `accordion-item_size_${size}`, isExpanded && 'accordion-item_state_open'),
-    style: styles
-  }, /*#__PURE__*/React__default.default.createElement(index.Text, {
-    className: clsx__default.default('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, onClickTitle && 'cursor_type_pointer'),
-    size: titleTextSize,
-    textColor: titleTextColor,
-    textWeight: titleTextWeight,
-    onClick: onClickTitle
-  }, title), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('accordion-item__icon', onClickTitle && 'cursor_type_pointer'),
-    onClick: onClickTitle
-  }, icon || /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
-    iconFill: iconFill,
-    size: "16",
-    SvgImage: icon16.ChevronDown
-  })), beforeContent && beforeContent, isExpanded && (/*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('accordion-item__content', contentBorderColorClass, contentFillClass)
-  }, children || content && /*#__PURE__*/React__default.default.createElement(index.Text, {
-    size: contentTextSize,
-    textColor: contentTextColor,
-    textWeight: contentTextWeight
-  }, content))), afterContent && afterContent);
-}
-
-/* Component default props */
-AccordionItem.defaultProps = {
-  iconFill: 'surfaceItemAccent'
-};
-
-/* Component prop types */
-AccordionItem.propTypes = {
-  afterContent: PropTypes__default.default.any,
-  beforeContent: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  content: 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),
-  icon: PropTypes__default.default.any,
-  iconFill: PropTypes__default.default.oneOf(fill.default),
-  iconFillDesktop: PropTypes__default.default.oneOf(fill.default),
-  iconFillMobile: PropTypes__default.default.oneOf(fill.default),
-  iconFillTablet: PropTypes__default.default.oneOf(fill.default),
-  id: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-  isExpanded: PropTypes__default.default.bool,
-  item: PropTypes__default.default.shape({
-    id: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-    title: PropTypes__default.default.string,
-    content: PropTypes__default.default.string
-  }),
-  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),
-  title: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func
-};
-
-/* Exports */
-AccordionItem.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "AccordionItem",
-  "props": {
-    "iconFill": {
-      "defaultValue": {
-        "value": "'surfaceItemAccent'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "afterContent": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "beforeContent": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "content": {
-      "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
-    },
-    "icon": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "iconFillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "iconFillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "iconFillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "string"
-        }, {
-          "name": "number"
-        }]
-      },
-      "required": false
-    },
-    "isExpanded": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "item": {
-      "description": "",
-      "type": {
-        "name": "shape",
-        "value": {
-          "id": {
-            "name": "union",
-            "value": [{
-              "name": "string"
-            }, {
-              "name": "number"
-            }],
-            "required": false
-          },
-          "title": {
-            "name": "string",
-            "required": false
-          },
-          "content": {
-            "name": "string",
-            "required": false
-          }
-        }
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "title": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-/* React, PropTypes, other third-party modules */
-
-/* Component */
-function Accordion(props) {
-  const {
-    children,
-    items,
-    className,
-    initial,
-    isMultiple,
-    onClickItem
-  } = props;
-  const [expandedItems, setExpandedItems] = React.useState(castArray__default.default(initial));
-  const onClickAccordionItem = React.useCallback(targetItem => {
-    setExpandedItems(prevState => {
-      const isExpanded = prevState.find(id => id === targetItem.id);
-      if (isMultiple) {
-        if (isExpanded) {
-          // ... without target id
-          return prevState.filter(id => id !== targetItem.id);
-        } else {
-          // ... with target id
-          return [...prevState, targetItem.id];
-        }
-      } else {
-        if (isExpanded) {
-          return [];
-        } else {
-          return [targetItem.id];
-        }
-      }
-    });
-    onClickItem && onClickItem(targetItem);
-  }, [onClickItem]);
-  const accordionItemsList = React.useMemo(() => {
-    if (items) {
-      return items.map((item, i) => /*#__PURE__*/React__default.default.createElement(AccordionItem, {
-        content: item.content,
-        id: item.id,
-        isExpanded: expandedItems.includes(item.id),
-        key: `accordionItem_${item.id || i + 1}`,
-        title: item.title,
-        onClick: onClickAccordionItem
-      }));
-    }
-    if (children) {
-      return React__default.default.Children.toArray(children).map(child => {
-        const childID = child.props.id || child.key;
-        return /*#__PURE__*/React__default.default.cloneElement(child, {
-          // this properties are available as a props in child components
-          id: childID,
-          isExpanded: expandedItems.includes(childID),
-          onClick: onClickAccordionItem
-        });
-      });
-    }
-    return [];
-  }, [children, items, expandedItems, onClickAccordionItem]);
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'accordion_direction_',
-    propsKey: 'direction'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'accordion_shape_',
-    propsKey: 'shape'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-
-  /*
-   * paddingHorizontalWrapper="16px"
-   * paddingHorizontal - styles  (horizontal will be parsed to left/right)
-   * wrapper - target
-   */
-  const {
-    styles: accordionStyles,
-    wrapper: accordionWrapperStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'accordion', borderColorClass, directionClass, fillClass, shapeClass, widthClass),
-    style: accordionStyles
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "accordion__wrapper",
-    style: accordionWrapperStyles
-  }, accordionItemsList));
-}
-
-/* Component default props */
-Accordion.defaultProps = {
-  initial: []
-};
-
-/* Component prop types */
-Accordion.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  /**
-   * The number of columns to span on extra small devices (<576px)
-   *
-   */
-  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),
-  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),
-  initial: PropTypes__default.default.array,
-  isMultiple: PropTypes__default.default.bool,
-  items: PropTypes__default.default.array,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  onClickItem: PropTypes__default.default.func
-};
-
-/* Exports */
-Accordion.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Accordion",
-  "props": {
-    "initial": {
-      "defaultValue": {
-        "value": "[]",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "array"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "direction": {
-      "description": "The number of columns to span on extra small devices (<576px)",
-      "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
-    },
-    "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
-    },
-    "isMultiple": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "items": {
-      "description": "",
-      "type": {
-        "name": "array"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "onClickItem": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Accordion = Accordion;
-exports.AccordionItem = AccordionItem;
+export { A as Accordion, a as AccordionItem } from '../Accordion-JS45IVx7.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import 'lodash/castArray';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import './Icon.js';
+import 'react-inlinesvg';
+import './Link.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/underline.js';
+import '../constants/componentProps/borderColor.js';
+import '../constants/componentProps/borderType.js';
+import '../constants/componentProps/iconSize.js';
+import '../constants/componentProps/shape.js';
+import '../constants/componentProps/strokeColor.js';
+import './Tooltip.js';
+import '../Text-DffpwlYq.js';
+import './Title.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/textSize.js';