@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-48d0ef7-31102024

package/Radio/index.js

@@ -1,151 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { forwardRef, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { c as checkboxRadioSwitcherConfig } from '../configs-00612ce0.js';
-import { i as interceptValue } from '../index-5f37f281.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import { g as guid } from '../guid-8ddf77b3.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../style-inject.es-746bb8ed.js';
-
-const Radio = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    size,
-    label,
-    labelPosition,
-    labelAlignment,
-    description,
-    readOnly,
-    disabled,
-    required,
-    isValid,
-    errorText,
-    value,
-    onChange,
-    checked,
-    className,
-    type,
-    ...restProps
-  } = _ref;
-  const randomId = useMemo(guid, []);
-  const handleChange = e => {
-    onChange && onChange(interceptValue(e, value));
-  };
-  const hasError = !isValid;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('crs-holder', className, "lp-".concat(labelPosition), "la-".concat(labelAlignment), "t-".concat(type), {
-      disabled,
-      error: hasError,
-      'read-only': readOnly,
-      'input-active': checked
-    })
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('label-holder', {
-      'has-label': !!label
-    })
-  }, label && /*#__PURE__*/React__default.createElement("div", {
-    className: "crs-item crs-label"
-  }, /*#__PURE__*/React__default.createElement("label", {
-    className: "ellipsis-text",
-    htmlFor: randomId
-  }, required && "* ", label)), /*#__PURE__*/React__default.createElement("div", {
-    className: "crs-item crs-component"
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
-    type: "radio",
-    onChange: handleChange,
-    ref: ref,
-    id: randomId,
-    checked: checked
-  }, restProps)), /*#__PURE__*/React__default.createElement("label", {
-    className: classnames('radio', 'cr-element', "s-".concat(size), {
-      active: checked,
-      'error-color': !checked && !errorText && hasError
-    }),
-    htmlFor: randomId
-  }))), hasError && errorText && /*#__PURE__*/React__default.createElement("div", {
-    className: "information-message color-danger"
-  }, errorText), description && type !== 'tab' && /*#__PURE__*/React__default.createElement("div", {
-    className: "input-description"
-  }, description));
-});
-Radio.propTypes = {
-  /**
-   * Radio size
-   */
-  size: PropTypes.oneOf(checkboxRadioSwitcherConfig.size),
-  /**
-   * A label will be added to the Radio
-   */
-  label: PropTypes.string,
-  /**
-   * Specify the label position
-   */
-  labelPosition: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelPosition),
-  /**
-   * Specify the label alignment
-   */
-  labelAlignment: PropTypes.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
-  /**
-   * Optional description field
-   */
-  description: PropTypes.string,
-  /**
-   * Will make Radio readonly when set to "true"
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * Will make Radio disabled when set to "true"
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Radio will add an extra asterix to the "label". For more info see "ValidatableRadio"(integrated Radio with "Form" organism).
-   */
-  required: PropTypes.bool,
-  /**
-   * Control Radio validation. For more info see "ValidatableRadio"(integrated Radio with "Form" organism).
-   */
-  isValid: PropTypes.bool,
-  /**
-   * Shows error text when "isValid" is set to "false".
-   */
-  errorText: PropTypes.string,
-  /**
-   * Use this prop to get specified value when "onChange" is fired
-   */
-  value: PropTypes.any,
-  /**
-   * Fires an event when Radio is clicked((event: Event) => void).
-   */
-  onChange: PropTypes.func,
-  /**
-   * Specifies does the Radio checked or not.
-   */
-  checked: PropTypes.bool,
-  /**
-   * Needed for "RadioGroup" molecule
-   */
-  name: PropTypes.string,
-  /**
-   * Type defines the appearance of the radio
-   */
-  type: PropTypes.oneOf(['default', 'tab'])
-};
-Radio.defaultProps = {
-  size: checkboxRadioSwitcherConfig.size[0],
-  label: '',
-  labelPosition: checkboxRadioSwitcherConfig.labelPosition[0],
-  labelAlignment: checkboxRadioSwitcherConfig.labelAlignment[0],
-  description: '',
-  readOnly: false,
-  disabled: false,
-  required: false,
-  isValid: true,
-  errorText: '',
-  checked: false,
-  type: 'default'
-};
-
-export { Radio as default };

package/RadioGroup/index.js

