@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Tile.js

@@ -1,560 +1,18 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Badge } from './Badge.js';
-import '../Icon-Dn2eEZvb.js';
-import { Title } from './Title.js';
-import { T as Text } from '../Text-BcGbRc14.js';
-import alignProps from '../constants/componentProps/align.js';
-import alignDirectionProps from '../constants/componentProps/alignDirection.js';
-import borderColorProps from '../constants/componentProps/borderColor.js';
-import borderColorHoverProps from '../constants/componentProps/borderColorHover.js';
-import borderTypeProps from '../constants/componentProps/borderType.js';
-import borderWidthProps from '../constants/componentProps/borderWidth.js';
-import sizeProps from '../constants/componentProps/size.js';
-import textColorProps from '../constants/componentProps/textColor.js';
-import fillProps from '../constants/componentProps/fill.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import textSizeProps from '../constants/componentProps/textSize.js';
-import { useStyles } from '../hooks/useStyles.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { T as Tile } from '../Tile-CQ5L7pja.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';
-import '../Link-ByBzBRDH.js';
-import 'react-inlinesvg';
-import './Tooltip.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-
-function Tile(props) {
-  const {
-    children,
-    className,
-    badge,
-    badgeSize,
-    badgeTextSize,
-    badgeType,
-    direction,
-    before,
-    after,
-    reverse,
-    size,
-    text,
-    textSize,
-    textWrap,
-    textColor,
-    title,
-    titleTextSize,
-    titleTextWrap,
-    titleTextColor,
-    titleTextWeight,
-    titleTextAlign,
-    type,
-    onClick
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const alignDirectionClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'tile_shape_',
-    propsKey: 'shape'
-  });
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'borderColorHover'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const {
-    styles: tileStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('tile', className, fillClass, shapeClass, alignClass, alignDirectionClass, direction && `direction_${direction}`, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, reverse && 'tile_reverse', size && `tile_size_${size}`, type && `tile_type_${type}`, badge && `tile_state_badge`),
-    style: tileStyles,
-    onClick: onClick
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('tile__wrapper', alignClass, alignDirectionClass)
-  }, before, title && /*#__PURE__*/React__default.createElement(Title, {
-    className: "tile__title",
-    size: titleTextSize,
-    textAlign: titleTextAlign,
-    textColor: titleTextColor,
-    textWeight: titleTextWeight,
-    textWrap: titleTextWrap
-  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
-    className: "tile__text",
-    size: textSize,
-    textColor: textColor,
-    textWrap: textWrap
-  }, text), badge && /*#__PURE__*/React__default.createElement(Badge, {
-    className: "tile__badge",
-    size: badgeSize,
-    textSize: badgeTextSize,
-    type: badgeType,
-    value: badge
-  }), children, after));
-}
-Tile.propTypes = {
-  after: PropTypes.any,
-  align: PropTypes.oneOf(alignProps),
-  alignDesktop: PropTypes.oneOf(alignProps),
-  alignMobile: PropTypes.oneOf(alignProps),
-  alignTablet: PropTypes.oneOf(alignProps),
-  alignDirection: PropTypes.oneOf(alignDirectionProps),
-  alignDirectionDesktop: PropTypes.oneOf(alignDirectionProps),
-  alignDirectionMobile: PropTypes.oneOf(alignDirectionProps),
-  alignDirectionTablet: PropTypes.oneOf(alignDirectionProps),
-  badge: PropTypes.element,
-  badgeSize: PropTypes.oneOf(sizeProps),
-  badgeTextSize: PropTypes.oneOf(textSizeProps),
-  badgeType: PropTypes.string,
-  before: PropTypes.any,
-  borderColor: PropTypes.oneOf(borderColorProps),
-  borderColorHover: PropTypes.oneOf(borderColorHoverProps),
-  borderType: PropTypes.oneOf(borderTypeProps),
-  borderWidth: PropTypes.oneOf(borderWidthProps),
-  children: PropTypes.any,
-  className: PropTypes.string,
-  direction: PropTypes.string,
-  fill: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  onClick: PropTypes.func,
-  reverse: PropTypes.bool,
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps),
-  size: PropTypes.string,
-  text: PropTypes.string,
-  textColor: PropTypes.oneOf(textColorProps),
-  textSize: PropTypes.oneOf(sizeProps),
-  textTag: PropTypes.string,
-  textWrap: PropTypes.string,
-  title: PropTypes.string,
-  titleTextAlign: PropTypes.oneOf(sizeProps),
-  titleTextColor: PropTypes.oneOf(sizeProps),
-  titleTextSize: PropTypes.oneOf(sizeProps),
-  titleTextWeight: PropTypes.oneOf(sizeProps),
-  titleTextWrap: PropTypes.oneOf(sizeProps),
-  type: PropTypes.string
-};
-Tile.defaultProps = {
-  textTag: 'span',
-  alignDirection: 'vertical'
-};
-Tile.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Tile",
-  "props": {
-    "textTag": {
-      "defaultValue": {
-        "value": "'span'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "alignDirection": {
-      "defaultValue": {
-        "value": "'vertical'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "align": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDirectionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "badge": {
-      "description": "",
-      "type": {
-        "name": "element"
-      },
-      "required": false
-    },
-    "badgeSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "badgeTextSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textSizeProps"
-      },
-      "required": false
-    },
-    "badgeType": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "borderColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorProps"
-      },
-      "required": false
-    },
-    "borderColorHover": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorHoverProps"
-      },
-      "required": false
-    },
-    "borderType": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderWidth": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderWidthProps"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "direction": {
-      "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
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "reverse": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "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
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "textWrap": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "title": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "titleTextAlign": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "titleTextColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "titleTextSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "titleTextWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "titleTextWrap": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Tile };
+import '../Badge-DPM6qrjA.js';
+import '../Text-edtauAM6.js';
+import '../Title-BUN57fWw.js';

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,9 @@
+import { ITitleConfig, ITitleProps } from './Title.interface';
+declare const titleConfig: ITitleConfig;
+declare function Title(props: ITitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Title {
+    var defaultProps: {
+        size: string;
+    };
+}
+export { Title, titleConfig };

package/dist/components/Title/Title.interface.d.ts

@@ -0,0 +1,42 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillPropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, titleSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+interface ITitleThemeColor {
+    fill?: fillPropsType;
+    size?: titleSizePropsType;
+    sizeDesktop?: titleSizePropsType;
+    sizeMobile?: titleSizePropsType;
+    sizeTablet?: titleSizePropsType;
+    textColor?: textColorPropsType;
+    textColorActive?: textColorActivePropsType;
+    textColorHover?: textColorHoverPropsType;
+    textGradient?: textGradientPropsType;
+    textStyle?: textStylePropsType;
+    textWeight?: textWeightPropsType;
+    textWrap?: textWrapPropsType;
+    weight?: textWeightPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ITitleThemeColor;
+};
+export interface ITitleConfig {
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
+}
+export interface ITitleProps extends ITitleThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children: ReactNode;
+    className?: string;
+    dataTour?: string;
+    mode?: string;
+    style?: CSSProperties;
+    tag?: ElementType;
+    text?: string;
+    textAlign?: textAlignPropsType;
+    textTruncate?: string;
+    type?: string;
+    onClick?: () => void;
+}
+export {};

package/dist/components/Title/index.d.ts

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