@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/components/Caption.js

@@ -1,197 +1,21 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var fillGradient = require('../constants/componentProps/fillGradient.js');
-var captionPosition = require('../constants/componentProps/captionPosition.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
+var Caption = require('../Caption-f-OM1D-G.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.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 Caption(props) {
-  const {
-    children,
-    className
-  } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill-gradient_',
-    propsKey: 'fillGradient'
-  });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'caption_position_',
-    propsKey: 'position'
-  });
-  const {
-    styles: captionStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'caption', positionClass, fillClass, fillGradientClass),
-    style: captionStyles
-  }, children);
-}
-Caption.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  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),
-  fillGradient: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientMobile: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientTablet: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientDesktop: PropTypes__default.default.oneOf(fillGradient.default),
-  position: PropTypes__default.default.oneOf(captionPosition.default),
-  positionMobile: PropTypes__default.default.oneOf(captionPosition.default),
-  positionTablet: PropTypes__default.default.oneOf(captionPosition.default),
-  positionDesktop: PropTypes__default.default.oneOf(captionPosition.default)
-};
-Caption.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Caption",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "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
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillGradient": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillGradientProps"
-      },
-      "required": false
-    },
-    "fillGradientMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillGradientProps"
-      },
-      "required": false
-    },
-    "fillGradientTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillGradientProps"
-      },
-      "required": false
-    },
-    "fillGradientDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillGradientProps"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "captionPositionProps"
-      },
-      "required": false
-    },
-    "positionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "captionPositionProps"
-      },
-      "required": false
-    },
-    "positionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "captionPositionProps"
-      },
-      "required": false
-    },
-    "positionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "captionPositionProps"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Caption = Caption;
+exports.Caption = Caption.Caption;

package/dist/cjs/components/Card/Card.d.ts

@@ -0,0 +1,13 @@
+import { ICardProps } from './Card.interface';
+declare function Card(props: ICardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var defaultProps: {
+        textSize: string;
+        titleColor: string;
+        titleTag: string;
+        titleSize: string;
+        imageShape: string;
+        textColor: string;
+    };
+}
+export { Card };

package/dist/cjs/components/Card/Card.interface.d.ts

@@ -0,0 +1,29 @@
+import { ElementType, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { shapePropsType, sizePropsType, textColorPropsType, textSizePropsType } from '../../types';
+export interface ICardProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    size?: sizePropsType;
+    src?: string;
+    text?: string;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    textTag?: ElementType;
+    title?: string;
+    titleSize?: textSizePropsType;
+    titleTag?: ElementType;
+    titleColor?: textColorPropsType;
+    image?: ReactNode;
+    imageShape?: shapePropsType;
+    type?: string;
+    shape?: shapePropsType;
+    shapeMobile?: shapePropsType;
+    shapeTablet?: shapePropsType;
+    shapeDesktop?: shapePropsType;
+    width?: string;
+    widthMobile?: string;
+    widthTablet?: string;
+    widthDesktop?: string;
+    onClick?: () => void;
+}

package/dist/cjs/components/Card/index.d.ts

@@ -0,0 +1 @@
+export { Card } from './Card';

package/dist/cjs/components/Card.js

