@itcase/ui 1.1.6 → 1.1.7

package/dist/components/Cell.js

@@ -1,50 +1,41 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index$1 = require('./Icon.js');
-var index = require('./Text.js');
-var index$2 = require('./Label.js');
-var titleSize = require('../constants/componentProps/titleSize.js');
-var textSize = require('../constants/componentProps/textSize.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var textAlign = require('../constants/componentProps/textAlign.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.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/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/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-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 { Icon } from './Icon.js';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { Label } from './Label.js';
+import textSizeProps from '../constants/componentProps/textSize.js';
+import textColorProps from '../constants/componentProps/textColor.js';
+import textAlignProps from '../constants/componentProps/textAlign.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import 'react-inlinesvg';
+import './Link.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/size.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 '../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 '../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 './Title.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/wrap.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'lodash/castArray';
 
 function Cell(props) {
   const {
@@ -104,65 +95,65 @@ function Cell(props) {
     onClick,
     onMouseEnter
   } = props;
-  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 fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'fillDisabled'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'cell__wrapper_shape_',
     propsKey: 'shape'
   });
-  const bgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'bgFill'
   });
-  const bgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'bgFillHover'
   });
-  const bgFillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillActiveClass = useDeviceTargetClass(props, {
     prefix: 'fill_active_',
     propsKey: 'bgFillActive'
   });
-  const bgFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'bgFillDisabled'
   });
-  const bgShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgShapeClass = useDeviceTargetClass(props, {
     prefix: 'cell_shape_',
     propsKey: 'bgShape'
   });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const directionClass = useDeviceTargetClass(props, {
     prefix: 'cell__wrapper_direction_',
     propsKey: 'direction'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'cell', mode && `cell_mode_${mode}`, size && `cell_size_${size}`, set && `cell_set_${set}`, bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'cell', mode && `cell_mode_${mode}`, size && `cell_size_${size}`, set && `cell_set_${set}`, bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'),
     onClick: onClick,
     onMouseEnter: onMouseEnter
-  }, before && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__before"
-  }, before), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass)
-  }, title && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before), /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass)
+  }, title && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__data"
-  }, /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     className: "cell__title",
     size: titleTextSize,
     tag: titleTag,
@@ -170,7 +161,7 @@ function Cell(props) {
     textTruncate: titleTextTruncate,
     textWeight: titleTextWeight,
     textWrap: titleTextWrap
-  }, title), (titleIcon || titleIconSrc) && /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
+  }, title), (titleIcon || titleIconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "cell__icon",
     fill: titleIconFill,
     fillSize: titleIconFillSize,
@@ -180,15 +171,15 @@ function Cell(props) {
     imageSrc: titleIconSrc,
     shape: titleIconShape,
     SvgImage: titleIcon
-  }), showTitleLabel && /*#__PURE__*/React__default.default.createElement(index$2.Label, {
+  }), showTitleLabel && /*#__PURE__*/React__default.createElement(Label, {
     appearance: titleLabelAppearance,
     label: titleLabel,
     labelTextSize: titleLabelTextSize,
     shape: titleLabelShape,
     size: titleLabelSize
-  })), value && /*#__PURE__*/React__default.default.createElement("div", {
+  })), value && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__data"
-  }, /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     className: "cell__value",
     size: valueTextSize,
     tag: valueTag,
@@ -196,7 +187,7 @@ function Cell(props) {
     textColor: valueTextColor,
     textWeight: valueTextWeight,
     textWrap: valueTextWrap
-  }, value), (valueIcon || valueIconSrc) && /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
+  }, value), (valueIcon || valueIconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "cell__icon",
     fill: valueIconFill,
     fillSize: valueIconFillSize,
@@ -206,38 +197,38 @@ function Cell(props) {
     imageSrc: valueIconSrc,
     shape: valueIconShape,
     SvgImage: valueIcon
-  }), showValueLabel && /*#__PURE__*/React__default.default.createElement(index$2.Label, {
+  }), showValueLabel && /*#__PURE__*/React__default.createElement(Label, {
     appearance: valueLabelAppearance,
     label: valueLabel,
     labelTextSize: valueLabelTextSize,
     shape: valueLabelShape,
     size: valueLabelSize
-  }))), after && /*#__PURE__*/React__default.default.createElement("div", {
+  }))), after && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__after"
   }, after));
 }
 Cell.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  isActive: PropTypes__default.default.bool,
