@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Text/Text.d.ts

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

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

@@ -0,0 +1,51 @@
+import React, { ElementType } from 'react';
+import { sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, widthPropsType } from '../../constants-ts';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+interface ThemeColor {
+    size?: sizePropsType;
+    textColor?: textColorPropsType;
+}
+interface IAppearance {
+    [key: string]: ThemeColor;
+}
+export interface ITextConfig {
+    appearance: IAppearance;
+    setAppearance: (newComponent: IAppearance) => void;
+}
+export interface ITextProps extends TypeStyleAttributes {
+    id?: number | string;
+    dataTestId?: number | string;
+    children: React.ReactNode;
+    className?: string;
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    appearance?: string;
+    dataTour?: string;
+    mode?: string;
+    tag?: ElementType;
+    htmlFor?: string;
+    onClick?: () => void;
+    cursor?: string;
+    size?: sizePropsType;
+    textWeight?: textWeightPropsType;
+    textColor?: textColorPropsType;
+    textAlign?: textAlignPropsType;
+    textColorActive?: textColorActivePropsType;
+    textColorHover?: textColorHoverPropsType;
+    textColorGradient?: textGradientPropsType;
+    textTruncate?: string;
+    textStyle?: textStylePropsType;
+    textWrap?: textWrapPropsType;
+    width?: widthPropsType;
+    sizeDesktop?: sizePropsType;
+    sizeMobile?: sizePropsType;
+    sizeTablet?: sizePropsType;
+    textColorMobile?: textColorPropsType;
+    textColorTablet?: textColorPropsType;
+    textColorDesktop?: textColorPropsType;
+    textWeightDesktop?: textWeightPropsType;
+    textWeightMobile?: textWeightPropsType;
+    textWeightTablet?: textWeightPropsType;
+    type?: typePropsType;
+}
+export {};

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

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

package/dist/components/Text.js

@@ -1,362 +1,15 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var textColor = require('../constants/componentProps/textColor.js');
-var textColorActive = require('../constants/componentProps/textColorActive.js');
-var textColorHover = require('../constants/componentProps/textColorHover.js');
-var size = require('../constants/componentProps/size.js');
-var textStyle = require('../constants/componentProps/textStyle.js');
-var textGradient = require('../constants/componentProps/textGradient.js');
-var textWeight = require('../constants/componentProps/textWeight.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-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);
-
-const textConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    textConfig.appearance = newComponent;
-  }
-};
-function Text(props) {
-  const {
-    after,
-    appearance,
-    dataTestId,
-    before,
-    children,
-    className,
-    cursor,
-    dataTour,
-    htmlFor,
-    mode,
-    tag: Tag,
-    type,
-    onClick
-  } = props;
-  const cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'cursor_',
-    propsKey: 'cursor'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'size'
-  });
-  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-align_',
-    propsKey: 'textAlign'
-  });
-  const textColorActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_active_',
-    propsKey: 'textColorActive'
-  });
-  const textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_hover_',
-    propsKey: 'textColorHover'
-  });
-  const textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-gradient_',
-    propsKey: 'textColorGradient'
-  });
-  const textTruncateClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-truncate_',
-    propsKey: 'textTruncate'
-  });
-  const textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-style_',
-    propsKey: 'textStyle'
-  });
-  const textWrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'word-wrap_',
-    propsKey: 'textWrap'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const {
-    styles: textStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'text', sizeClass || textConfig.appearance[appearance] && `text_size_${textConfig.appearance[appearance].size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, textAlignClass, textColorClass || textConfig.appearance[appearance] && `text-color_${textConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && `text_type_${type}`, mode && `text_mode_${mode}`, widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')),
-    "data-tour": dataTour,
-    htmlFor: htmlFor,
-    style: textStyles,
-    onClick: onClick,
-    "data-test-id": dataTestId
-  }, before, children, after);
-}
-Text.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  size: PropTypes__default.default.oneOf(size.default),
-  sizeDesktop: PropTypes__default.default.oneOf(size.default),
-  sizeMobile: PropTypes__default.default.oneOf(size.default),
-  sizeTablet: PropTypes__default.default.oneOf(size.default),
-  tag: PropTypes__default.default.string,
-  cursor: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  textColorMobile: PropTypes__default.default.oneOf(textColor.default),
-  textColorTablet: PropTypes__default.default.oneOf(textColor.default),
-  textColorDesktop: PropTypes__default.default.oneOf(textColor.default),
-  textColorActive: PropTypes__default.default.oneOf(textColorActive.default),
-  textColorHover: PropTypes__default.default.oneOf(textColorHover.default),
-  textGradient: PropTypes__default.default.oneOf(textGradient.default),
-  textStyle: PropTypes__default.default.oneOf(textStyle.default),
-  textWeight: PropTypes__default.default.oneOf(textWeight.default),
-  textWeightDesktop: PropTypes__default.default.oneOf(textWeight.default),
-  textWeightMobile: PropTypes__default.default.oneOf(textWeight.default),
-  textWeightTablet: PropTypes__default.default.oneOf(textWeight.default),
-  type: PropTypes__default.default.string,
-  htmlFor: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func
-};
-Text.defaultProps = {
-  tag: 'span'
-};
-Text.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Text",
-  "props": {
-    "tag": {
-      "defaultValue": {
-        "value": "'span'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "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
-    },
-    "cursor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "textColorActive": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorActiveProps"
-      },
-      "required": false
-    },
-    "textColorHover": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorHoverProps"
-      },
-      "required": false
-    },
-    "textGradient": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textGradientProps"
-      },
-      "required": false
-    },
-    "textStyle": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textStyleProps"
-      },
-      "required": false
-    },
-    "textWeight": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "textWeightTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textWeightProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "htmlFor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Text = Text;
-exports.textConfig = textConfig;
+export { T as Text, t as textConfig } from '../Text-DffpwlYq.js';
+import '../jsx-runtime-ClDdVO4Q.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';

