@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Image.js

@@ -1,472 +1,15 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import borderColorProps from '../constants/componentProps/borderColor.js';
-import resizeModeProps from '../constants/componentProps/resizeMode.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import widthProps from '../constants/componentProps/width.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
+export { I as Image } from '../Image-Bz4Fo3eB.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 Image(props) {
-  const {
-    after,
-    alt,
-    before,
-    caption,
-    children,
-    className,
-    imageWrapperClassName,
-    imageClassName,
-    mode,
-    overlay,
-    src,
-    title,
-    type,
-    onClick,
-    onError
-  } = props;
-  const cursorClass = useDeviceTargetClass(props, {
-    prefix: 'cursor_',
-    propsKey: 'cursor'
-  });
-  const horizontalAlignClass = useDeviceTargetClass(props, {
-    prefix: 'image_horizontal-align_',
-    propsKey: 'horizontalAlign'
-  });
-  const verticalAlignClass = useDeviceTargetClass(props, {
-    prefix: 'image_vertical-align_',
-    propsKey: 'verticalContentAlign'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'image_shape_',
-    propsKey: 'shape'
-  });
-  const resizeModeClass = useDeviceTargetClass(props, {
-    prefix: 'image_resize-mode_',
-    propsKey: 'resizeMode'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const heightClass = useDeviceTargetClass(props, {
-    prefix: 'height_',
-    propsKey: 'height'
-  });
-  const imageWidthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'imageWidth'
-  });
-  const imageHeightClass = useDeviceTargetClass(props, {
-    prefix: 'height_',
-    propsKey: 'imageHeight'
-  });
-  const borderClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorImageClass = useDeviceTargetClass(props, {
-    prefix: 'border-color-image_',
-    propsKey: 'borderColorImage'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const {
-    styles,
-    wrapper: wrapperStyles,
-    image: imageStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'image', mode && `image_mode_${mode}`, type && `image_type_${type}`, cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass),
-    onClick: onClick,
-    style: styles
-  }, before, /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('image__wrapper', imageWrapperClassName),
-    style: wrapperStyles
-  }, /*#__PURE__*/React__default.createElement("img", {
-    alt: alt,
-    src: src,
-    style: imageStyles,
-    title: title,
-    className: clsx('image__item', imageWidthClass, imageHeightClass, imageClassName, borderClass, borderColorImageClass),
-    onError: onError
-  }), overlay, caption, children), after);
-}
-Image.propTypes = {
-  after: PropTypes.any,
-  alt: PropTypes.string,
-  before: PropTypes.any,
-  border: PropTypes.string,
-  borderColorImage: PropTypes.oneOf(borderColorProps),
-  borderColorImageDesktop: PropTypes.oneOf(borderColorProps),
-  borderColorImageMobile: PropTypes.oneOf(borderColorProps),
-  borderColorImageTablet: PropTypes.oneOf(borderColorProps),
-  overlay: PropTypes.any,
-  caption: PropTypes.any,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  imageClassName: PropTypes.string,
-  imgWrapClassName: PropTypes.string,
-  onClick: PropTypes.func,
-  resizeMode: PropTypes.oneOf(resizeModeProps),
-  resizeModeDesktop: PropTypes.oneOf(resizeModeProps),
-  resizeModeMobile: PropTypes.oneOf(resizeModeProps),
-  resizeModeTablet: PropTypes.oneOf(resizeModeProps),
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps),
-  src: PropTypes.string,
-  style: PropTypes.object,
-  title: PropTypes.string,
-  type: PropTypes.string,
-  сontentX: PropTypes.string,
-  сontentXDesktop: PropTypes.string,
-  сontentXMobile: PropTypes.string,
-  сontentXTablet: PropTypes.string,
-  сontentY: PropTypes.string,
-  сontentYDesktop: PropTypes.string,
-  сontentYMobile: PropTypes.string,
-  сontentYTablet: PropTypes.string,
-  imageWidth: PropTypes.oneOf(widthProps),
-  imageWidthMobile: PropTypes.oneOf(widthProps),
-  imageWidthTablet: PropTypes.oneOf(widthProps),
-  imageWidthDesktop: PropTypes.oneOf(widthProps),
-  onError: PropTypes.func
-};
-Image.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Image",
-  "props": {
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "alt": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "border": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderColorImage": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorProps"
-      },
-      "required": false
-    },
-    "borderColorImageDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorProps"
-      },
-      "required": false
-    },
-    "borderColorImageMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorProps"
-      },
-      "required": false
-    },
-    "borderColorImageTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorProps"
-      },
-      "required": false
-    },
-    "overlay": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "caption": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "imageClassName": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "imgWrapClassName": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "resizeMode": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "resizeModeProps"
-      },
-      "required": false
-    },
-    "resizeModeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "resizeModeProps"
-      },
-      "required": false
-    },
-    "resizeModeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "resizeModeProps"
-      },
-      "required": false
-    },
-    "resizeModeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "resizeModeProps"
-      },
-      "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
-    },
-    "src": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "style": {
-      "description": "",
-      "type": {
-        "name": "object"
-      },
-      "required": false
-    },
-    "title": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentX": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentXDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentXMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentXTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentY": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentYDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentYMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "\u0441ontentYTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "imageWidth": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "imageWidthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "imageWidthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "imageWidthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "onError": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Image };

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IInputConfig, IInputProps } from './Input.interface';
+declare const inputConfig: IInputConfig;
+declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputConfig };

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

@@ -0,0 +1,53 @@
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, borderWidthPropsType, fillPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { stateKeysDefaultType } from '../../types/componentProps/stateKeys';
+export interface IInputThemeColor {
+    borderColor?: borderColorPropsType;
+    borderColorDisabled?: borderColorPropsType;
+    borderWidth?: borderWidthPropsType;
+    borderWidthDisabled?: borderWidthPropsType;
+    caret?: itemColorPropsType;
+    fill?: fillPropsType;
+    fillDisabled?: fillPropsType;
+    placeholderTextColor?: textColorPropsType;
+    placeholderTextColorDisabled?: textColorPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+    textWeight?: textWeightPropsType;
+    width?: widthPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type stateKeysType = stateKeysDefaultType & {};
+export type inputStateType = {
+    [key in stateKeysType]?: IInputThemeColor;
+};
+export type inputAppearanceType = {
+    [key in appearanceKeysType]?: IInputThemeColor;
+};
+export interface IInputConfig {
+    state: inputStateType | undefined;
+    setState: (newComponent: inputStateType) => void;
+    appearance: inputAppearanceType | undefined;
+    setAppearance: (newComponent: inputAppearanceType) => void;
+}
+export interface IInputProps extends IInputThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    className?: string;
+    dataTestId?: number | string;
+    id?: number | string;
+    index?: number | string;
+    isDisabled?: boolean;
+    name?: string;
+    placeholder?: string;
+    state?: stateKeysType;
+    type?: string;
+    value?: string;
+    onBlur?: () => void;
+    onChange?: () => void;
+    onFocus?: () => void;
+    onKeyDown?: () => void;
+}
+export {};

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

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