@antscorp/antsomi-ui 1.3.4 → 1.3.5-alpha.2

package/es/components/molecules/DatePicker/components/AdvancedPicker/utils.js

@@ -1,84 +0,0 @@
-/* eslint-disable max-len */
-// Libraries
-import dayjs from 'dayjs';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import quarterOfYear from 'dayjs/plugin/quarterOfYear';
-// Constants
-import { DEFAULT_DATE_FORMAT } from './constants';
-dayjs.extend(isoWeek);
-dayjs.extend(quarterOfYear);
-/**
- * Calculates a new date based on the given parameters.
- * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
- * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
- * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
- * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
- * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
- * Valid values are: 'plus', 'minus'.
- * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
- * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
- * @param {number} [value=0] - Value to be added or subtracted.
- * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
- * @returns {string} The new date in the specified format.
- */
-export const calculationDateAdvanced = (dateTypeKey = 'today', calculationTypeKey = 'minus', calculationDateKey = 'days', value = 0, dateFormat = DEFAULT_DATE_FORMAT) => {
-    let date = dayjs();
-    switch (dateTypeKey) {
-        case 'today':
-            date = dayjs();
-            break;
-        case 'first_day_of_week_mon_sun':
-            date = dayjs().startOf('isoWeek');
-            break;
-        case 'first_day_of_week_sun_sat':
-            date = dayjs().startOf('week');
-            break;
-        case 'first_day_of_month':
-            date = dayjs().startOf('month');
-            break;
-        case 'first_day_of_quarter':
-            date = dayjs().startOf('quarter');
-            break;
-        case 'first_day_of_year':
-            date = dayjs().startOf('year');
-            break;
-        case 'last_day_of_week_mon_sun':
-            date = dayjs().endOf('isoWeek');
-            break;
-        case 'last_day_of_week_sun_sat':
-            date = dayjs().endOf('week');
-            break;
-        case 'last_day_of_month':
-            date = dayjs().endOf('month');
-            break;
-        case 'last_day_of_quarter':
-            date = dayjs().endOf('quarter');
-            break;
-        case 'last_day_of_year':
-            date = dayjs().endOf('year');
-            break;
-        default:
-            date = dayjs();
-            break;
-    }
-    let newDate = '';
-    newDate =
-        calculationTypeKey === 'plus'
-            ? dayjs(date).add(value, calculationDateKey)
-            : dayjs(date).subtract(value, calculationDateKey);
-    switch (dateTypeKey) {
-        case 'last_day_of_month':
-            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
-                newDate = dayjs(newDate).endOf('month');
-            }
-            break;
-        case 'last_day_of_quarter':
-            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
-                newDate = dayjs(newDate).endOf('month');
-            }
-            break;
-        default:
-            break;
-    }
-    return newDate.format(dateFormat);
-};

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { TShowCalculationTypeCondition } from '../AdvancedPicker/types';
-import { TDateConfig, TOnChangePayload, TTimeRange } from './types';
-export interface AdvancedRangePickerProps {
-    disabled?: boolean;
-    showCalculationTypeCondition?: TShowCalculationTypeCondition;
-    startDateConfig?: TDateConfig;
-    endDateConfig?: TDateConfig;
-    timeRange: TTimeRange;
-    errorMessage?: string;
-    showLabel?: boolean;
-    showTime?: boolean;
-    onChange?: ({ timeRange, mode }: TOnChangePayload) => void;
-}
-export declare const AdvancedRangePicker: React.FC<AdvancedRangePickerProps>;

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.js