package/dist/components/Textarea.js

@@ -1,23 +1,15 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var borderColor = require('../constants/componentProps/borderColor.js');
-var size = require('../constants/componentProps/size.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import borderColorProps from '../constants/componentProps/borderColor.js';
+import sizeProps from '../constants/componentProps/size.js';
+import textColorProps from '../constants/componentProps/textColor.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
 
 const textareaConfig = {
   state: {},
@@ -42,52 +34,52 @@ function Textarea(props) {
     onChange,
     onKeyDown
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorHoverClass = useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
     propsKey: 'borderHover'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'textarea_size_',
     propsKey: 'size'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'textarea_shape_',
     propsKey: 'shape'
   });
-  const textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textSizeClass = useDeviceTargetClass(props, {
     prefix: 'text_size_',
     propsKey: 'textSize'
   });
-  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textColorClass = useDeviceTargetClass(props, {
     prefix: 'text-color_',
     propsKey: 'textColor'
   });
-  const caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const caretClass = useDeviceTargetClass(props, {
     prefix: 'caret-color_',
     propsKey: 'caret'
   });
-  const placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const placeholderTextColorClass = useDeviceTargetClass(props, {
     prefix: 'placeholder-text-color_',
     propsKey: 'placeholderTextColor'
   });
-  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const weightClass = useDeviceTargetClass(props, {
     prefix: 'text-weight_',
     propsKey: 'textWeight'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  return /*#__PURE__*/React__default.default.createElement("textarea", {
-    className: clsx__default.default(className, 'textarea', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, borderColorClass || textareaConfig.state[state]?.borderColor && `border-color_${textareaConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.borderColor && `border-color_${textareaConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorHoverClass || textareaConfig.appearance[appearance]?.borderHover && `border-color_hover_${textareaConfig.appearance[appearance].borderHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), placeholderTextColorClass || textareaConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${textareaConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.placeholderTextColor && `placeholder-text-color_${textareaConfig.appearance[appearance].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), sizeClass, shapeClass || textareaConfig.appearance[appearance]?.shape && `textarea_shape_${textareaConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textSizeClass || textareaConfig.appearance[appearance]?.textSize && `text_size_${textareaConfig.appearance[appearance].textSize}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorClass || textareaConfig.state[state]?.textColor && `text-color_${textareaConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.textColor && `text-color_${textareaConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, widthClass),
+  return /*#__PURE__*/React__default.createElement("textarea", {
+    className: clsx(className, 'textarea', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, borderColorClass || textareaConfig.state[state]?.borderColor && `border-color_${textareaConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.borderColor && `border-color_${textareaConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorHoverClass || textareaConfig.appearance[appearance]?.borderHover && `border-color_hover_${textareaConfig.appearance[appearance].borderHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), placeholderTextColorClass || textareaConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${textareaConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.placeholderTextColor && `placeholder-text-color_${textareaConfig.appearance[appearance].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), sizeClass, shapeClass || textareaConfig.appearance[appearance]?.shape && `textarea_shape_${textareaConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textSizeClass || textareaConfig.appearance[appearance]?.textSize && `text_size_${textareaConfig.appearance[appearance].textSize}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorClass || textareaConfig.state[state]?.textColor && `text-color_${textareaConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.textColor && `text-color_${textareaConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, widthClass),
     id: id,
     disabled: disabled,
     placeholder: placeholder,
@@ -98,17 +90,17 @@ function Textarea(props) {
   });
 }
 Textarea.propTypes = {
-  id: PropTypes__default.default.string,
-  className: PropTypes__default.default.string,
-  placeholder: PropTypes__default.default.string,
-  value: PropTypes__default.default.string,
-  disabled: PropTypes__default.default.bool,
-  size: PropTypes__default.default.oneOf(size.default),
-  borderColor: PropTypes__default.default.oneOf(borderColor.default),
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  onBlur: PropTypes__default.default.func,
-  onChange: PropTypes__default.default.func,
-  onKeyDown: PropTypes__default.default.func
+  id: PropTypes.string,
+  className: PropTypes.string,
+  placeholder: PropTypes.string,
+  value: PropTypes.string,
+  disabled: PropTypes.bool,
+  size: PropTypes.oneOf(sizeProps),
+  borderColor: PropTypes.oneOf(borderColorProps),
+  textColor: PropTypes.oneOf(textColorProps),
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func
 };
 Textarea.defaultProps = {
   size: 'm'
@@ -208,5 +200,4 @@ Textarea.__docgenInfo = {
   }
 };
 
-exports.Textarea = Textarea;
-exports.textareaConfig = textareaConfig;
+export { Textarea, textareaConfig };