@@ -1,104 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { c as childrenOf } from '../index-5f37f281.js';
-import Radio from '../Radio/index.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../configs-00612ce0.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../style-inject.es-746bb8ed.js';
-import '../guid-8ddf77b3.js';
-
-function RadioGroup(props) {
-  const {
-    defaultValue,
-    name,
-    options,
-    descriptionKey,
-    disabled,
-    onChange,
-    required,
-    type,
-    ...restProps
-  } = props;
-  const [valueState, setValueState] = useState(defaultValue);
-  const isControlled = !!props.value;
-  const value = isControlled ? props.value : valueState;
-  const handleChange = useCallback(e => {
-    !isControlled && setValueState(e.target.value);
-    onChange && onChange(e);
-  }, [isControlled, onChange]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('cha-ra-group', "t-".concat(type))
-  }, options.map(option => {
-    const isOptionsString = typeof option === 'string';
-    const optionValue = isOptionsString ? option : option.value;
-    const label = isOptionsString ? option : option.label;
-    return /*#__PURE__*/React__default.createElement(Radio, _extends({
-      key: optionValue,
-      name: name,
-      label: label,
-      description: option[descriptionKey],
-      disabled: disabled || option.disabled,
-      checked: optionValue === value,
-      onChange: handleChange
-    }, restProps, {
-      value: optionValue,
-      type: type
-    }));
-  }));
-}
-RadioGroup.propTypes = {
-  /**
-   * Disabled state
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Validation state
-   */
-  required: PropTypes.bool,
-  /**
-   * Options/items for radio group
-   */
-  options: PropTypes.arrayOf(PropTypes.oneOfType([childrenOf([Radio]), PropTypes.shape({
-    label: Radio.propTypes.label,
-    value: Radio.propTypes.value,
-    disabled: Radio.propTypes.disabled
-  })])),
-  /**
-   * Initial value.
-   */
-  defaultValue: Radio.propTypes.value,
-  /**
-   * Name of appropriate radio group
-   */
-  name: Radio.propTypes.name.isRequired,
-  /**
-   * Selected option's value
-   */
-  value: Radio.propTypes.value,
-  /**
-   * Fires an event on change((event: Event) => void)
-   */
-  onChange: PropTypes.func,
-  /**
-   * Type defines the appearance of the radio
-   */
-  type: PropTypes.oneOf(['default', 'tab']),
-  /**
-   * Description definer: one of keys from your object
-   */
-  descriptionKey: PropTypes.string
-};
-RadioGroup.defaultProps = {
-  disabled: false,
-  required: false,
-  options: [],
-  type: 'default',
-  descriptionKey: 'description'
-};
-
-export { RadioGroup as default };

package/Range/index.js

