@itcase/ui 1.1.8 → 1.1.10

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

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { directionPropsType, fillHoverPropsType, fillPropsType, sizePropsType, widthPropsType } from '../../types';
 export interface IDividerThemeColor {
@@ -25,4 +26,5 @@ export interface IDividerThemeColor {
 }
 export interface IDividerProps extends IDividerThemeColor, TypeStyleAttributes {
     className?: string;
+    style?: CSSProperties;
 }

package/dist/components/Divider.js

@@ -1,5 +1,5 @@
-export { D as Divider } from '../Divider-BlBwMHgl.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { D as Divider } from '../Divider-D0TEKxHr.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { CSSProperties, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorPropsType, borderTypePropsType, fillPropsType, shapePropsType, sizePropsType } from '../../types';
 export interface IDotThemeColor {
@@ -14,13 +14,14 @@ export interface IDotThemeColor {
     fillDesktop?: fillPropsType;
     fillMobile?: fillPropsType;
     fillTablet?: fillPropsType;
-    size?: sizePropsType;
     shape?: shapePropsType;
     shapeDesktop?: shapePropsType;
     shapeMobile?: shapePropsType;
     shapeTablet?: shapePropsType;
+    size?: sizePropsType;
 }
 export interface IDotProps extends IDotThemeColor, TypeStyleAttributes {
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
+    style?: CSSProperties;
 }

package/dist/components/Dot.js

@@ -1,5 +1,5 @@
-export { D as Dot } from '../Dot-C3R1y59u.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { D as Dot } from '../Dot-Bc0Ly45H.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';

package/dist/components/Drawer/Drawer.d.ts

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface IDrawerProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTour?: string;
+    direction: 'bottom' | 'left' | 'right' | 'top';
+    enableOverlay?: boolean;
+    open: boolean;
+    size?: number | string;
+    type?: string;
+    isOpenModal?: boolean;
+    closeModal?: () => void;
+}

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

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

package/dist/components/Drawer.js

@@ -1,276 +1,4 @@
-import React__default, { useRef, useEffect, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-var getDirectionStyle = function getDirectionStyle(dir, size) {
-  switch (dir) {
-    case 'left':
-      return {
-        top: 0,
-        left: 0,
-        transform: 'translate3d(-100%, 0, 0)',
-        width: size,
-        height: '100vh'
-      };
-
-    case 'right':
-      return {
-        top: 0,
-        right: 0,
-        transform: 'translate3d(100%, 0, 0)',
-        width: size,
-        height: '100vh'
-      };
-
-    case 'bottom':
-      return {
-        left: 0,
-        right: 0,
-        bottom: 0,
-        transform: 'translate3d(0, 100%, 0)',
-        width: '100%',
-        height: size
-      };
-
-    case 'top':
-      return {
-        left: 0,
-        right: 0,
-        top: 0,
-        transform: 'translate3d(0, -100%, 0)',
-        width: '100%',
-        height: size
-      };
-
-    default:
-      return {};
-  }
-};
-
-var EZDrawer = function EZDrawer(props) {
-  var open = props.open,
-      _props$onClose = props.onClose,
-      onClose = _props$onClose === void 0 ? function () {} : _props$onClose,
-      children = props.children,
-      style = props.style,
-      _props$enableOverlay = props.enableOverlay,
-      enableOverlay = _props$enableOverlay === void 0 ? true : _props$enableOverlay,
-      _props$overlayColor = props.overlayColor,
-      overlayColor = _props$overlayColor === void 0 ? '#000' : _props$overlayColor,
-      _props$overlayOpacity = props.overlayOpacity,
-      overlayOpacity = _props$overlayOpacity === void 0 ? 0.4 : _props$overlayOpacity,
-      _props$zIndex = props.zIndex,
-      zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 500 : _props$duration,
-      direction = props.direction,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 250 : _props$size,
-      className = props.className,
-      customIdSuffix = props.customIdSuffix,
-      _props$lockBackground = props.lockBackgroundScroll,
-      lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground,
-      _props$overlayClassNa = props.overlayClassName,
-      overlayClassName = _props$overlayClassNa === void 0 ? '' : _props$overlayClassNa;
-  var bodyRef = useRef(null);
-  useEffect(function () {
-    var updatePageScroll = function updatePageScroll() {
-      bodyRef.current = window.document.querySelector('body');
-
-      if (bodyRef.current && lockBackgroundScroll) {
-        if (open) {
-          bodyRef.current.style.overflow = 'hidden';
-        } else {
-          bodyRef.current.style.overflow = '';
-        }
-      }
-    };
-
-    updatePageScroll();
-  }, [open]);
-  var idSuffix = useMemo(function () {
-    return customIdSuffix || (Math.random() + 1).toString(36).substring(7);
-  }, [customIdSuffix]);
-  var overlayStyles = {
-    backgroundColor: "" + overlayColor,
-    opacity: "" + overlayOpacity,
-    zIndex: zIndex
-  };
-
-  var drawerStyles = _extends({
-    zIndex: zIndex + 1,
-    transitionDuration: duration + "ms"
-  }, getDirectionStyle(direction, size), style);
-
-  return React__default.createElement("div", {
-    id: 'EZDrawer' + idSuffix,
-    className: 'EZDrawer'
-  }, React__default.createElement("input", {
-    type: 'checkbox',
-    id: 'EZDrawer__checkbox' + idSuffix,
-    className: 'EZDrawer__checkbox',
-    onChange: onClose,
-    checked: open
-  }), React__default.createElement("nav", {
-    role: 'navigation',
-    id: 'EZDrawer__container' + idSuffix,
-    style: drawerStyles,
-    className: 'EZDrawer__container ' + className
-  }, children), enableOverlay && React__default.createElement("label", {
-    htmlFor: 'EZDrawer__checkbox' + idSuffix,
-    id: 'EZDrawer__overlay' + idSuffix,
-    className: 'EZDrawer__overlay ' + overlayClassName,
-    style: overlayStyles
-  }));
-};
-
-function Drawer(props) {
-  const {
-    isOpenModal,
-    type,
-    closeModal,
-    children,
-    size,
-    before,
-    after,
-    dataTour,
-    direction,
-    className,
-    enableOverlay
-  } = props;
-  return /*#__PURE__*/React__default.createElement(EZDrawer, {
-    className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
-    direction: direction || 'right',
-    lockBackgroundScroll: false,
-    open: isOpenModal,
-    overlayClassName: "drawer__overlay",
-    size: size || 600,
-    onClose: closeModal,
-    enableOverlay: enableOverlay
-  }, before && /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__before"
-  }, before), children && /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__wrapper"
-  }, children), after && /*#__PURE__*/React__default.createElement("div", {
-    className: "drawer__after"
-  }, after));
-}
-Drawer.propTypes = {
-  isOpenModal: PropTypes.bool.isRequired,
-  after: PropTypes.any,
-  before: PropTypes.any,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  closeModal: PropTypes.func,
-  dataTour: PropTypes.string,
-  direction: PropTypes.string,
-  // "right", "left", "top", "bottom"
-  size: PropTypes.number,
-  // width in px
-  type: PropTypes.string,
-  enableOverlay: PropTypes.bool
-};
-Drawer.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Drawer",
-  "props": {
-    "isOpenModal": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": true
-    },
-    "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
-    },
-    "closeModal": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "dataTour": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "direction": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "enableOverlay": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Drawer };
+export { D as Drawer } from '../Drawer-CgJX3Utw.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,10 @@
+import { IDropdownProps } from './Dropdown.interface';
+declare function Dropdown(props: IDropdownProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Dropdown {
+    var defaultProps: {
+        animationOpen: string;
+        animationClose: string;
+        set: string;
+    };
+}
+export { Dropdown };

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

@@ -0,0 +1,73 @@
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignmentPropsType, alignPropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, justifyContentPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, underlinePropsType, widthPropsType } from '../../types';
+export interface IDropdownProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    alignment?: alignmentPropsType;
+    animationClose?: string;
+    animationOpen?: string;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    elevation?: elevationPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    isOpen: boolean;
+    set?: string;
+    shape?: shapePropsType;
+    style?: CSSProperties;
+    setIsOpen: (newState: boolean) => void;
+}
+export interface IDropdownItemProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    desc?: string;
+    descTextColor?: textColorPropsType;
+    descTextColorHover?: textColorHoverPropsType;
+    descTextGradient?: textGradientPropsType;
+    descTextSize?: textSizePropsType;
+    descTextStyle?: textStylePropsType;
+    descTextWeight?: textWeightPropsType;
+    descTextWrap?: textWrapPropsType;
+    direction?: directionPropsType;
+    dividerDirection?: directionPropsType;
+    dividerFill?: fillPropsType;
+    dividerSize?: sizePropsType;
+    fill?: fillPropsType;
+    fillActive?: fillPropsType;
+    fillActiveHover?: fillHoverPropsType;
+    fillDisabled?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    href?: string;
+    justifyContent?: justifyContentPropsType;
+    label?: string;
+    labelTextAlign?: textAlignPropsType;
+    labelTextColor?: textColorPropsType;
+    labelTextColorActive?: textColorActivePropsType;
+    labelTextColorHover?: textColorHoverPropsType;
+    labelTextGradient?: textGradientPropsType;
+    labelTextSize?: textSizePropsType;
+    labelTextStyle?: textStylePropsType;
+    labelTextWeight?: textWeightPropsType;
+    labelTextWrap?: textWrapPropsType;
+    link?: string;
+    linkFill?: fillPropsType;
+    rel?: string;
+    set?: string;
+    shape?: shapePropsType;
+    showDivider?: boolean;
+    size?: sizePropsType;
+    style?: CSSProperties;
+    target?: string;
+    type?: typePropsType;
+    underline?: underlinePropsType;
+    width?: widthPropsType;
+    isActive?: boolean;
+    isHover?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+}

