@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Radio.js

@@ -1,258 +1,16 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../hooks/useStyles.js';
+export { R as Radio, r as radioConfig } from '../Radio-DFeWsO4E.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
 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';
-import 'lodash/castArray';
-
-const radioConfig = {
-  state: {},
-  setState: newComponent => {
-    radioConfig.state = newComponent;
-  },
-  appearance: {},
-  setAppearance: newComponent => {
-    radioConfig.appearance = newComponent;
-  }
-};
-function Radio(props) {
-  const {
-    appearance,
-    checked,
-    className,
-    desc,
-    descTextColor,
-    descTextSize,
-    descTextWidth,
-    disabled,
-    id,
-    label,
-    labelTextColor,
-    labelTextSize,
-    labelTextWidth,
-    tag: Tag,
-    onChange
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'radio_shape_',
-    propsKey: 'shape'
-  });
-  const stateShapeClass = useDeviceTargetClass(props, {
-    prefix: 'radio__state_shape_',
-    propsKey: 'stateShape'
-  });
-  const stateFillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: checked ? 'stateFillChecked' : 'stateFill'
-  });
-  const stateFillDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: checked ? 'stateFillDisabledChecked' : 'stateFillDisabled'
-  });
-  const stateCheckmarkFillClass = useDeviceTargetClass(props, {
-    prefix: 'radio_checkmark_fill_',
-    propsKey: disabled ? 'stateCheckmarkFillDisabled' : 'stateCheckmarkFill'
-  });
-  const stateBorderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'stateBorderWidth'
-  });
-  const stateBorderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: checked ? 'stateBorderColorChecked' : 'stateBorderColor'
-  });
-  const stateBorderColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: checked ? 'stateBorderColorHoverChecked' : 'stateBorderColorHover'
-  });
-  const stateBorderColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled'
-  });
-  return /*#__PURE__*/React__default.createElement(Tag, {
-    className: clsx(className, 'radio', fillClass, shapeClass),
-    htmlFor: id
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('radio__item', stateCheckmarkFillClass || radioConfig.appearance[appearance]?.stateCheckmarkFill && `radio_checkmark_fill_${radioConfig.appearance[appearance].stateCheckmarkFill}`.replace(/([A-Z])/g, '-$1').toLowerCase())
-  }, /*#__PURE__*/React__default.createElement("input", {
-    checked: checked,
-    className: "radio__input",
-    disabled: disabled,
-    id: id,
-    type: "radio",
-    onChange: onChange
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('radio__state', disabled ? stateFillDisabledClass : stateFillClass, disabled ? stateBorderColorDisabledClass : stateBorderColorClass || radioConfig.appearance[appearance]?.stateBorderColor && `border-color_${radioConfig.appearance[appearance].stateBorderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), stateBorderColorHoverClass, stateShapeClass || radioConfig.appearance[appearance]?.stateShape && `radio__state_shape_${radioConfig.appearance[appearance].stateShape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), stateBorderWidthClass || radioConfig.appearance[appearance]?.stateBorderWidth && `border-width_${radioConfig.appearance[appearance].stateBorderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase())
-  }, "\xA0"), /*#__PURE__*/React__default.createElement("div", {
-    className: "radio__state-checkmark"
-  }, "\xA0")), label && /*#__PURE__*/React__default.createElement(Text, {
-    className: "radio__label",
-    size: labelTextSize || radioConfig.appearance[appearance]?.labelTextSize,
-    textColor: labelTextColor || radioConfig.appearance[appearance]?.labelTextColor,
-    textWeight: labelTextWidth
-  }, label), desc && /*#__PURE__*/React__default.createElement(Text, {
-    className: "radio__desc",
-    size: descTextSize || radioConfig.appearance[appearance]?.descTextSize,
-    textColor: descTextColor || radioConfig.appearance[appearance]?.descTextColor,
-    textWeight: descTextWidth
-  }, desc));
-}
-Radio.propTypes = {
-  appearance: PropTypes.string,
-  checked: PropTypes.bool,
-  className: PropTypes.string,
-  desc: PropTypes.string,
-  descTextColor: PropTypes.string,
-  descTextSize: PropTypes.string,
-  descTextWidth: PropTypes.string,
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  label: PropTypes.string,
-  labelTextColor: PropTypes.string,
-  labelTextSize: PropTypes.string,
-  labelTextWidth: PropTypes.string,
-  tag: PropTypes.string,
-  onChange: PropTypes.func
-};
-Radio.defaultProps = {
-  shape: 'circular',
-  tag: 'label'
-};
-Radio.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Radio",
-  "props": {
-    "shape": {
-      "defaultValue": {
-        "value": "'circular'",
-        "computed": false
-      },
-      "required": false
-    },
-    "tag": {
-      "defaultValue": {
-        "value": "'label'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "appearance": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "checked": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "desc": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "descTextColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "descTextSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "descTextWidth": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "disabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "label": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "labelTextWidth": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onChange": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Radio, radioConfig };
+import '../Text-edtauAM6.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';

package/dist/components/RangeSlider/RangeSlider.d.ts

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

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

@@ -0,0 +1,28 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillPropsType, itemColorPropsType, shapePropsType, widthPropsType } from '../../types';
+export interface IRangeSliderProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    fill?: fillPropsType;
+    fillHandle?: itemColorPropsType;
+    fillHandleDragging?: itemColorPropsType;
+    fillHandleDraggingHover?: itemColorPropsType;
+    fillHandleHover?: itemColorPropsType;
+    fillRail?: fillPropsType;
+    fillTrack?: fillPropsType;
+    max?: number;
+    min?: number;
+    pushable?: boolean;
+    range?: boolean;
+    set?: string;
+    shape?: shapePropsType;
+    style?: CSSProperties;
+    value?: number;
+    vertical?: boolean;
+    width?: widthPropsType;
+    onChangeSlider?: () => void;
+}

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

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

package/dist/components/RangeSlider.js

@@ -1,287 +1,16 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import fillProps from '../constants/componentProps/fill.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import widthProps from '../constants/componentProps/width.js';
-import { useStyles } from '../hooks/useStyles.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import Slider from 'rc-slider';
+export { R as RangeSlider } from '../RangeSlider-BPFVikab.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import 'rc-slider';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
 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';
-import 'lodash/castArray';
-
-function RangeSlider(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    set,
-    disabled,
-    min,
-    max,
-    pushable,
-    range,
-    vertical,
-    value,
-    onChangeSlider
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const trackFillClass = useDeviceTargetClass(props, {
-    prefix: 'range-slider-track-fill_',
-    propsKey: 'fillTrack'
-  });
-  const railFillClass = useDeviceTargetClass(props, {
-    prefix: 'range-slider-rail-fill_',
-    propsKey: 'fillRail'
-  });
-  const handleFillClass = useDeviceTargetClass(props, {
-    prefix: 'range-slider-handle-fill_',
-    propsKey: 'fillHandle'
-  });
-  const handleFillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'range-slider-handle-fill-hover_',
-    propsKey: 'fillHandleHover'
-  });
-  const handleDraggingFillClass = useDeviceTargetClass(props, {
-    prefix: 'range-slider-handle-dragging-fill_',
-    propsKey: 'fillHandleDragging'
-  });
-  const handleDraggingFillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'range-slider-handle-dragging-fill-hover_',
-    propsKey: 'fillHandleDraggingHover'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'filter_shape_',
-    propsKey: 'shape'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const {
-    styles: rangeSliderStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'range-slider', set && `range-slider_set_${set}`, fillClass, trackFillClass, railFillClass, handleFillClass, handleFillHoverClass, handleDraggingFillClass, handleDraggingFillHoverClass, shapeClass, widthClass),
-    style: rangeSliderStyles
-  }, before && /*#__PURE__*/React__default.createElement("div", {
-    className: "range-slider__before"
-  }, before), /*#__PURE__*/React__default.createElement(Slider, {
-    className: "range-slider__wrapper",
-    disabled: disabled,
-    min: min,
-    max: max,
-    pushable: pushable,
-    range: range,
-    vertical: vertical,
-    value: value,
-    onChange: onChangeSlider
-  }), children, after && /*#__PURE__*/React__default.createElement("div", {
-    className: "range-slider__after"
-  }, after));
-}
-RangeSlider.propTypes = {
-  after: PropTypes.any,
-  before: PropTypes.any,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  desc: PropTypes.string,
-  descSize: PropTypes.string,
-  descTextColor: 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),
-  width: PropTypes.oneOf(widthProps),
-  widthDesktop: PropTypes.oneOf(widthProps),
-  widthMobile: PropTypes.oneOf(widthProps),
-  widthTablet: PropTypes.oneOf(widthProps)
-};
-RangeSlider.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "RangeSlider",
-  "props": {
-    "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
-    },
-    "desc": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "descSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "descTextColor": {
-      "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
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    }
-  }
-};
-
-export { RangeSlider };
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';

package/dist/components/Response/Response.d.ts

@@ -0,0 +1,4 @@
+import { IResponseConfig, IResponseProps } from './Response.interface';
+declare const responseConfig: IResponseConfig;
+declare function Response(props: IResponseProps): import("react/jsx-runtime").JSX.Element;
+export { Response, responseConfig };

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

@@ -0,0 +1,64 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, titleSizePropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IResponseThemeColor {
+    borderColor?: borderColorPropsType;
+    borderColorHover?: borderColorHoverPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    imageSrc?: string;
+    messageTextColor?: textColorPropsType;
+    messageTextSize?: textSizePropsType;
+    primaryButtonAppearance?: appearanceKeysType;
+    primaryButtonFill?: fillPropsType;
+    primaryButtonFillHover?: fillHoverPropsType;
+    primaryButtonLabel?: string;
+    primaryButtonLabelTextColor?: textColorPropsType;
+    primaryButtonLabelTextSize?: textSizePropsType;
+    primaryButtonShape?: shapePropsType;
+    primaryButtonSize?: sizePropsType;
+    primaryButtonWidth?: widthPropsType;
+    secondaryButtonAppearance?: appearanceKeysType;
+    secondaryButtonFill?: fillPropsType;
+    secondaryButtonFillHover?: fillHoverPropsType;
+    secondaryButtonLabel?: string;
+    secondaryButtonLabelTextColor?: textColorPropsType;
+    secondaryButtonLabelTextSize?: textSizePropsType;
+    secondaryButtonShape?: shapePropsType;
+    secondaryButtonSize?: sizePropsType;
+    secondaryButtonWidth?: widthPropsType;
+    shape?: shapePropsType;
+    titleTextColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
+    titleTextWeight?: textWeightPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type responseAppearanceType = {
+    [key in appearanceKeysType]?: IResponseThemeColor;
+};
+export interface IResponseConfig {
+    appearance: responseAppearanceType | undefined;
+    setAppearance: (newComponent: responseAppearanceType) => void;
+}
+export interface IResponseProps extends IResponseThemeColor, TypeStyleAttributes {
+    after?: ReactNode;
+    appearance?: appearanceKeysType;
+    before?: ReactNode;
+    className?: string;
+    message?: string;
+    primaryButton?: boolean;
+    primaryButtonAfter?: ReactNode;
+    primaryButtonBefore?: ReactNode;
+    secondaryButton?: boolean;
+    secondaryButtonAfter?: ReactNode;
+    secondaryButtonBefore?: ReactNode;
+    set?: string;
+    style?: CSSProperties;
+    title?: string;
+    onClickPrimaryButton?: () => void;
+    onClickSecondaryButton?: () => void;
+}
+export {};

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

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