@@ -1,191 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useState, useRef, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-740a236c.js';
-import useWidth from '../hooks/useWidth.js';
-import '../dateValidation-67caec66.js';
-import 'react-dom';
-import useToggle from '../hooks/useToggle.js';
-import '../configs-00612ce0.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../index-45eafea6.js';
-import '../react-lifecycles-compat.es-6e1f3768.js';
-import '../style-inject.es-746bb8ed.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-
-function formatter(value, tooltipType) {
-  switch (tooltipType) {
-    case 'percentage':
-      return "".concat(value, "%");
-    case 'currency':
-      return "$".concat(value);
-    case 'pixel':
-      return "".concat(value, "px");
-    default:
-      return value;
-  }
-}
-const rangeCircleTypes = ['c-type-1', 'c-type-2', 'c-type-3'];
-const RangeWithTooltip = createSliderWithTooltip(Range);
-const isMiddle = (value, max) => value > max / 3;
-const isMax = (value, max) => value >= max * 2 / 3;
-function RangeMolecule(props) {
-  const {
-    max,
-    min,
-    step,
-    value,
-    coloring,
-    disabled,
-    onChange,
-    circleTypes,
-    withTooltip,
-    defaultValue,
-    tooltipType,
-    isSmallHandler,
-    showCircleOnDrag,
-    className,
-    circleSizeBasedOnRange,
-    ...restProps
-  } = props;
-  const isControlled = ('value' in props);
-  const [sliderValue, setSliderValue] = useState(defaultValue);
-  const [tooltipVisibility, toggleTooltipVisibility] = useToggle(false);
-  const localValue = isControlled ? value : sliderValue;
-  const isGradient = coloring === 'gradient-value';
-  const leftPercent = localValue[0] * 100 / (max - min);
-  const divRef = useRef();
-  const sliderWidth = useWidth(divRef);
-  const RangeElement = withTooltip ? RangeWithTooltip : Range;
-  const setCircleStyles = useCallback(i => {
-    const isMaxValue = isMax(localValue[i], max);
-    const isMiddleValue = isMiddle(localValue[i], max);
-    return classnames(circleTypes[i], {
-      'max-coloring': isGradient && isMaxValue,
-      'max-size': circleSizeBasedOnRange && isMaxValue,
-      'min-coloring': !isMiddleValue && !isMaxValue && isGradient,
-      'middle-coloring': isGradient && isMiddleValue && !isMaxValue,
-      'middle-size': circleSizeBasedOnRange && !isMaxValue && isMiddleValue
-    });
-  }, [localValue, max, circleTypes, isGradient, circleSizeBasedOnRange]);
-  const handleSliderChange = useCallback(val => {
-    if (val[1] <= max && val[0] >= min) {
-      !isControlled && setSliderValue(val);
-      onChange && onChange(val);
-    }
-  }, [max, min, isControlled, onChange]);
-  const tipFormatter = useCallback(value => formatter(value, tooltipType), [tooltipType]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('slider-holder ', className, coloring, {
-      disabled,
-      'show-on-drag': showCircleOnDrag
-    }),
-    onMouseEnter: toggleTooltipVisibility,
-    onMouseLeave: toggleTooltipVisibility
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('slider-comp', {
-      'size-small': isSmallHandler
-    }),
-    style: {
-      '--left': "-".concat(leftPercent, "%"),
-      '--sliderWidth': "".concat(sliderWidth, "px")
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    ref: divRef
-  }, /*#__PURE__*/React__default.createElement(RangeElement, _extends({
-    max: max,
-    min: min,
-    step: step,
-    value: localValue,
-    tipProps: {
-      prefixCls: 'tooltip-el',
-      visible: tooltipVisibility && localValue[1] - localValue[0] > max / 20
-    },
-    allowCross: false,
-    tipFormatter: tipFormatter,
-    onChange: handleSliderChange,
-    handleStyle: [{
-      content: "'".concat(setCircleStyles(0), "'")
-    }, {
-      content: "'".concat(setCircleStyles(1), "'")
-    }]
-  }, restProps)))));
-}
-RangeMolecule.propTypes = {
-  /**
-   * Controlled value.
-   */
-  value: PropTypes.array,
-  /**
-   * Disabled state.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * External/Additional className that can be added to 'Range' component.
-   */
-  className: PropTypes.string,
-  /**
-   * Fires an event on ExtendedInput change((event: Event) => void).
-   */
-  onChange: PropTypes.func,
-  /**
-   * Show/Hide tooltips on 'Range'.
-   */
-  withTooltip: PropTypes.bool,
-  /**
-   * Switch on/off small size.
-   */
-  isSmallHandler: PropTypes.bool,
-  /**
-   * Initial value.
-   */
-  defaultValue: PropTypes.array,
-  /**
-   * Show/hide circles.
-   */
-  showCircleOnDrag: PropTypes.bool,
-  /**
-   * Max value.
-   */
-  max: PropTypes.number.isRequired,
-  /**
-   * Min value.
-   */
-  min: PropTypes.number.isRequired,
-  /**
-   * Skip steps count.
-   */
-  step: PropTypes.number.isRequired,
-  circleSizeBasedOnRange: PropTypes.bool,
-  /**
-   * Various circle type.
-   */
-  circleTypes: (props, propName, componentName) => {
-    const prop = props[propName];
-    const isCircleTypes = Array.isArray(prop) && prop.length === 2 && prop.every(item => rangeCircleTypes.includes(item));
-    if (!isCircleTypes) {
-      return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName));
-    }
-  },
-  /**
-   * Various tooltip types.
-   */
-  tooltipType: PropTypes.oneOf(['default', 'percentage', 'currency', 'pixel']),
-  /**
-   * Various themes/colors for component.
-   */
-  coloring: PropTypes.oneOf(['primary', 'positive-value', 'negative-value', 'gradient-value'])
-};
-RangeMolecule.defaultProps = {
-  disabled: false,
-  isSmallHandler: true,
-  withTooltip: false,
-  coloring: 'primary',
-  tooltipType: 'default',
-  showCircleOnDrag: false,
-  circleSizeBasedOnRange: true
-};
-
-export { RangeMolecule as default };

package/Rating/index.js