-  isDisabled: PropTypes__default.default.bool,
-  title: PropTypes__default.default.string,
-  titleIcon: PropTypes__default.default.any,
-  titleIconFill: PropTypes__default.default.string,
-  titleIconStroke: PropTypes__default.default.string,
-  titleTextColor: PropTypes__default.default.oneOf(textColor.default),
-  titleTextSize: PropTypes__default.default.oneOf(titleSize.default),
-  value: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.string]),
-  valueIcon: PropTypes__default.default.any,
-  valueIconFill: PropTypes__default.default.string,
-  valueIconStroke: PropTypes__default.default.string,
-  valueTextAlign: PropTypes__default.default.oneOf(textAlign.default),
-  valueTextColor: PropTypes__default.default.oneOf(textColor.default),
-  valueTextSize: PropTypes__default.default.oneOf(textSize.default),
-  onClick: PropTypes__default.default.func,
-  onMouseEnter: PropTypes__default.default.func
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  isActive: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  title: PropTypes.string,
+  titleIcon: PropTypes.any,
+  titleIconFill: PropTypes.string,
+  titleIconStroke: PropTypes.string,
+  titleTextColor: PropTypes.oneOf(textColorProps),
+  titleTextSize: PropTypes.oneOf(textSizeProps),
+  value: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  valueIcon: PropTypes.any,
+  valueIconFill: PropTypes.string,
+  valueIconStroke: PropTypes.string,
+  valueTextAlign: PropTypes.oneOf(textAlignProps),
+  valueTextColor: PropTypes.oneOf(textColorProps),
+  valueTextSize: PropTypes.oneOf(textSizeProps),
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func
 };
 Cell.defaultProps = {
   isDisabled: false,
@@ -343,7 +334,7 @@ Cell.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "titleSizeProps"
+        "value": "textSizeProps"
       },
       "required": false
     },
@@ -424,4 +415,4 @@ Cell.__docgenInfo = {
   }
 };
 
-exports.Cell = Cell;
+export { Cell };

package/dist/components/Checkbox.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');
-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('../hooks/useStyles.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 '../jsx-runtime-ClDdVO4Q.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 'lodash/castArray';
 
 const checkboxConfig = {
   state: {},
@@ -62,52 +48,52 @@ function Checkbox(props) {
     onFocus,
     value
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'checkbox_shape_',
     propsKey: 'shape'
   });
-  const stateShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateShapeClass = useDeviceTargetClass(props, {
     prefix: 'checkbox__state_shape_',
     propsKey: 'stateShape'
   });
-  const stateFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateFillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: checked ? 'stateFillChecked' : 'stateFill'
   });
-  const stateFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateFillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: checked ? 'stateFillDisabledChecked' : 'stateFillDisabled'
   });
-  const stateCheckmarkFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateCheckmarkFillClass = useDeviceTargetClass(props, {
     prefix: 'checkbox_checkmark_fill_',
     propsKey: disabled ? 'stateCheckmarkFillDisabled' : 'stateCheckmarkFill'
   });
-  const stateBorderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateBorderWidthClass = useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'stateBorderWidth'
   });
-  const stateBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateBorderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: checked ? 'stateBorderColorChecked' : 'stateBorderColor'
   });
