@itcase/ui 1.1.9 → 1.1.11

package/dist/cjs/components/InputPassword.js

@@ -1,255 +1,29 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var Icon = require('../Icon-UBahY607.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('../Link-BoShjCEw.js');
-require('../jsx-runtime-BCmQOGxJ.js');
-require('../hooks/useStyles.js');
+var InputPassword = require('../InputPassword-DHgR_QTK.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../Icon-DzJtiBBk.js');
+require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
-require('./Tooltip.js');
-require('../Text-D7Aq1i5R.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
+require('../Title-C3lN-EvU.js');
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-const inputPasswordConfig = {
-  state: {},
-  setState: newComponent => {
-    inputPasswordConfig.state = newComponent;
-  },
-  appearance: {},
-  setAppearance: newComponent => {
-    inputPasswordConfig.appearance = newComponent;
-  }
-};
-function InputMask(props) {
-  const {
-    appearance,
-    state,
-    id,
-    iconFill,
-    iconRevealableHide,
-    iconRevealableShow,
-    iconFillHover,
-    iconShape,
-    iconSize,
-    isRevealable,
-    className,
-    placeholder,
-    disabled,
-    value,
-    onBlur,
-    onChange,
-    onFocus,
-    onKeyDown
-  } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'input-password__input_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'input-password__input_shape_',
-    propsKey: 'shape'
-  });
-  const textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'textSize'
-  });
-  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'caret-color_',
-    propsKey: 'caret'
-  });
-  const placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_',
-    propsKey: 'placeholderTextColor'
-  });
-  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const [isRevealed, setIsRevealed] = React.useState(false);
-  const inputType = React.useMemo(() => {
-    return isRevealed ? 'text' : 'password';
-  }, [isRevealed]);
-  const revealeHandler = React.useCallback(e => {
-    e.preventDefault();
-    setIsRevealed(prev => !prev);
-  }, [setIsRevealed]);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: "input-password"
-  }, /*#__PURE__*/React__default.default.createElement("input", {
-    className: clsx__default.default(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass || inputPasswordConfig.appearance[appearance]?.shape && `input-password__input_shape_${inputPasswordConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textSizeClass || inputPasswordConfig.appearance[appearance]?.textSize && `text_size_${inputPasswordConfig.appearance[appearance].textSize}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, widthClass, borderWidthClass, sizeClass || inputPasswordConfig.appearance[appearance]?.size && `input-password__input_size_${inputPasswordConfig.appearance[appearance].size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || inputPasswordConfig.state[state]?.borderColor && `border-color_${inputPasswordConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || inputPasswordConfig.appearance[appearance]?.borderColor && `border-color_${inputPasswordConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), placeholderTextColorClass || inputPasswordConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${inputPasswordConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || inputPasswordConfig.appearance[appearance]?.placeholderTextColor && `placeholder-text-color_${inputPasswordConfig.appearance[appearance].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorClass || inputPasswordConfig.state[state]?.textColor && `text-color_${inputPasswordConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || inputPasswordConfig.appearance[appearance]?.textColor && `text-color_${inputPasswordConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    type: inputType,
-    id: id,
-    disabled: disabled,
-    placeholder: placeholder,
-    value: value,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown
-  }), isRevealable && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
-    className: "input-password__icon",
-    iconFill: iconFill,
-    iconFillHover: iconFillHover,
-    SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow,
-    imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow,
-    shape: iconShape,
-    size: iconSize,
-    onClick: revealeHandler
-  }));
-}
-InputMask.propTypes = {
-  id: PropTypes__default.default.string,
-  className: PropTypes__default.default.string,
-  placeholder: PropTypes__default.default.string,
-  value: PropTypes__default.default.string,
-  checked: PropTypes__default.default.bool,
-  disabled: PropTypes__default.default.bool,
-  onBlur: PropTypes__default.default.func,
-  onChange: PropTypes__default.default.func,
-  onKeyDown: PropTypes__default.default.func,
-  type: PropTypes__default.default.string
-};
-InputMask.defaultProps = {
-  size: 'm',
-  type: 'text'
-};
-InputMask.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "InputMask",
-  "props": {
-    "size": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "required": false
-    },
-    "type": {
-      "defaultValue": {
-        "value": "'text'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "placeholder": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "value": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "checked": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "disabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "onBlur": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onChange": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onKeyDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
 
-exports.InputMask = InputMask;
-exports.inputPasswordConfig = inputPasswordConfig;
+exports.InputPassword = InputPassword.InputPassword;
+exports.inputPasswordConfig = InputPassword.inputPasswordConfig;

package/dist/cjs/components/Label/Label.d.ts

@@ -0,0 +1,9 @@
+import { ILabelConfig, ILabelProps } from './Label.interface';
+declare const labelConfig: ILabelConfig;
+declare function Label(props: ILabelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Label {
+    var defaultProps: {
+        label: string;
+    };
+}
+export { Label, labelConfig };

package/dist/cjs/components/Label/Label.interface.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignmentPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, fillHoverPropsType, fillPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType, titleSizePropsType, widthPropsType, wrapPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface ILabelThemeColor {
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    borderColor?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    label?: string;
+    labelTextColor?: textColorPropsType;
+    labelTextColorHover?: textColorHoverPropsType;
+    labelTextSize?: textSizePropsType;
+    labelTextWeight?: textWeightPropsType;
+    labelTextWrap?: textWrapPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    tooltipTextSize?: textSizePropsType;
+    tooltipTitleSize?: titleSizePropsType;
+    width?: widthPropsType;
+    wrap?: wrapPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type labelAppearanceType = {
+    [key in appearanceKeysType]?: ILabelThemeColor;
+};
+export interface ILabelConfig {
+    appearance: labelAppearanceType | undefined;
+    setAppearance: (newComponent: labelAppearanceType) => void;
+}
+export interface ILabelProps extends ILabelThemeColor, TypeStyleAttributes {
+    after?: ReactNode;
+    appearance?: appearanceKeysType;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    cursor?: string;
+    dataTour?: string;
+    mode?: string;
+    set?: string;
+    showTooltip?: boolean;
+    style?: CSSProperties;
+    textAlign?: textAlignPropsType;
+    tooltipAlignment?: alignmentPropsType;
+    tooltipAppearance?: appearanceKeysType;
+    tooltipArrowPosition?: string;
+    tooltipContent?: string;
+    tooltipRef?: string;
+    tooltipText?: string;
+    tooltipTitle?: string;
+    type?: string;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    openTooltip?: () => boolean;
+    closeTooltip?: () => boolean;
+}
+export {};

package/dist/cjs/components/Label/index.d.ts

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