@@ -1,70 +0,0 @@
-// Libraries
-import dayjs from 'dayjs';
-import React from 'react';
-import omit from 'lodash/omit';
-import isEqual from 'react-fast-compare';
-// Atoms
-import { Space } from '../../../../atoms';
-// Molecules
-import { AdvancedPicker } from '../AdvancedPicker';
-// Constants
-import { ADVANCED_RANGE_PICKER_FORMAT } from './constants';
-// Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-// Instance
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-const PATH = '@antscorp/antsomi-ui/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.tsx';
-export const AdvancedRangePicker = props => {
-    // const { t } = useTranslation();
-    const { t } = i18nInstance;
-    // Props
-    const { timeRange, errorMessage, showLabel, startDateConfig, endDateConfig, showTime, showCalculationTypeCondition, disabled, onChange, } = props;
-    // Handles
-    const onUpdateTimeRange = (key, params, mode = 'user') => {
-        try {
-            if (typeof onChange === 'function') {
-                const newTimeRange = Object.assign(Object.assign({}, timeRange), { [key]: Object.assign(Object.assign({}, timeRange[key]), params) });
-                if (!isEqual(newTimeRange, timeRange)) {
-                    onChange({
-                        timeRange: newTimeRange,
-                        mode,
-                    });
-                }
-            }
-        }
-        catch (error) {
-            // Handle Error
-            handleError(error, {
-                path: PATH,
-                name: 'onUpdateTimeRange',
-                args: {},
-            });
-        }
-    };
-    return (React.createElement(Space, { size: 20 },
-        React.createElement(AdvancedPicker, { disabled: disabled, label: showLabel ? t(translations.datePicker.startDate) || '' : '', date: timeRange.startDate.date, option: omit(timeRange.startDate, 'date'), operatorKey: "between", type: "startDate", format: ADVANCED_RANGE_PICKER_FORMAT.startDate, errorMessage: errorMessage, disableAfterDate: timeRange.endDate.date, showTime: showTime, calculationTypeKeysShow: startDateConfig === null || startDateConfig === void 0 ? void 0 : startDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, onUpdatedNewDate: date => onUpdateTimeRange('startDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('startDate', Object.assign({ date }, option), 'user') }),
-        React.createElement(AdvancedPicker, { disabled: disabled, label: showLabel ? t(translations.datePicker.endDate) || '' : '', date: timeRange.endDate.date, option: omit(timeRange.endDate, 'date'), operatorKey: "between", type: "endDate", format: ADVANCED_RANGE_PICKER_FORMAT.endDate, errorMessage: errorMessage, showTime: showTime, calculationTypeKeysShow: endDateConfig === null || endDateConfig === void 0 ? void 0 : endDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, onUpdatedNewDate: date => onUpdateTimeRange('endDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('endDate', Object.assign({ date }, option), 'user') })));
-};
-AdvancedRangePicker.defaultProps = {
-    timeRange: {
-        startDate: {
-            date: dayjs().format(ADVANCED_RANGE_PICKER_FORMAT.startDate),
-            calculationDate: 'years',
-            value: 1,
-            calculationType: 'minus',
-            dateType: 'today',
-        },
-        endDate: {
-            date: dayjs().format(ADVANCED_RANGE_PICKER_FORMAT.endDate),
-            calculationDate: 'days',
-            value: 1,
-            calculationType: 'minus',
-            dateType: 'today',
-        },
-    },
-    errorMessage: '',
-    disabled: false,
-    showLabel: true,
-    showTime: true,
-};

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const ADVANCED_RANGE_PICKER_FORMAT: {
-    startDate: string;
-    endDate: string;
-};

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/constants.js

@@ -1,4 +0,0 @@
-export const ADVANCED_RANGE_PICKER_FORMAT = {
-    startDate: 'YYYY-MM-DD 00:00:00',
-    endDate: 'YYYY-MM-DD 23:59:59',
-};

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/index.js

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

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/types.d.ts

@@ -1,17 +0,0 @@
-import { TCalculationType, TOption } from '../AdvancedPicker/types';
-export type TOnChangeMode = 'system' | 'user';
-export type TTimeRange = {
-    startDate: TOption & {
-        date: string;
-    };
-    endDate: TOption & {
-        date: string;
-    };
-};
-export type TOnChangePayload = {
-    timeRange: TTimeRange;
-    mode: 'system' | 'user';
-};
-export type TDateConfig = {
-    calculationTypeKeysShow?: TCalculationType[];
-};

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/types.js

@@ -1 +0,0 @@
-export {};

package/es/components/molecules/DatePicker/index.js

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

package/es/components/molecules/Drawer/Drawer.d.ts

@@ -1 +0,0 @@
-export declare const Drawer: any;

package/es/components/molecules/Drawer/Drawer.js

@@ -1,2 +0,0 @@
-import { Drawer as AntdDrawer } from 'antd';
-export const Drawer = AntdDrawer;

package/es/components/molecules/Drawer/index.d.ts

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

package/es/components/molecules/Drawer/index.js

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

package/es/components/molecules/Dropdown/Dropdown.d.ts

@@ -1 +0,0 @@
-export { Dropdown } from 'antd';

package/es/components/molecules/Dropdown/Dropdown.js

@@ -1 +0,0 @@
-export { Dropdown } from 'antd';

package/es/components/molecules/Dropdown/index.d.ts

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

package/es/components/molecules/Dropdown/index.js

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

package/es/components/molecules/EdgeSetting/index.js

@@ -1,192 +0,0 @@
-// Libraries
-import React, { memo, useEffect, useState } from 'react';
-import classNames from 'classnames';
-// Atoms
-import { DividerPure, Icon, Text, InputNumber } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { EdgeSettingContent, EdgeSettingHeader, EdgeSettingWrapper } from './styled';
-// Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-// Types
-import { AlignEdit } from '../AlignSetting';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const UNIT = {
-    PX: {
-        value: 'px',
-        label: 'PX',
-    },
-    PERCENT: {
-        value: '%',
-        label: '%',
-    },
-};
-const PATH = '@antscorp/antsomi-ui/es/components/molecules/EdgeSetting/index.tsx';
-export const EdgeSetting = memo(props => {
-    var _a, _b, _c;
-    const { label, values, minValue, maxValue, edgeLabels = [], edgeLabelClassName, contentClassName, unit, linked = false, onChange = () => { }, align, disabledLinked = false, } = props;
-    // State
-    const [state, setState] = useState({
-        values: [0, 0, 0, 0],
-        unit: null,
-        linked: false,
-        lastValueFocus: 0,
-        align: null,
-    });
-    useEffect(() => {
-        setState(state => (Object.assign(Object.assign({}, state), { values,
-            unit,
-            linked, align: align })));
-    }, [values, unit, linked, align]);
-    // Handlers
-    const onChangeState = (key, value) => {
-        try {
-            let draftValues = [...state.values];
-            let draftLinked = state.linked;
-            const draftAlign = state.align;
-            // Case linked is true set all value is exam
-            if (key === 'linked') {
-                if (state.align) {
-                    // disabled
-                    return;
-                }
-                if (!state.linked) {
-                    draftValues = draftValues.map(() => state.lastValueFocus);
-                }
-            }
-            // Case align set linked = false & set values
-            if (key === 'align') {
-                draftLinked = false;
-                draftValues = draftValues.map(value => (value === 'auto' ? 0 : value));
-                if (value === state.align) {
-                    // reset align value
-                    value = '';
-                }
-                else {
-                    if (value === 'left') {
-                        // change values right to auto
-                        draftValues[1] = 'auto';
-                    }
-                    else if (value === 'right') {
-                        // change values left to auto
-                        draftValues[3] = 'auto';
-                    }
-                    else if (value === 'center') {
-                        // change values right + left to auto
-                        draftValues[1] = 'auto';
-                        draftValues[3] = 'auto';
-                    }
-                }
-            }
-            setState(state => (Object.assign(Object.assign({}, state), { values: draftValues, [key]: value })));
-            // Callback onchange
-            onChange({
-                values: draftValues,
-                unit: state.unit,
-                align: draftAlign,
-                linked: draftLinked,
-                [key]: value,
-            });
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChangeState',
-                args: {},
-            });
-        }
-    };
-    const onChangeValue = (value, index) => {
-        try {
-            let draftValues = [...state.values];
-            if (state.linked) {
-                draftValues = draftValues.map(() => value);
-            }
-            else {
-                draftValues[index] = value;
-            }
-            setState(state => (Object.assign(Object.assign({}, state), { lastValueFocus: value })));
-            onChangeState('values', draftValues);
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChangeValue',
-                args: {},
-            });
-        }
-    };
-    return (React.createElement(EdgeSettingWrapper, null,
-        React.createElement(EdgeSettingHeader, null,
-            React.createElement(Text, { style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon } }, label),
-            React.createElement("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    marginLeft: 12,
-                    marginRight: 12,
-                } },
-                state.align !== null ? (React.createElement("div", { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        marginLeft: 8,
-                        marginRight: 8,
-                    } },
-                    React.createElement(AlignEdit, { align: state.align, onChange: value => onChangeState('align', value) }),
-                    React.createElement(DividerPure, { type: "vertical", dot: true, height: 12 }))) : null,
-                state.unit ? (React.createElement("div", { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        marginLeft: 8,
-                        marginRight: 8,
-                        // borderRight: '2px dashed #D2D2D2',
-                        height: 18,
-                    } },
-                    Object.values(UNIT).map(({ value, label }, index) => {
-                        var _a, _b;
-                        return (React.createElement(Text, { key: value, style: {
-                                color: state.unit === value
-                                    ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary
-                                    : state.unit !== value
-                                        ? (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon
-                                        : 'inherit',
-                                fontWeight: state.unit === value ? 'bold' : 'normal',
-                                marginLeft: Object.values(UNIT).length - 1 === index ? 6 : 0,
-                                cursor: 'pointer',
-                                paddingRight: value === '%' ? 8 : 0,
-                            }, onClick: () => onChangeState('unit', value) }, label));
-                    }),
-                    React.createElement("div", { style: {
-                            width: 2,
-                            height: 24,
-                            overflow: 'hidden',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        } },
-                        React.createElement(Icon, { type: "icon-ants-vertical-dots", style: { fontSize: '30px' }, color: "#D2D2D2" })))) : null,
-                React.createElement(Icon, { type: `icon-ants-${state.linked ? 'hyperlink' : 'hyperlink-off'}`, size: 18, style: {
-                        cursor: 'pointer',
-                        color: !state.linked ? (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorIcon : (_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-                    }, onClick: disabledLinked ? () => { } : () => onChangeState('linked', !state.linked), disabled: disabledLinked ? true : !!state.align }))),
-        React.createElement(EdgeSettingContent, { className: contentClassName }, state.values.map((value, index) => {
-            var _a;
-            if (!edgeLabels[index]) {
-                return null;
-            }
-            return (React.createElement("div", { key: edgeLabels[index] },
-                React.createElement(Text, { className: classNames(edgeLabelClassName), style: { marginBottom: 5, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon } }, edgeLabels[index]),
-                value !== 'auto' ? (React.createElement(InputNumber, { disabled: state.linked && index !== 0, value: value, required: true, min: minValue, max: maxValue, onFocus: e => {
-                        const { value = '' } = e.target;
-                        setState(state => (Object.assign(Object.assign({}, state), { lastValueFocus: +value })));
-                    }, onChange: val => onChangeValue(val, index) })) : (React.createElement(Text, { size: "medium", className: "custom-text-auto", style: { marginTop: 8, fontSize: '12px' } }, "AUTO"))));
-        }))));
-});
-EdgeSetting.defaultProps = {
-    label: '',
-    values: [0, 0, 0, 0],
-    minValue: 0,
-    maxValue: 9999,
-    edgeLabels: ['Top', 'Right', 'Bottom', 'Left'],
-    unit: null,
-    align: null,
-};

package/es/components/molecules/EdgeSetting/styled.js

@@ -1,18 +0,0 @@
-var _a;
-// Libraries
-import styled from 'styled-components';
-// Constant
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const EdgeSettingWrapper = styled.div `
-  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorIcon} !important;
-`;
-export const EdgeSettingHeader = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-export const EdgeSettingContent = styled.div `
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  margin-top: 8px;
-`;

package/es/components/molecules/GradientSetting/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { POSITION } from '@antscorp/antsomi-ui/es/constants';
-interface GradientColor {
-    gradientColor: string;
-    gradientColorLocation: number;
-}
-type PositionValue = (typeof POSITION)[keyof typeof POSITION]['value'];
-interface GradientConfig {
-    gradients: GradientColor[];
-    gradientType: 'linear-gradient' | 'radial-gradient';
-    radialPosition: PositionValue;
-    linearAngle: number;
-}
-interface GradientSettingProps {
-    onChange?: (gradientConfig: GradientConfig) => void;
-    defaultValue?: GradientConfig;
-}
-export declare const GradientSetting: React.FC<GradientSettingProps>;
-export {};

package/es/components/molecules/GradientSetting/index.js

@@ -1,77 +0,0 @@
-// Libraries
-import React, { useEffect, useState } from 'react';
-// Components
-import { ColorSetting, Select, SettingWrapper, SliderWithInputNumber, } from '@antscorp/antsomi-ui/es/components/molecules';
-// Utils
-import { Button } from '@antscorp/antsomi-ui/es/components/atoms';
-import Icon from '@antscorp/icons';
-import { mapNumberToOrdinalText } from '@antscorp/antsomi-ui/es/utils';
-import { cloneDeep } from 'lodash';
-// Constants
-import { GRADIENT_TYPE, POSITION } from '@antscorp/antsomi-ui/es/constants';
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-const GRADIENT_MIN = 2;
-const GRADIENT_MAX = 5;
-const DEFAULT_GRADIENTS = [
-    { gradientColor: '#D11A66', gradientColorLocation: 0 },
-    { gradientColor: '#FFBD64', gradientColorLocation: 50 },
-];
-export const GradientSetting = ({ onChange, defaultValue }) => {
-    const { gradientType: defaultGradientType, gradients: defaultGradients, linearAngle: defaultLinearAngle, radialPosition: defaultRadialPosition, } = defaultValue || {};
-    // const { t } = useTranslation();
-    const { t } = i18nInstance;
-    const [gradients, setGradients] = useState(defaultGradients || DEFAULT_GRADIENTS);
-    const [gradientType, setGradientType] = useState(defaultGradientType || 'linear-gradient');
-    const [radialPosition, setRadialPosition] = useState(defaultRadialPosition || 'center center');
-    const [linearAngle, setLinearAngle] = useState(defaultLinearAngle || 90);
-    useEffect(() => {
-        onChange && onChange({ gradients, gradientType, radialPosition, linearAngle });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [JSON.stringify(gradients), gradientType, radialPosition, linearAngle]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SettingWrapper, { className: "ants-mb-[15px]", label: t(translations.gradientStyle) },
-            React.createElement(Select, { className: "ants-w-[112px]", options: Object.values(GRADIENT_TYPE), value: gradientType, onChange: value => setGradientType(value) })),
-        gradientType === GRADIENT_TYPE.LINEAR.value ? (React.createElement(SliderWithInputNumber, { className: "ants-mb-[15px]", label: t(translations.angle), min: 0, max: 360, value: linearAngle, onAfterChange: value => setLinearAngle(value) })) : (React.createElement(SettingWrapper, { className: "ants-mb-[15px]", label: t(translations.position) },
-            React.createElement(Select, { className: "ants-w-[112px]", options: Object.values(POSITION), value: radialPosition, onChange: value => setRadialPosition(value) }))),
-        Array.isArray(gradients) && gradients.length
-            ? gradients.map((gradient, index) => {
-                const { gradientColor, gradientColorLocation } = gradient;
-                return (React.createElement("div", { className: "ants-flex ants-gap-x-2 ants-mb-[15px]", key: index },
-                    React.createElement("div", { className: "ants-grid md:ants-grid-cols-5 ants-grid-cols-1 ants-gap-y-5" },
-                        React.createElement("div", { className: "ants-col-span-2" },
-                            React.createElement(ColorSetting, { labelClassName: "!ants-text-cus-base", label: t(translations.gradientColor, {
-                                    name: t(translations.ordinalText[mapNumberToOrdinalText(index + 1)]),
-                                }), color: gradientColor, positionInput: "right", onChange: color => {
-                                    setGradients(prev => {
-                                        const clonePrev = cloneDeep(prev);
-                                        clonePrev[index].gradientColor = color;
-                                        return clonePrev;
-                                    });
-                                } })),
-                        React.createElement("div", { className: "ants-col-span-3" },
-                            React.createElement(SliderWithInputNumber, { label: t(translations.gradientLocation, {
-                                    name: t(translations.ordinalText[mapNumberToOrdinalText(index + 1)]),
-                                }), min: 0, max: 100, value: gradientColorLocation, onAfterChange: color => {
-                                    setGradients(prev => {
-                                        const clonePrev = cloneDeep(prev);
-                                        clonePrev[index].gradientColorLocation = color;
-                                        return clonePrev;
-                                    });
-                                } }))),
-                    (gradients === null || gradients === void 0 ? void 0 : gradients.length) > GRADIENT_MIN && (React.createElement(Icon, { type: "icon-ants-outline-delete", className: "ants-text-primary ants-cursor-pointer", style: { alignSelf: 'flex-end', marginBottom: '10px', fontSize: '16px' }, onClick: () => {
-                            const clonePrev = cloneDeep(gradients);
-                            clonePrev.splice(index, 1);
-                            setGradients(clonePrev);
-                        } }))));
-            })
-            : null,
-        (gradients === null || gradients === void 0 ? void 0 : gradients.length) < GRADIENT_MAX && (React.createElement(Button, { type: "text", onClick: () => {
-                // eslint-disable-next-line arrow-body-style
-                setGradients(prev => {
-                    return [...prev, { gradientColor: '#000000', gradientColorLocation: 0 }];
-                });
-            } },
-            "+ ",
-            t(translations.addColor)))));
-};

package/es/components/molecules/IconSelection/components/Icon/index.js

@@ -1,28 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { ICON_TYPE, CUS_ICON_MAPPING } from '../../constants';
-export const IconSelectionRenderer = forwardRef((props, ref) => {
-    const { iconType } = props;
-    if (iconType === ICON_TYPE.FONT_AWESOME) {
-        const { iconName, iconType } = props, rest = __rest(props, ["iconName", "iconType"]);
-        return React.createElement(FontAwesomeIcon, Object.assign({ ref: ref }, rest, { icon: iconName.split(' ') }));
-    }
-    if (iconType === ICON_TYPE.CUSTOM) {
-        const { iconName, iconType } = props, rest = __rest(props, ["iconName", "iconType"]);
-        const Icon = CUS_ICON_MAPPING[iconName];
-        const style = Object.assign({ fill: 'currentcolor', height: '1em', width: '1em' }, rest.style);
-        return Icon ? React.createElement(Icon, Object.assign({ ref: ref }, rest, { style: style })) : null;
-    }
-    return null;
-});