-  const stateBorderColorDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const stateBorderColorDisabledClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'checkbox', fillClass, shapeClass, widthClass),
+  return /*#__PURE__*/React__default.createElement(Tag, {
+    className: clsx(className, 'checkbox', fillClass, shapeClass, widthClass),
     htmlFor: Tag === 'label' && id
-  }, before, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('checkbox__item', stateCheckmarkFillClass || checkboxConfig.appearance[appearance]?.stateCheckmarkFill && `checkbox_checkmark_fill_${checkboxConfig.appearance[appearance].stateCheckmarkFill}`.replace(/([A-Z])/g, '-$1').toLowerCase())
-  }, /*#__PURE__*/React__default.default.createElement("input", {
+  }, before, /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('checkbox__item', stateCheckmarkFillClass || checkboxConfig.appearance[appearance]?.stateCheckmarkFill && `checkbox_checkmark_fill_${checkboxConfig.appearance[appearance].stateCheckmarkFill}`.replace(/([A-Z])/g, '-$1').toLowerCase())
+  }, /*#__PURE__*/React__default.createElement("input", {
     checked: checked,
     className: "checkbox__input",
     disabled: disabled,
@@ -117,27 +103,27 @@ function Checkbox(props) {
     onBlur: onBlur,
     onChange: onChange,
     onFocus: onFocus
-  }), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('checkbox__state', disabled ? stateFillDisabledClass : stateFillClass, disabled ? stateBorderColorDisabledClass : stateBorderColorClass || checkboxConfig.appearance[appearance]?.stateBorderColor && `border-color_${checkboxConfig.appearance[appearance].stateBorderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), stateShapeClass || checkboxConfig.appearance[appearance]?.stateShape && `checkbox__state_shape_${checkboxConfig.appearance[appearance].stateShape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), stateBorderWidthClass || checkboxConfig.appearance[appearance]?.stateBorderWidth && `border-width_${checkboxConfig.appearance[appearance].stateBorderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase())
-  }, "\xA0"), /*#__PURE__*/React__default.default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('checkbox__state', disabled ? stateFillDisabledClass : stateFillClass, disabled ? stateBorderColorDisabledClass : stateBorderColorClass || checkboxConfig.appearance[appearance]?.stateBorderColor && `border-color_${checkboxConfig.appearance[appearance].stateBorderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), stateShapeClass || checkboxConfig.appearance[appearance]?.stateShape && `checkbox__state_shape_${checkboxConfig.appearance[appearance].stateShape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), stateBorderWidthClass || checkboxConfig.appearance[appearance]?.stateBorderWidth && `border-width_${checkboxConfig.appearance[appearance].stateBorderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase())
+  }, "\xA0"), /*#__PURE__*/React__default.createElement("div", {
     className: "checkbox__state-checkmark"
-  }, "\xA0")), label && /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, "\xA0")), label && /*#__PURE__*/React__default.createElement(Text, {
     className: "checkbox__label",
     size: labelTextSize || checkboxConfig.appearance[appearance]?.labelTextSize,
     textColor: labelTextColor || checkboxConfig.appearance[appearance]?.labelTextColor,
     textWeight: labelTextWidth
-  }, label), desc && /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, label), desc && /*#__PURE__*/React__default.createElement(Text, {
     className: "checkbox__desc",
-    size: descTextSize || checkboxConfig.appearance[appearance].descTextSize,
-    textColor: descTextColor || checkboxConfig.appearance[appearance].descTextColor,
+    size: descTextSize || checkboxConfig.appearance[appearance]?.descTextSize,
+    textColor: descTextColor || checkboxConfig.appearance[appearance]?.descTextColor,
     textWeight: descTextWidth
-  }, desc), after && /*#__PURE__*/React__default.default.createElement("div", {
+  }, desc), after && /*#__PURE__*/React__default.createElement("div", {
     className: "checkbox__after"
   }, after));
 }
 Checkbox.propTypes = {
-  className: PropTypes__default.default.string,
-  tag: PropTypes__default.default.string
+  className: PropTypes.string,
+  tag: PropTypes.string
 };
 Checkbox.defaultProps = {
   tag: 'label'
@@ -168,5 +154,4 @@ Checkbox.__docgenInfo = {
   }
 };
 
-exports.Checkbox = Checkbox;
-exports.checkboxConfig = checkboxConfig;
+export { Checkbox, checkboxConfig };