@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Tooltip.js

@@ -1,442 +1,17 @@
-import React__default, { useRef, useState, useCallback, useImperativeHandle } from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { Title } from './Title.js';
-import sizeProps from '../constants/componentProps/size.js';
-import textSizeProps from '../constants/componentProps/textSize.js';
-import fillProps from '../constants/componentProps/fill.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import textColorProps from '../constants/componentProps/textColor.js';
-import titleSizeProps from '../constants/componentProps/titleSize.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
-import '../jsx-runtime-ClDdVO4Q.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';
+export { T as Tooltip, t as tooltipConfig } from '../Tooltip-jT5A43he.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 'lodash/castArray';
-import 'lodash/camelCase';
+import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-
-const tooltipConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    tooltipConfig.appearance = newComponent;
-  }
-};
-const Tooltip = /*#__PURE__*/React__default.forwardRef(function Tooltip(props, ref) {
-  const {
-    before,
-    after,
-    appearance,
-    children,
-    className,
-    text,
-    title,
-    type,
-    set,
-    arrowPosition,
-    titleTextColor,
-    titleSize,
-    textColor,
-    textSize,
-    initialIsVisible
-  } = props;
-  const tooltipTimeoutHideRef = useRef(null);
-  const isTooltipCloseAnimationInProgressRef = useRef(false);
-  const [isTooltipVisible, setIsTooltipVisible] = useState(initialIsVisible);
-  const openTooltip = useCallback(() => {
-    if (!isTooltipCloseAnimationInProgressRef.current) {
-      clearTimeout(tooltipTimeoutHideRef.current);
-      setIsTooltipVisible(true);
-    }
-  }, []);
-  const closeTooltip = useCallback(() => {
-    // Make a small delay to be able to move cursor on the tooltip without
-    // triggering a close, because the label and the tooltip have  space between
-    tooltipTimeoutHideRef.current = setTimeout(() => {
-      setIsTooltipVisible(prevState => {
-        const newState = false;
-        if (prevState === true) {
-          isTooltipCloseAnimationInProgressRef.current = true;
-        }
-        return newState;
-      });
-    }, 250);
-  }, []);
-  const onAnimationEnd = useCallback(() => {
-    isTooltipCloseAnimationInProgressRef.current = false;
-  }, []);
-  useImperativeHandle(ref, () => ({
-    openTooltip,
-    closeTooltip
-  }), [openTooltip, closeTooltip]);
-
-  /* STYLES */
-  const alignDirectionClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'tooltip_shape_',
-    propsKey: 'shape'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'tooltip_size_',
-    propsKey: 'size'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const elevationClass = useDeviceTargetClass(props, {
-    prefix: 'elevation_',
-    propsKey: 'elevation'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const alignmentClass = useDeviceTargetClass(props, {
-    prefix: 'alignment_',
-    propsKey: 'alignment'
-  });
-  const {
-    styles: tooltipStyles
-  } = useStyles(props);
-  const tooltipAppearanceItem = tooltipConfig.appearance[appearance] || {};
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass || tooltipAppearanceItem.fillClass && `fill_${tooltipAppearanceItem.fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && `tooltip_type_arrow tooltip_arrow_position_${arrowPosition}`, type && `tooltip_type_${type}`, set && `tooltip_set_${set}`, widthClass),
-    style: tooltipStyles,
-    onAnimationEnd: onAnimationEnd
-  }, before, /*#__PURE__*/React__default.createElement("div", {
-    className: "tooltip__inner"
-  }, title && /*#__PURE__*/React__default.createElement(Title, {
-    className: "tooltip__title",
-    size: titleSize,
-    textColor: titleTextColor || tooltipAppearanceItem.titleTextColor
-  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
-    className: "tooltip__text",
-    size: textSize,
-    textColor: textColor || tooltipAppearanceItem.textColor
-  }, text), children), after);
-});
-Tooltip.propTypes = {
-  after: PropTypes.string,
-  appearance: PropTypes.string,
-  arrowPosition: PropTypes.string,
-  before: PropTypes.string,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  fill: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  set: PropTypes.string,
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps),
-  /**
-   * внутренний padding и отступ gap между элементами
-   */
-  size: PropTypes.oneOf(sizeProps),
-  sizeDesktop: PropTypes.oneOf(sizeProps),
-  sizeMobile: PropTypes.oneOf(sizeProps),
-  sizeTablet: PropTypes.oneOf(sizeProps),
-  text: PropTypes.any,
-  textColor: PropTypes.oneOf(textColorProps),
-  textSize: PropTypes.oneOf(textSizeProps),
-  textSizeDesktop: PropTypes.oneOf(textSizeProps),
-  textSizeMobile: PropTypes.oneOf(textSizeProps),
-  textSizeTablet: PropTypes.oneOf(textSizeProps),
-  title: PropTypes.string,
-  titleSize: PropTypes.oneOf(titleSizeProps),
-  titleTextColor: PropTypes.oneOf(textColorProps),
-  type: PropTypes.string
-};
-Tooltip.defaultProps = {
-  initialIsVisible: null
-};
-Tooltip.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Tooltip",
-  "props": {
-    "initialIsVisible": {
-      "defaultValue": {
-        "value": "null",
-        "computed": false
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "appearance": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "arrowPosition": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "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
-    },
-    "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
-    },
-    "set": {
-      "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
-    },
-    "size": {
-      "description": "\u0432\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0439 padding \u0438 \u043E\u0442\u0441\u0442\u0443\u043F gap \u043C\u0435\u0436\u0434\u0443 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430\u043C\u0438",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "sizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textSizeProps"
-      },
-      "required": false
-    },
-    "textSizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textSizeProps"
-      },
-      "required": false
-    },
-    "textSizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textSizeProps"
-      },
-      "required": false
-    },
-    "textSizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textSizeProps"
-      },
-      "required": false
-    },
-    "title": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "titleSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "titleSizeProps"
-      },
-      "required": false
-    },
-    "titleTextColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Tooltip, tooltipConfig };
+import '../Text-edtauAM6.js';
+import '../Title-BUN57fWw.js';

package/dist/components/Video/Video.d.ts

@@ -0,0 +1,3 @@
+import { IVideoProps } from './Video.interface';
+declare function Video(props: IVideoProps): import("react/jsx-runtime").JSX.Element;
+export { Video };

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

@@ -0,0 +1,15 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface IVideoProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    codecs: string;
+    id?: string;
+    mp4?: string;
+    ogv?: string;
+    position?: string;
+    poster?: string;
+    style?: CSSProperties;
+    type?: string;
+    webm?: string;
+}

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

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

package/dist/components/Video.js

@@ -1,167 +1,13 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useStyles } from '../hooks/useStyles.js';
+export { V as Video } from '../Video-0z4mNz4P.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useStyles.js';
 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';
-
-function Video(props) {
-  const {
-    id,
-    children,
-    className,
-    poster,
-    webm,
-    ogv,
-    mp4,
-    type,
-    position
-  } = props;
-  const {
-    styles: videoStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('video', className, type && `video_type_${type}`, position && `video_position_${position}`),
-    id: id,
-    style: videoStyles
-  }, /*#__PURE__*/React__default.createElement("video", {
-    autoPlay: true,
-    className: "video__wrapper",
-    poster: poster,
-    muted: true,
-    loop: true,
-    playsInline: false
-  }, webm && /*#__PURE__*/React__default.createElement("source", {
-    src: webm,
-    type: "video/webm",
-    codecs: "vp8, vorbis"
-  }), ogv && /*#__PURE__*/React__default.createElement("source", {
-    src: ogv,
-    type: "video/ogg",
-    codecs: "theora, vorbis"
-  }), mp4 && /*#__PURE__*/React__default.createElement("source", {
-    src: mp4,
-    type: "video/mp4",
-    codecs: "avc1.42E01E, mp4a.40.2"
-  })), children);
-}
-Video.propTypes = {
-  id: PropTypes.string,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  size: PropTypes.string,
-  position: PropTypes.string,
-  type: PropTypes.string,
-  poster: PropTypes.string,
-  onClick: PropTypes.func,
-  webm: PropTypes.string,
-  ogv: PropTypes.string,
-  mp4: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string
-};
-Video.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Video",
-  "props": {
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "poster": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "webm": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "ogv": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "mp4": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "height": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Video };

package/dist/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,9 @@
+import { IWrapperProps } from './Wrapper.interface';
+declare function Wrapper(props: IWrapperProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Wrapper {
+    var defaultProps: {
+        className: string;
+        tag: string;
+    };
+}
+export { Wrapper };

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

@@ -0,0 +1,20 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, fillPropsType, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
+export interface IWrapperProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    fill?: fillPropsType;
+    horizontalResizing?: horizontalResizeModePropsType;
+    id?: string;
+    position?: positionPropsType;
+    style?: CSSProperties;
+    tag?: ElementType;
+    type?: string;
+    verticalResizing?: verticalResizeModePropsType;
+    wrapperPosition?: positionPropsType;
+}

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

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