@@ -1,174 +0,0 @@
-import { _ as __rest } from '../tslib.es6-f211516f.js';
-import * as React from 'react';
-import React__default, { useState, useLayoutEffect, isValidElement, cloneElement } from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-
-function SvgSquareMajor(props) {
-    return React.createElement('svg', {
-        xmlns: 'http://www.w3.org/2000/svg',
-        width: 24,
-        height: 24,
-        viewBox: '0 0 24 24',
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round'
-    }, props, React.createElement('rect', {
-        width: 18,
-        height: 18,
-        x: 3,
-        y: 3,
-        rx: 2
-    }));
-}
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .rating{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-gene-ui-version=\"2.16.4\"] .rating *>svg{color:unset!important}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;transition:transform .1s ease-in;width:100%}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper:hover{cursor:pointer;transform:scale(1.1)}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper-readonly{pointer-events:none}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper:focus-visible{outline:.02rem solid var(--hero)}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper-small:not(:first-child){margin-inline-start:.4rem}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper-medium:not(:first-child){margin-inline-start:.8rem}[data-gene-ui-version=\"2.16.4\"] .rating__wrapper-big:not(:first-child){margin-inline-start:1.2rem}[data-gene-ui-version=\"2.16.4\"] .rating__element{height:100%;inset-inline-start:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:7}[data-gene-ui-version=\"2.16.4\"] .rating__icon-small{font-size:3.2rem}[data-gene-ui-version=\"2.16.4\"] .rating__icon-medium{font-size:3.6rem}[data-gene-ui-version=\"2.16.4\"] .rating__icon-big{font-size:4.2rem}";
-styleInject(css_248z);
-
-const sizes = { small: 32, medium: 36, big: 42 };
-const Element = ({ isIcon = false, Element, isCompareElement = false, color, bgColor, size }) => {
-    const currentColor = isCompareElement ? color : bgColor;
-    const className = `rating__icon rating__icon-${size}`;
-    const currentSizes = {
-        width: sizes[size],
-        height: sizes[size]
-    };
-    const elementProps = Object.assign(Object.assign({ fill: currentColor }, currentSizes), { style: Object.assign({ color: currentColor }, currentSizes) });
-    return isIcon ? (cloneElement(Element, Object.assign(Object.assign({}, elementProps), { className }))) : (React__default.createElement("div", Object.assign({}, elementProps, { className: className }), Element));
-};
-const calculatePosition = (position) => (position - Math.floor(position)) * 100;
-const Rating = (props) => {
-    const { defaultValue = 0, count = 5, onChange, character = SvgSquareMajor, color = 'var(--hero)', bgColor = 'rgba(var(--hero-rgb), 0.3)', halfAllow = false, readonly = false, size = 'small', value } = props, restProps = __rest(props, ["defaultValue", "count", "onChange", "character", "color", "bgColor", "halfAllow", "readonly", "size", "value"]);
-    const isControlled = 'value' in props;
-    const isDefaultValueExist = 'defaultValue' in props;
-    const isRTLMode = document.dir === 'rtl';
-    const currentValue = value || defaultValue || 0;
-    const [rating, setRating] = useState(currentValue);
-    const [hoveredValue, setHoveredValue] = useState(0);
-    const [regardingPosition, setRegardingPosition] = useState(0);
-    const [remainingRating, setRemainingRating] = useState(0);
-    const [temporaryRating, setTemporaryRating] = useState(0);
-    const [disableMouseMove, setDisableMouseMove] = useState(false);
-    const calculateRegardingPosition = (e) => {
-        const { left, width } = e.currentTarget.getBoundingClientRect();
-        const getClientPosition = e.clientX - (isRTLMode ? left + width : left);
-        const getRelativeWidth = Math.abs((getClientPosition / width) * 100);
-        return halfAllow && getRelativeWidth <= 50 ? 50 : 100;
-    };
-    const handleMouseMoveForElement = (e, currentRating) => {
-        if (readonly)
-            return;
-        const regradingPosition = calculateRegardingPosition(e);
-        setRegardingPosition(regradingPosition);
-        if (disableMouseMove)
-            return;
-        setHoveredValue(currentRating);
-        setRating(currentRating);
-    };
-    useLayoutEffect(() => {
-        if (isControlled || isDefaultValueExist) {
-            setRating(currentValue);
-            setTemporaryRating(currentValue);
-        }
-        const ratingDecimalParts = Math.round((currentValue % Math.floor(currentValue)) * 100);
-        if (ratingDecimalParts > 0) {
-            setRemainingRating(ratingDecimalParts);
-        }
-        if (currentValue < 1) {
-            setRemainingRating(Math.ceil(currentValue * 100));
-        }
-    }, [defaultValue, isDefaultValueExist, value, isControlled, currentValue]);
-    const mouseLeaveHandler = () => {
-        setHoveredValue(0);
-        setRegardingPosition(0);
-        setDisableMouseMove(false);
-        setRating(temporaryRating);
-    };
-    const ratingController = (currentRating, state, blockMouseMovie = true) => {
-        setHoveredValue(currentRating);
-        setRating(0);
-        setRemainingRating(calculatePosition(state));
-        setTemporaryRating((prev) => {
-            if (state !== prev)
-                return state;
-            setHoveredValue(0);
-            setRating(currentValue);
-            setRemainingRating(calculatePosition(currentValue));
-            setDisableMouseMove(blockMouseMovie);
-            return currentValue;
-        });
-    };
-    const getRating = (e, currentRating) => {
-        if (readonly)
-            return;
-        setRegardingPosition(calculateRegardingPosition(e));
-        const selected = regardingPosition === 50 ? +`${currentRating - 1}.${regardingPosition}` : currentRating;
-        if (isControlled) {
-            setDisableMouseMove(true);
-            setHoveredValue(0);
-            setRating(selected);
-            onChange === null || onChange === void 0 ? void 0 : onChange(selected);
-            return;
-        }
-        ratingController(currentRating, selected);
-    };
-    const mouseEnterHandler = () => {
-        setTemporaryRating(rating);
-    };
-    const elementsList = Math.round(count) > 0 ? new Array(Math.round(count)).fill(undefined) : [];
-    const PrimitiveValue = (typeof character === 'string' || typeof character === 'number') && character;
-    const keyDownHandler = (e, currentRating) => {
-        if (readonly)
-            return;
-        if (e.key === 'Enter') {
-            if (isControlled) {
-                setRegardingPosition(100);
-                onChange === null || onChange === void 0 ? void 0 : onChange(currentRating);
-                return;
-            }
-            setRegardingPosition(0);
-            ratingController(currentRating + 1, currentRating, false);
-        }
-    };
-    const mouseLeaveHandlerForEveryElement = () => {
-        setDisableMouseMove(false);
-    };
-    return (React__default.createElement("div", Object.assign({}, restProps, { className: "rating", onMouseLeave: mouseLeaveHandler, onMouseEnter: mouseEnterHandler, onBlur: () => setDisableMouseMove(false) }), elementsList.map((_, i) => {
-        const currentRating = i + 1;
-        const Icon = typeof character === 'function' &&
-            isValidElement(character(i)) &&
-            character(i).type
-            ? character(i)
-            : null;
-        let calculatedWidthFor = 0;
-        if (currentRating < hoveredValue) {
-            calculatedWidthFor = 100;
-        }
-        else if (hoveredValue === currentRating) {
-            calculatedWidthFor = regardingPosition;
-        }
-        else if (currentRating <= rating) {
-            calculatedWidthFor = 100;
-        }
-        else if (currentRating === Math.ceil(rating)) {
-            calculatedWidthFor = remainingRating;
-        }
-        else {
-            calculatedWidthFor = 0;
-        }
-        const clipPath = isRTLMode
-            ? `polygon(${100 - calculatedWidthFor}% 0, 100% 0, 100% 100%, ${100 - calculatedWidthFor}% 100%)`
-            : `polygon( 0  0, ${calculatedWidthFor}% 0,  ${calculatedWidthFor}% 100%,0  100%)`;
-        return (React__default.createElement("div", { className: classnames('rating__wrapper', `rating__wrapper-${size}`, {
-                'rating__wrapper-readonly': readonly
-            }), onMouseMove: (e) => handleMouseMoveForElement(e, currentRating), onMouseLeave: mouseLeaveHandlerForEveryElement, onKeyDown: (e) => keyDownHandler(e, currentRating), onClick: (e) => getRating(e, currentRating), tabIndex: 0, key: i },
-            Icon && React__default.createElement(Element, { color: color, bgColor: bgColor, size: size, Element: Icon, isIcon: true }),
-            PrimitiveValue && (React__default.createElement(Element, { color: color, bgColor: bgColor, size: size, Element: PrimitiveValue })),
-            React__default.createElement("div", { className: "rating__element", style: {
-                    clipPath
-                } },
-                Icon && (React__default.createElement(Element, { Element: Icon, isIcon: true, isCompareElement: true, color: color, bgColor: bgColor, size: size })),
-                PrimitiveValue && (React__default.createElement(Element, { Element: PrimitiveValue, color: color, bgColor: bgColor, size: size, isCompareElement: true })))));
-    })));
-};
-
-export { Rating as default };

package/RichEditor/index.js

@@ -1,13 +0,0 @@
-import { R as RichEditor } from '../RichEditor-6ca8346f.js';
-import 'react';
-import 'prop-types';
-import '../index-031ff73c.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../index-5f37f281.js';
-import '../dateValidation-67caec66.js';
-import 'react-dom';
-import '../style-inject.es-746bb8ed.js';
-
-
-
-export { RichEditor as default };