@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Caption.js

@@ -1,189 +1,15 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import fillProps from '../constants/componentProps/fill.js';
-import fillGradientProps from '../constants/componentProps/fillGradient.js';
-import captionPositionProps from '../constants/componentProps/captionPosition.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
+export { C as Caption } from '../Caption-DDh0VFPJ.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 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';
-
-function Caption(props) {
-  const {
-    children,
-    className
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillGradientClass = useDeviceTargetClass(props, {
-    prefix: 'fill-gradient_',
-    propsKey: 'fillGradient'
-  });
-  const positionClass = useDeviceTargetClass(props, {
-    prefix: 'caption_position_',
-    propsKey: 'position'
-  });
-  const {
-    styles: captionStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'caption', positionClass, fillClass, fillGradientClass),
-    style: captionStyles
-  }, children);
-}
-Caption.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  fill: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  fillGradient: PropTypes.oneOf(fillGradientProps),
-  fillGradientMobile: PropTypes.oneOf(fillGradientProps),
-  fillGradientTablet: PropTypes.oneOf(fillGradientProps),
-  fillGradientDesktop: PropTypes.oneOf(fillGradientProps),
-  position: PropTypes.oneOf(captionPositionProps),
-  positionMobile: PropTypes.oneOf(captionPositionProps),
-  positionTablet: PropTypes.oneOf(captionPositionProps),
-  positionDesktop: PropTypes.oneOf(captionPositionProps)
-};
-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
-    }
-  }
-};
-
-export { Caption };

package/dist/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/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/components/Card/index.d.ts

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

package/dist/components/Card.js

@@ -1,271 +1,17 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import sizeProps from '../constants/componentProps/size.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { Image } from './Image.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../hooks/useStyles.js';
+export { C as Card } from '../Card-DKmhFMCS.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/resizeMode.js';
-import '../constants/componentProps/width.js';
-import 'lodash/castArray';
-
-function Card(props) {
-  const {
-    children,
-    className,
-    size,
-    src,
-    text,
-    textSize,
-    textColor,
-    textTag,
-    title,
-    titleSize,
-    titleTag,
-    titleColor,
-    image,
-    imageShape,
-    type,
-    onClick
-  } = props;
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'card_shape_',
-    propsKey: 'shape'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'resize-horizontal_',
-    propsKey: 'width'
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'card', shapeClass, size && `card_size_${size}`, type && `card_type_${type}`, widthClass),
-    onClick: onClick
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "card__wrapper"
-  }, image, src && /*#__PURE__*/React__default.createElement(Image, {
-    className: "card__image",
-    shape: imageShape,
-    src: src
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "card__data"
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
-    className: "card__data-title",
-    size: titleSize,
-    textColor: titleColor,
-    tag: titleTag
-  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
-    size: textSize,
-    tag: textTag,
-    textColor: textColor,
-    className: "card__data-desc"
-  }, text)), children));
-}
-Card.propTypes = {
-  size: PropTypes.oneOf(PropTypes.oneOf(sizeProps)),
-  children: PropTypes.any,
-  className: PropTypes.string,
-  type: PropTypes.string,
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps),
-  image: PropTypes.string,
-  onClick: PropTypes.func,
-  imageShape: PropTypes.oneOf(shapeProps),
-  width: PropTypes.oneOf(horizontalResizeModeProps),
-  widthMobile: PropTypes.oneOf(horizontalResizeModeProps),
-  widthTablet: PropTypes.oneOf(horizontalResizeModeProps),
-  widthDesktop: PropTypes.oneOf(horizontalResizeModeProps)
-};
-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
-    }
-  }
-};
-
-export { Card };
+import '../Image-Bz4Fo3eB.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../Text-edtauAM6.js';

package/dist/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/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/components/Cell/index.d.ts

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