@itcase/ui 1.1.8 → 1.1.10

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

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

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

@@ -0,0 +1,42 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, fillHoverPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IChipsThemeColor {
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    borderColor?: borderColorPropsType;
+    borderColorDesktop?: borderColorPropsType;
+    borderColorMobile?: borderColorPropsType;
+    borderColorTablet?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    borderTypeDesktop?: borderTypePropsType;
+    borderTypeMobile?: borderTypePropsType;
+    borderTypeTablet?: borderTypePropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    labelSize?: textSizePropsType;
+    labelTextColor?: textColorPropsType;
+    labelTextWeight?: textWeightPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type chipsAppearanceType = {
+    [key in appearanceKeysType]?: IChipsThemeColor;
+};
+export interface IChipsConfig {
+    appearance: chipsAppearanceType | undefined;
+    setAppearance: (newComponent: chipsAppearanceType) => void;
+}
+export interface IChipsProps extends IChipsThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: ReactNode;
+    className?: string;
+    cursor?: string;
+    label?: string;
+    style?: CSSProperties;
+    type?: string;
+    onClick?: () => void;
+}
+export {};

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

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

package/dist/cjs/components/Chips.js

@@ -1,393 +1,23 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var borderType = require('../constants/componentProps/borderType.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var size = require('../constants/componentProps/size.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-var Text = require('../Text-D7Aq1i5R.js');
+var Chips = require('../Chips-DkUdk6Zs.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+require('../Text-CgYNdSwY.js');
 
-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 chipsConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    chipsConfig.appearance = newComponent;
-  }
-};
-function Chips(props) {
-  const {
-    appearance,
-    children,
-    className,
-    label,
-    labelSize,
-    labelTextColor,
-    labelTextWeight,
-    type,
-    onClick
-  } = props;
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'chips_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'chips_shape_',
-    propsKey: 'shape'
-  });
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'cursor_',
-    propsKey: 'cursor'
-  });
-  const {
-    styles: chipsStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'chips', fillClass || chipsConfig.appearance[appearance]?.fill && `fill_${chipsConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || chipsConfig.appearance[appearance]?.fillHover && `fill_hover_${chipsConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, borderClass || chipsConfig.appearance[appearance]?.border && `border-color_${chipsConfig.appearance[appearance].border}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && `chips_type_${type}`, cursorClass),
-    style: chipsStyles,
-    onClick: onClick
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "chips__inner"
-  }, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "chips__label",
-    textColor: labelTextColor || chipsConfig.appearance[appearance]?.labelTextColor && chipsConfig.appearance[appearance].labelTextColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textWeight: labelTextWeight,
-    size: labelSize
-  }, label) : /*#__PURE__*/React__default.default.createElement("div", {
-    className: "chips__label"
-  }, label), children));
-}
-Chips.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  border: PropTypes__default.default.string,
-  borderDesktop: PropTypes__default.default.string,
-  borderMobile: PropTypes__default.default.string,
-  borderTablet: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
-  borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillHover: PropTypes__default.default.oneOf(fill.default),
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  label: PropTypes__default.default.any,
-  labelSize: PropTypes__default.default.oneOf(size.default),
-  labelSizeDesktop: PropTypes__default.default.oneOf(size.default),
-  labelSizeMobile: PropTypes__default.default.oneOf(size.default),
-  labelSizeTablet: PropTypes__default.default.oneOf(size.default),
-  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),
-  type: PropTypes__default.default.string
-};
-Chips.defaultProps = {
-  label: 'Chips'
-};
-Chips.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Chips",
-  "props": {
-    "label": {
-      "defaultValue": {
-        "value": "'Chips'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "border": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderType": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "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
-    },
-    "fillHover": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "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
-    },
-    "labelSize": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelSizeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelSizeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "labelSizeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "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
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Chips = Chips;
-exports.chipsConfig = chipsConfig;
+exports.Chips = Chips.Chips;
+exports.chipsConfig = Chips.chipsConfig;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IChoiceConfig, IChoiceProps } from './Choice.interface';
+declare const choiceConfig: IChoiceConfig;
+declare const Choice: React.ForwardRefExoticComponent<IChoiceProps & React.RefAttributes<HTMLDivElement>>;
+export { Choice, choiceConfig };

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

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizeOptionPropsType, textColorPropsType, textSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IChoiceThemeColor {
+    borderColor?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    fill?: fillPropsType;
+    fillActive?: fillPropsType;
+    fillActiveDisabled?: fillPropsType;
+    fillDisabled?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    iconFillDisabled?: itemColorPropsType;
+    iconItemFill?: itemColorPropsType;
+    iconSize?: iconSizePropsType;
+    labelTextActiveColor?: textColorPropsType;
+    labelTextActiveColorDisabled?: textColorPropsType;
+    labelTextColor?: textColorPropsType;
+    labelTextColorDisabled?: textColorPropsType;
+    labelTextSize?: textSizePropsType;
+    shape?: shapePropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type choiceAppearanceType = {
+    [key in appearanceKeysType]?: IChoiceThemeColor;
+};
+export interface IChoiceConfig {
+    appearance: choiceAppearanceType | undefined;
+    setAppearance: (newComponent: choiceAppearanceType) => void;
+}
+export interface IChoiceProps extends IChoiceThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    active: {
+        value: ReactNode;
+    };
+    activeIcon?: ReactNode;
+    activeIconItemFill?: itemColorPropsType;
+    after?: ReactNode;
+    before?: ReactNode;
+    className?: string;
+    icon?: ReactNode;
+    isDisabled?: boolean;
+    isMultiple?: boolean;
+    name?: string;
+    options: {
+        value: string;
+        label: ReactNode;
+    }[];
+    set?: string;
+    size?: sizeOptionPropsType;
+    type?: string;
+    setActiveSegment?: (item: any, isChecked?: boolean) => void;
+}
+export {};

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

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