package/dist/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,10 @@
+import { IDropdownItemProps } from './Dropdown.interface';
+declare function DropdownItem(props: IDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownItem {
+    var defaultProps: {
+        size: string;
+        LinkComponent: string;
+        width: string;
+    };
+}
+export { DropdownItem };

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

@@ -0,0 +1,3 @@
+import { Dropdown } from './Dropdown';
+import { DropdownItem } from './DropdownItem';
+export { Dropdown, DropdownItem };

package/dist/components/Dropdown.js

@@ -1,23 +1,19 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-Dgf0LRhx.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-DOBsvnrL.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
-import 'prop-types';
 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 '../Divider-BlBwMHgl.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../Link-ByBzBRDH.js';
-import '../Text-BcGbRc14.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
-import '../constants/componentProps/size.js';
+import '../Divider-D0TEKxHr.js';
+import '../Link-CbCqej5B.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../Text-edtauAM6.js';

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

@@ -1,25 +1,26 @@
-import React, { ElementType } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, shapePropsType, widthPropsType } from '../../types';
 export interface IFlexProps extends TypeStyleAttributes {
-    id?: number | string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
+    id?: number | string;
+    style?: CSSProperties;
     tag?: ElementType;
     type?: string;
     onClick?: () => void;
     alignContent?: flexJustifyContentPropsType;
     alignItems?: flexAlignPropsType;
-    justifyContent?: flexJustifyContentPropsType;
-    wrap?: flexWrapPropsType;
+    border?: borderColorPropsType;
+    borderType?: borderTypePropsType;
     direction?: alignDirectionPropsType;
-    flow?: string;
     fill?: fillPropsType;
+    flow?: string;
+    justifyContent?: flexJustifyContentPropsType;
+    position?: positionPropsType;
     shape?: shapePropsType;
     width?: widthPropsType;
-    position?: positionPropsType;
-    border?: borderColorPropsType;
-    borderType?: borderTypePropsType;
+    wrap?: flexWrapPropsType;
     gapWrapper?: string;
     maxWidthWrapper?: string;
     alignContentDesktop?: flexJustifyContentPropsType;
@@ -44,35 +45,36 @@ export interface IFlexProps extends TypeStyleAttributes {
     justifyItemsDesktop?: flexAlignPropsType;
     justifyItemsMobile?: flexAlignPropsType;
     justifyItemsTablet?: flexAlignPropsType;
+    positionDesktop?: positionPropsType;
+    positionMobile?: positionPropsType;
+    positionTablet?: positionPropsType;
     shapeDesktop?: shapePropsType;
     shapeMobile?: shapePropsType;
     shapeTablet?: shapePropsType;
-    positionMobile?: positionPropsType;
-    positionTablet?: positionPropsType;
-    positionDesktop?: positionPropsType;
+    widthDesktop?: widthPropsType;
     widthMobile?: widthPropsType;
     widthTablet?: widthPropsType;
-    widthDesktop?: widthPropsType;
     wrapDesktop?: flexWrapPropsType;
     wrapMobile?: flexWrapPropsType;
     wrapTablet?: flexWrapPropsType;
 }
 export interface IFlexItemProps extends TypeStyleAttributes {
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
-    tag?: ElementType;
     htmlFor?: string;
+    style?: CSSProperties;
+    tag?: ElementType;
+    alignItems?: flexAlignPropsType;
     alignSelf?: flexAlignPropsType;
     direction?: directionPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
     grow?: number;
-    alignItems?: flexAlignPropsType;
     justifyContent?: flexJustifyContentPropsType;
+    position?: positionPropsType;
     shape?: shapePropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
     width?: horizontalResizeModePropsType;
     wrap?: flexWrapPropsType;
-    position?: positionPropsType;
     alignItemsDesktop?: flexAlignPropsType;
     alignItemsMobile?: flexAlignPropsType;
     alignItemsTablet?: flexAlignPropsType;
@@ -94,24 +96,24 @@ export interface IFlexItemProps extends TypeStyleAttributes {
     directionDesktop?: directionPropsType;
     directionMobile?: directionPropsType;
     directionTablet?: directionPropsType;
-    growDesktop?: number;
-    growMobile?: number;
-    growTablet?: number;
     fillDesktop?: fillPropsType;
     fillMobile?: fillPropsType;
     fillTablet?: fillPropsType;
+    growDesktop?: number;
+    growMobile?: number;
+    growTablet?: number;
     justifyContentDesktop?: flexJustifyContentPropsType;
     justifyContentMobile?: flexJustifyContentPropsType;
     justifyContentTablet?: flexJustifyContentPropsType;
+    positionDesktop?: positionPropsType;
+    positionMobile?: positionPropsType;
+    positionTablet?: positionPropsType;
     shapeDesktop?: shapePropsType;
     shapeMobile?: shapePropsType;
     shapeTablet?: shapePropsType;
+    widthDesktop?: horizontalResizeModePropsType;
     widthMobile?: horizontalResizeModePropsType;
     widthTablet?: horizontalResizeModePropsType;
-    widthDesktop?: horizontalResizeModePropsType;
-    positionMobile?: positionPropsType;
-    positionTablet?: positionPropsType;
-    positionDesktop?: positionPropsType;
     wrapDesktop?: flexWrapPropsType;
     wrapMobile?: flexWrapPropsType;
     wrapTablet?: flexWrapPropsType;

package/dist/components/Flex.js

@@ -1,5 +1,5 @@
-export { F as Flex, a as FlexItem } from '../FlexItem-DzNgFIa0.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { F as Flex, a as FlexItem } from '../FlexItem-DHmKl6e7.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';

package/dist/components/FormField/ChoiceField.d.ts

@@ -0,0 +1,8 @@
+import { IChoiceFieldProps } from './FormFiled.interface';
+declare function ChoiceField(props: IChoiceFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ChoiceField {
+    var defaultProps: {
+        radioClassName: string;
+    };
+}
+export { ChoiceField };

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,9 @@
+import { IFormFieldProps } from './FormFiled.interface';
+declare function FormField(props: IFormFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormField {
+    var defaultProps: {
+        dividerWidth: string;
+        dividerDirection: string;
+    };
+}
+export { FormField };