@@ -1,279 +1,23 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var size = require('../constants/componentProps/size.js');
-var shape = require('../constants/componentProps/shape.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
-var Text = require('../Text-D7Aq1i5R.js');
-var index = require('./Image.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('../jsx-runtime-BCmQOGxJ.js');
-require('../hooks/useStyles.js');
+var Card = require('../Card-C5uctOQL.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/resizeMode.js');
-require('../constants/componentProps/width.js');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+require('../Image-CCx6QWZj.js');
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../Text-CgYNdSwY.js');
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-function Card(props) {
-  const {
-    children,
-    className,
-    size,
-    src,
-    text,
-    textSize,
-    textColor,
-    textTag,
-    title,
-    titleSize,
-    titleTag,
-    titleColor,
-    image,
-    imageShape,
-    type,
-    onClick
-  } = props;
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'card_shape_',
-    propsKey: 'shape'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'resize-horizontal_',
-    propsKey: 'width'
-  });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'card', shapeClass, size && `card_size_${size}`, type && `card_type_${type}`, widthClass),
-    onClick: onClick
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "card__wrapper"
-  }, image, src && /*#__PURE__*/React__default.default.createElement(index.Image, {
-    className: "card__image",
-    shape: imageShape,
-    src: src
-  }), /*#__PURE__*/React__default.default.createElement("div", {
-    className: "card__data"
-  }, title && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "card__data-title",
-    size: titleSize,
-    textColor: titleColor,
-    tag: titleTag
-  }, title), text && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: textSize,
-    tag: textTag,
-    textColor: textColor,
-    className: "card__data-desc"
-  }, text)), children));
-}
-Card.propTypes = {
-  size: PropTypes__default.default.oneOf(PropTypes__default.default.oneOf(size.default)),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  type: 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),
-  image: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  imageShape: PropTypes__default.default.oneOf(shape.default),
-  width: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default)
-};
-Card.defaultProps = {
-  textSize: 'p',
-  titleColor: 'surfaceTextPrimary',
-  titleTag: 'span',
-  titleSize: 'h5',
-  imageShape: 'rounded',
-  textColor: 'surfaceTextPrimary'
-};
-Card.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Card",
-  "props": {
-    "textSize": {
-      "defaultValue": {
-        "value": "'p'",
-        "computed": false
-      },
-      "required": false
-    },
-    "titleColor": {
-      "defaultValue": {
-        "value": "'surfaceTextPrimary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "titleTag": {
-      "defaultValue": {
-        "value": "'span'",
-        "computed": false
-      },
-      "required": false
-    },
-    "titleSize": {
-      "defaultValue": {
-        "value": "'h5'",
-        "computed": false
-      },
-      "required": false
-    },
-    "imageShape": {
-      "defaultValue": {
-        "value": "'rounded'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "textColor": {
-      "defaultValue": {
-        "value": "'surfaceTextPrimary'",
-        "computed": false
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "PropTypes.oneOf(sizeProps)"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "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
-    },
-    "image": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "widthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "widthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "widthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    }
-  }
-};
 
-exports.Card = Card;
+exports.Card = Card.Card;

package/dist/cjs/components/Cell/Cell.d.ts

@@ -0,0 +1,9 @@
+import { ICellProps } from './Cell.interface';
+declare function Cell(props: ICellProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Cell {
+    var defaultProps: {
+        isDisabled: boolean;
+        textSize: string;
+    };
+}
+export { Cell };

package/dist/cjs/components/Cell/Cell.interface.d.ts

@@ -0,0 +1,61 @@
+import { ElementType, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillPropsType, iconFillSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export interface ICellProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    before?: ReactNode;
+    className?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    mode?: string;
+    reverse?: boolean;
+    set?: string;
+    showTitleLabel?: boolean;
+    showValueLabel?: boolean;
+    size?: sizePropsType;
+    title?: string;
+    titleIcon?: ElementType;
+    titleIconFill?: fillPropsType;
+    titleIconFillHover?: itemColorPropsType;
+    titleIconFillSize?: iconFillSizePropsType;
+    titleIconItemFill?: itemColorPropsType;
+    titleIconShape?: shapePropsType;
+    titleIconSrc?: string;
+    titleLabel?: string;
+    titleLabelAppearance?: appearanceKeysType;
+    titleLabelShape?: shapePropsType;
+    titleLabelSize?: sizePropsType;
+    titleLabelTextSize?: textSizePropsType;
+    titleTag?: ElementType;
+    titleTextColor?: textColorPropsType;
+    titleTextSize?: textSizePropsType;
+    titleTextTruncate?: string;
+    titleTextWeight?: textWeightPropsType;
+    titleTextWrap?: textWrapPropsType;
+    value?: string;
+    valueIcon?: ElementType;
+    valueIconFill?: fillPropsType;
+    valueIconFillHover?: itemColorPropsType;
+    valueIconFillSize?: iconFillSizePropsType;
+    valueIconItemFill?: itemColorPropsType;
+    valueIconShape?: shapePropsType;
+    valueIconSrc?: string;
+    valueLabel?: string;
+    valueLabelAppearance?: appearanceKeysType;
+    valueLabelShape?: shapePropsType;
+    valueLabelSize?: sizePropsType;
+    valueLabelTextSize?: textSizePropsType;
+    valueTag?: ElementType;
+    valueTextAlign?: textAlignPropsType;
+    valueTextColor?: textColorPropsType;
+    valueTextSize?: textSizePropsType;
+    valueTextWeight?: textWeightPropsType;
+    valueTextWrap?: textWrapPropsType;
+    zeroGap?: boolean;
+    zeroPadding?: boolean;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+}
+export {};

package/dist/cjs/components/Cell/index.d.ts

@@ -0,0 +1 @@
+export { Cell } from './Cell';