intelicoreact 0.0.6 → 0.0.9

package/dist/scss/anme/_anme-theme.scss

@@ -1,275 +0,0 @@
-.bg--white {
-  background: #fff;
-}
-
-.bg--success {
-  background-color: $color--success;
-}
-
-.bg--error {
-  background-color: $color--error;
-}
-
-.bg--warn {
-  background-color: $color--warn;
-}
-
-.bg--cherokee {
-  background-color: $color--cherokee;
-}
-
-.bg--yellow {
-  background-color: $color--yellow;
-}
-
-.bg--pause,
-.bg--disabled {
-  background-color: $color--pause;
-}
-
-.bg--sky {
-  background-color: $color--sky;
-}
-
-.bg--sky-deep {
-  background-color: $color--sky-deep;
-}
-
-.bg--sky-light {
-  background-color: $color--sky-light;
-}
-
-.bg--sky-gentle {
-  background-color: $color--sky-gentle;
-}
-
-.bg--purple {
-  background-color: $color--purple;
-}
-
-.bg--sea {
-  background-color: $color--sea;
-}
-
-.bg--light-pinky {
-  background-color: $color--light-pinky;
-}
-
-.bg--wisp-pinky {
-  background-color: $color--wisp-pinky;
-}
-
-.bg--color--panache {
-  background-color: $color--panache;
-}
-
-.bg--lavr {
-  background-color: $color--lavr;
-}
-
-.bg--creme {
-  background-color: $color--creme;
-}
-
-.bg--warning {
-  background-color: $color--warning;
-}
-
-.bg--slate {
-  background-color: $color--slate;
-}
-
-.bg--gray-gentel {
-  background-color: $color--gray-gentel
-}
-
-.bg--froly {
-  background-color: $color--froly;
-}
-
-.bg--sandy-beach {
-  background-color: $color--sandy-beach;
-}
-
-.bg--wisp-pinky {
-  background-color: $color--wisp-pinky;
-}
-
-.border--success {
-  border-color: $color--success;
-}
-
-.border--sky {
-  border-color: $color--sky;
-}
-
-.border--danger {
-  border-color: $color--error;
-}
-
-.border--gray-dark {
-  border-color: $color--gray-dark;
-}
-
-
-.color--white {
-  color: #fff;
-}
-
-.color--primary {
-  color: $color--primary;
-}
-
-.color--froly {
-  color: $color--froly;
-}
-
-.color--text {
-  color: $color--text;
-}
-
-.color--gray-gull {
-  color: $color--gray-gull;
-}
-
-.color--dark {
-  color: #000;
-}
-
-.color--sea-buckthorn {
-  color: $color--sea-buckthorn;
-}
-
-.color--success {
-  color: $color--success;
-}
-
-.color--de-york {
-  color: $color--de-york;
-}
-
-.color--green-dark {
-  color: $color--green-dark;
-}
-
-.color--green-haze {
-  color: $color--green-haze;
-}
-
-.color--error {
-  color: $color--error;
-}
-
-.color--light-red {
-  color: $color--light-red;
-}
-
-.color--danger {
-  color: $color--error;
-}
-
-.color--warning {
-  color: $color--warning;
-}
-
-.color--warn {
-  color: $color--warn;
-}
-
-.color--pause,
-.color--disabled {
-  color: $color--pause;
-}
-
-.color--sky {
-  color: $color--sky;
-}
-
-.color--sky-deep {
-  color: $color--sky-deep;
-}
-
-.color--sky-light {
-  color: $color--sky-light;
-}
-
-.color--purple {
-  color: $color--purple;
-}
-
-.color--sea {
-  color: $color--sea;
-}
-
-.color--light-pinky {
-  color: $color--light-pinky;
-}
-
-.color--eggplant {
-  color: $color--eggplant;
-}
-
-.color--gray-dark {
-  color: $color--gray-dark;
-}
-
-.color--brown {
-  color: $color--brown;
-}
-
-.color--gray-gentel {
-  color: $color--gray-gentel
-}
-
-//SOCIALS COLORS
-.color--skype {
-  color: #33c5f1;
-}
-
-.color--fb {
-  color: #4489ca;
-}
-
-.color--viber {
-  color: #af55a3;
-}
-
-.color--icq {
-  color: #24b802;
-}
-
-.color--aim {
-  color: #d04c2d;
-}
-
-.i-color--skype {
-  color: #33c5f1 !important;
-}
-
-.i-color--fb {
-  color: #4489ca !important;
-}
-
-.i-color--viber {
-  color: #af55a3 !important;
-}
-
-.i-color--icq {
-  color: #24b802 !important;
-}
-
-.i-color--aim {
-  color: #d04c2d !important;
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-uppercase {
-  text-transform: uppercase;
-}

package/dist/scss/anme/_anme-vars.scss

@@ -1,91 +0,0 @@
-/* COLORS*/
-$color--primary: #6B81DD;
-$color--secondary: #BAC2C9;
-$color--white: #FFFFFF;
-$color--title: #94BAD7;
-$color--bg: #F4F6FF;
-$color--text: #1e1e2d;
-
-$color--link: #2976b0;
-$color--link-cat: #00345c;
-$color--link-hover: #ce860b;
-$color--zero: rgba(0, 0, 0, 0);
-$color--warning: #afaa00;
-$color--disabled: #afacad;
-$color--lavr: #e9f3f5;
-$color--creme: #fdfdf6;
-$color--success: #007a1d;
-$color--green-dark: #00695C;
-$color--green-light: #e8f5ea;
-$color--error: #8d0a00;
-$color--light-red: #cf0e00;
-$color--warning: #FF8A65;
-$color--warn: #ffb74d;
-$color--warn-bright: #fe9627;
-$color--pause: #999999;
-$color--border: #cfcfcf;
-$color--sky: #2196f3;
-$color--sky-deep: #006ff3;
-$color--sky-light: #ecf8ff;
-$color--sky-gentle: #ecf8ff;
-$color--border: #ced4da;
-$color--purple: #3949ab;
-$color--sea: #00bcd4;
-$color--light-pinky: #f9f2f4;
-$color--wisp-pinky: #fce2e8;
-$color--eggplant: #6a1ba7;
-$color--brown: #6D4C41;
-
-$color--gray: #6d6d6d;
-$color--gray-dark: #333333;
-$color--gray-light: #e9e9ed;
-$color--slate: #78909C;
-$color--gray-gentel: #f8f8fa;
-$color--grey-athens: #EBEFF2;
-$color--gray-gull: #9aa0b9;
-$color--athens-gray: #E2E5EC;
-$color--black-squeeze: #F7FAFC;
-$color--green-haze: #00B031;
-
-$color--creame: #fff5ee;
-$color--sandy-beach: #ffedc8;
-$color--sea-buckthorn: #F59A2F;
-$color--pastel-pink: #FFD9E2;
-$color--froly: #F06D8D;
-$color--panache: #E4F3E8;
-$color--de-york: #78C58D;
-$color--whisper: #F2F2F8;
-$color--mischka: #cccfdc;
-$color--cherokee: #FBDD9E;
-$color--yellow: #ffff00;
-
-/*GRID*/
-$gAir: 15px !default; //grid air
-$wide: calc(100% + 30px); //WIDE-WIDTH
-$s_air: 25px; //section air
-$air: 15px;
-$container: 1480px;
-$container-xxl: 1255px;
-$container-xl: 1115px;
-$mobile-more-height: 6em;
-$border: 1px solid $color--border;
-
-/*FONTS*/
-
-$font-title: 'Arial';
-$font-text: 'Open Sans';
-$h1-fs: 32px;
-$h1-lh: 1.31;
-$h2-fs: 26px;
-$h2-lh: 1.62;
-$h3-fs: 24px;
-$h3-lh: auto;
-$h4-fs: 22px;
-$h4-lh: 1.18;
-
-$txt: 14px;
-$txt--lh: (20 / 14);
-
-/*Z-INDEX*/
-
-$tooltip-z-index: 10;

package/dist/scss/anme/_code-styling.scss

@@ -1,23 +0,0 @@
-
-pre {
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  padding: 30px;
-  border: 1px solid #fffcc4;
-  background: #2b2b2b;
-  color: yellow;
-}
-
-.result {
-  background: aliceblue;
-
-  .container {
-    background: aliceblue;
-  }
-
-  .column-inner {
-    background: #2b2b2b;
-    min-height: 90px;
-  }
-}

package/dist/scss/anme/styles.scss

@@ -1,12 +0,0 @@
-@import "anme-mixins-media";
-@import "anme-mixins";
-@import "anme-vars";
-@import "anme-bootstrap-grid";
-@import "anme-normalize";
-@import "anme-grid";
-@import "anme-justify";
-@import "anme-padding-margins";
-@import "anme-elements";
-@import "anme-overall";
-@import "anme-table";
-@import "anme-theme";

package/src/Atomic/FormElements/InputDateRange/components/InputDateRange.js

@@ -1,230 +0,0 @@
-import React, { useState, useEffect, useRef, useMemo } from 'react';
-import cn from 'classnames';
-import moment from 'moment-timezone';
-
-import { useClickOutside, useToggle, getActualDateRange, INTERVALS, ALL_TIME_KEY, CUSTOM_INTERVAL_KEY_TEXT } from '..';
-
-import OpenedPart from './OpenedPart';
-import Arrow from '../../../UI/Arrow/Arrow';
-
-import './InputDateRange.scss'
-
-const InputDateRange = props => {
-    const {
-        txt,
-        id,
-        label,
-        className,
-        value,
-        onChange = () => {},
-        error,
-        disabled,
-        isHoverable,
-        short,
-        isCompact = false,
-        // isFocused = false,
-        isIntervalsHidden = false,
-        isCompareHidden = false,
-        hideArrows = false,
-        isOptionsRight,
-        limitRange,
-        isUseAbs,
-        absTooltip,
-    } = props;
-
-    const actualValues = getActualDateRange(value);
-    const { isToggled, toggle, toggleOn, toggleOff } = useToggle(false);
-    const [current, setCurrent] = useState(actualValues?.intervalKey);
-    const [isCompare, setIsCompare] = useState(actualValues?.compare);
-
-    const ref = !isUseAbs ? useClickOutside(toggleOff) : useRef(null);
-    const internalContainerRef = useRef(null);
-    const isEndDateNearFuture = moment(actualValues?.end).isSameOrAfter(moment());
-
-    const Range = () => {
-        const  SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
-        const { start, end } = actualValues;
-        if (!start || !end) return null;
-
-        const startTime = moment(start).format('HH:mm');
-        const endTime = moment(end).format('HH:mm');
-
-        const firstPart = `${moment(start).format('ll')} ${startTime !== '00:00' ? `(${startTime})` : ''}`;
-        const secondPart = `${(endTime !== '00:00' ? moment(end) : moment(end).subtract(1, 'days')).format('ll')} ${
-            endTime !== '00:00' ? `(${endTime})` : ''
-        }`;
-
-        const getClasses = base => cn('date-range-input__range-text', {
-            'date-range-input__range-text_little': base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
-        });
-
-        return (
-            <>
-                <span className={getClasses(firstPart)}>
-                    {firstPart}
-                    {endTime === '00:00' && moment(end).isSame(moment(start).add(1, 'days'), 'day') ? '' : ` - `}
-                </span>
-                {endTime === '00:00' && moment(end).isSame(moment(start).add(1, 'days'), 'day')
-                    ? null
-                    :<span className={getClasses(secondPart)}>{secondPart}</span>
-
-                }
-            </>
-        )
-    }
-
-    const slideInterval = (direction = 'forward') => {
-        const { start, end } = actualValues;
-        const intervalHoursCount = moment(end).diff(start, 'hours');
-        console.log(intervalHoursCount);
-        let newEnd, newStart;
-        const endHours = moment(end).hours();
-        const startHours = moment(start).hours();
-        if (direction === 'forward') {
-            newStart = moment(end)
-                .add(endHours === 0 ? 0 : 1, 'day')
-                .hours(startHours)
-                .toDate();
-            newEnd = moment(newStart).add(intervalHoursCount, 'hours');
-        } else {
-            newEnd = moment(start)
-                .subtract(endHours === 0 ? 0 : 1, 'day')
-                .hours(endHours)
-                .toDate();
-            newStart = moment(newEnd).subtract(intervalHoursCount, 'hours');
-        }
-        const startPrevDate = moment(newStart).subtract(intervalHoursCount, 'hours').subtract(1, 'seconds');
-        const endPrevDate = moment(newEnd).subtract(1, 'seconds');
-        onChange({
-            ...value,
-            intervalKey: getActualDateRange({
-                start: newStart,
-                end: newEnd,
-            })?.intervalKey,
-            start: newStart,
-            end: newEnd,
-            startPrevDate,
-            endPrevDate,
-        });
-    };
-
-    const handleArrowClick = type => {
-        slideInterval(type === 'right' ? 'forward' : 'back');
-        toggleOff();
-    };
-
-    const absData = useMemo(
-        () => ({
-            body: OpenedPart,
-            props: {
-                ...props,
-                key: `${actualValues.start}-${actualValues.end}-${actualValues.intervalKey}-${current}-${isCompare}`,
-                actualValues,
-                current,
-                setCurrent,
-                isCompare,
-                setIsCompare,
-                toggleOff,
-                onChange,
-            },
-            clickOutsideCallback: () => toggleOff(),
-            top: internalContainerRef.current?.getBoundingClientRect()?.bottom || 0,
-            left: internalContainerRef.current?.getBoundingClientRect()?.left || 0,
-        }),
-        [isToggled, value, actualValues, current, isCompare],
-    );
-
-    useEffect(() => {
-        if (current && isUseAbs && absTooltip) onChange(current, 'absTooltip/props/current');
-    }, [current]);
-
-    useEffect(() => {
-        if (isUseAbs) onChange(isToggled ? absData : null, 'absTooltip');
-    }, [isToggled]);
-
-    return (
-        <div
-            ref={internalContainerRef}
-            className={cn('date-range-input', className, {
-                'date-range-input_compact': isCompact,
-                'date-range-input_hide-arrows': hideArrows,
-                'date-range-input_focused': isToggled,
-                'date-range-input_error': error,
-                'date-range-input_disabled': disabled,
-            })}
-        >
-            <span className="date-range-input__label" >{label}</span>
-            <div
-                className="date-range-input__wraper"
-                ref={ref}
-                onMouseEnter={isHoverable && toggleOn}
-                onMouseLeave={isHoverable && toggleOff}
-            >
-                <div className={cn('date-range-input__absolut-wraper', {
-                    'date-range-input__absolut-wraper_right-position': isOptionsRight,
-                })}>
-                    <div className={cn('date-range-input__static-part')}>
-                        <button
-                            id={id}
-                            className={cn('date-range-input__toggle-button')}
-                            // className={cn(
-                            //     'date-range-input__toggle-button',
-                            //     { 'form-select__input--disabled': disabled },
-                            //     { 'form-select__input--opened': isToggled },
-                            //     { 'form-select__input--focused': isToggled },
-                            //     className,
-                            // )}
-                            disabled={disabled}
-                            onClick={!disabled && !isHoverable ? toggle : undefined}
-                        >
-                            <div className="date-range-input__interval-key">
-                                <span>
-                                    {(txt?.labels && txt.labels[actualValues?.intervalKey]) ?? (INTERVALS[actualValues?.intervalKey]?.label || CUSTOM_INTERVAL_KEY_TEXT)}
-                                </span>
-                                {current !== ALL_TIME_KEY && <span>:</span>}
-                            </div>
-                            {!isCompact && <div className={cn('date-range-input__range', {})}><Range /></div>}
-                        </button>
-                        {!isCompact && !hideArrows && (
-                            <div className={cn('date-range-input__arrows-block')}>
-                                <Arrow 
-                                    type="left" 
-                                    className="date-range-input__arrow" 
-                                    onClick={() => handleArrowClick("left")} 
-                                    disabled={disabled || actualValues?.intervalKey === ALL_TIME_KEY} 
-                                />
-                                <Arrow 
-                                    type="right" 
-                                    className="date-range-input__arrow" 
-                                    onClick={() => handleArrowClick("right")} 
-                                    disabled={
-                                        disabled || 
-                                        actualValues?.intervalKey === ALL_TIME_KEY || 
-                                        actualValues?.intervalKey === 'today' || 
-                                        moment(actualValues?.end).add(moment(actualValues?.end).diff(actualValues?.start, 'hours'), 'hours').isSameOrAfter(moment())
-                                    }
-                                />
-                            </div>
-                        )}
-                    </div>
-                    {isToggled && !isUseAbs && (
-                        <OpenedPart
-                            {...props}
-                            ref={internalContainerRef}
-                            actualValues={actualValues}
-                            current={current}
-                            setCurrent={setCurrent}
-                            isCompare={isCompare}
-                            setIsCompare={setIsCompare}
-                            toggleOff={toggleOff}
-                            onChange={onChange}
-                        />
-                    )}
-                </div>
-            </div>
-            {error && <span className="date-range-input__error-block">{error}</span>}
-        </div>
-    );
-};
-
-export default React.memo(InputDateRange);