intelicoreact 0.0.96 → 0.0.97

package/src/Atomic/UI/Hint/Hint.scss

@@ -1,92 +0,0 @@
-.hint {
-  position: relative;
-  display: inline-block;
-  font-size: 0;
-
-  &__button {
-    display: flex;
-    cursor: pointer;
-
-    svg {
-      width: 16px;
-      height: 16px;
-      margin-right: 5px;
-    }
-
-    &:hover,
-    &_active {
-      color: #6b81dd;
-
-      svg {
-        color: #6b81dd;
-      }
-    }
-  }
-
-  &__text {
-    position: absolute;
-    background-color: #6b81dd;
-    color: #fff;
-    font-size: 10px;
-    line-height: 16px;
-    border-radius: 4px;
-    max-width: 250px;
-    min-width: 80px;
-    padding: 8px;
-    z-index: 1;
-
-    a {
-      color: #fff;
-      text-decoration: underline;
-    }
-
-    &:before {
-      content: "";
-      position: absolute;
-      width: 8.5px;
-      height: 8.5px;
-      background-color: #6b81dd;
-      transform: rotate(45deg);
-    }
-
-    &_bottom {
-      top: 26px;
-      left: -4px;
-      &:before {
-        left: 8px;
-        top: -4.25px;
-      }
-    }
-
-    &_right {
-      top: -4px;
-      left: 24px;
-      &:before {
-        top: 8px;
-        left: -4.25px;
-      }
-    }
-
-    &_left {
-      top: -2px;
-      right: 24px;
-      &:before {
-        top: 8px;
-        right: -4.25px;
-      }
-    }
-
-    &_top {
-      bottom: 26px;
-      left: -4px;
-      &:before {
-        left: 8px;
-        bottom: -4.25px;
-      }
-    }
-  }
-
-  &__icon {
-    color: #9aa0b9;
-  }
-}

package/src/Atomic/UI/Hint/Hint.stories.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import Hint from './Hint';
-
-global.lng = 'en';
-
-export default {
-  title: 'UI/Hint',
-  component: Hint,
-  argTypes: {
-    side: {
-      description: 'string: ["right", "bottom", "top", "left"]',
-      control: {
-        type: 'select',
-        options: ['right', 'bottom', 'top', 'left']
-      }
-    },
-    hint: {
-      description: 'string'
-    }
-  }
-};
-
-const Template = args => {
-  return <Hint {...args} />;
-};
-
-export const HintTemplate = Template.bind({});
-
-HintTemplate.args = {
-  hint: ' hint text hint text hint text hint text hint text hint text hint text hint text',
-  side: 'right',
-  label: ''
-  // isIconOutline: false
-};

package/src/Atomic/UI/Price/Price.js

@@ -1,20 +0,0 @@
-import React from 'react';
-const Price = ({ value, unit = '$', unitAfter, className }) => {
-  if (value === undefined || value === null) return null;
-  let formatted;
-  if (value.length <= 3) {
-    formatted = parseFloat(value).toFixed(2);
-  } else {
-    formatted = Number(value.toString().replace(/[+*?$^(,)]/g, '')).toLocaleString('en-US');
-  }
-
-  return (
-    <div className={`price ${className}`}>
-      {!unitAfter && unit}
-      {formatted}
-      {unitAfter && unit}
-    </div>
-  );
-};
-
-export default Price;

package/src/Atomic/UI/Price/Price.stories.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import Price from './Price';
-
-global.lng = 'en';
-
-export default {
-  title: 'UI/Price',
-  component: Price,
-  argTypes: {
-    value: {
-      description: 'string',
-    },
-    unit: {
-      description: 'string'
-    },
-    unitAfter: {
-      description: 'boolean'
-    }
-  }
-};
-
-const Template = args => <Price {...args} />;
-
-export const PriceTemplate = Template.bind({});
-
-PriceTemplate.args = {
-  value: '15000',
-  unit: '$',
-  unitAfter: false
-};

package/src/Atomic/UI/Status/Status.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-
-import './Status.scss';
-
-const Status = ({ label, status, disabled, type, active = 0, pause = 0, className, noBackground, children }) => {
-  return (
-    <div className={cn({ disabled }, className)}>
-      {type === 'number' ? (
-        <div>
-          {active === 0 && pause === 0 ? (
-            <div className="status status--error">
-              <span>{active}</span>
-            </div>
-          ) : (
-            <div className="status status--warning">
-              <span className="status--number-active">{active}</span>
-              <span className="color--gray-gull"> / </span>
-              <span className={`${pause > 0 ? 'color--froly' : 'color--gray-gull'}`}>{pause}</span>
-            </div>
-          )}
-        </div>
-      ) : (
-        <div
-          className={cn(
-            `status status--${status} ${className || ''}`,
-            { 'status--no-bg': noBackground },
-            { 'color--gray-gull': noBackground && status === 'pause' && !className }
-          )}
-        >
-          {children || label}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default Status;

package/src/Atomic/UI/Status/Status.scss

@@ -1,69 +0,0 @@
-@import "~anme/scss/anme-vars";
-
-.status {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: 400;
-  border-radius: 15px;
-  padding: 0 8px;
-  height: 20px;
-
-  &--number {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 10px;
-    border-radius: 15px;
-    height: 20px;
-  }
-  &--active,
-  &--approved {
-    color: $color--green-haze;
-    background-color: $color--panache;
-  }
-
-  &--error {
-    color: #ffff;
-    background-color: #9aa0b9;
-  }
-
-  &--pause,
-  &--reject,
-  &--No,
-  &--declined {
-    color: $color--froly;
-    background-color: #fce2e8;
-  }
-
-  &--processing {
-    color: #9aa0b9;
-    background-color: #e2e6f8;
-  }
-
-  &--new,
-  &--preApproved {
-    color: $color--primary;
-    background-color: #e2e6f8;
-  }
-
-  &--warning {
-    background-color: $color--sandy-beach;
-  }
-
-  &--number-active,
-  &--Yes {
-    color: $color--green-haze;
-  }
-
-  &--no-bg {
-    background: none;
-    font-size: 13px;
-  }
-
-  &--disabled {
-    background-color: $color--border;
-    color: #777;
-  }
-}

package/src/Atomic/UI/Status/Status.stories.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import Status from './Status';
-
-global.lng = 'en';
-
-export default {
-  title: 'UI/Status',
-  component: Status,
-  argTypes: {
-    status: {
-      description: 'string: ["active", "pause", "error", "processing"]',
-      control: {
-        type: 'select',
-        options: ['active', 'pause', 'error', 'processing']
-      }
-    },
-    label: {
-      description: 'string'
-    },
-    disabled: {
-      description: 'boolean'
-    },
-    children: {
-      description: 'any rect children'
-    }
-  }
-};
-
-const Template = args => <Status {...args} />;
-
-export const StatusTemplate = Template.bind({});
-export const StatusNumberTemplate = Template.bind({});
-
-StatusTemplate.args = {
-  label: '',
-  status: 'active',
-  disabled: false,
-  noBackground: false
-};
-
-StatusNumberTemplate.args = {
-  active: 0,
-  pause: 0,
-  status: 'active',
-  disabled: false,
-  type: 'number'
-};

package/src/Constants/index.constants.js

@@ -1,41 +0,0 @@
-
-export const KEYBOARD_SERVICE_KEYS = [
-  'Escape',
-  'F1',
-  'F2',
-  'F3',
-  'F4',
-  'F5',
-  'F6',
-  'F7',
-  'F8',
-  'F9',
-  'F10',
-  'F11',
-  'F12',
-  'Tab',
-  'CapsLock',
-  'Shift',
-  'Control',
-  'Meta',
-  'Option',
-  'Alt',
-  'ContextMenu',
-  'ArrowLeft',
-  'ArrowRight',
-  'ArrowUp',
-  'ArrowDown',
-  'NumLock',
-  'Backspace',
-  'Delete',
-  'Enter',
-  'Return',
-  'Insert',
-  'Home',
-  'End',
-  'PageUp',
-  'PageDown',
-  'PrintScreen',
-  'ScrollLock',
-  'Pause'
-];

package/src/Functions/customEventListener.js

@@ -1,58 +0,0 @@
-(function() {
-  Element.prototype._addEventListener = Element.prototype.addEventListener;
-  Element.prototype.addEventListener = function(a,b,c) {
-    if(c==undefined)
-      c=false;
-    this._addEventListener(a,b,c);
-    if(!this.eventListenerList)
-      this.eventListenerList = {};
-    if(!this.eventListenerList[a])
-      this.eventListenerList[a] = [];
-    //this.removeEventListener(a,b,c); // TODO - handle duplicates..
-    this.eventListenerList[a].push({listener:b,useCapture:c});
-  };
-
-  Element.prototype.getEventListeners = function(a){
-    if(!this.eventListenerList)
-      this.eventListenerList = {};
-    if(a==undefined)
-      return this.eventListenerList;
-    return this.eventListenerList[a];
-  };
-  Element.prototype.clearEventListeners = function(a){
-    if(!this.eventListenerList)
-      this.eventListenerList = {};
-    if(a==undefined){
-      for(var x in (this.getEventListeners())) this.clearEventListeners(x);
-        return;
-    }
-    var el = this.getEventListeners(a);
-    if(el==undefined)
-      return;
-    for(var i = el.length - 1; i >= 0; --i) {
-      var ev = el[i];
-      this.removeEventListener(a, ev.listener, ev.useCapture);
-    }
-  };
-
-  Element.prototype._removeEventListener = Element.prototype.removeEventListener;
-  Element.prototype.removeEventListener = function(a,b,c) {
-    if(c==undefined)
-      c=false;
-    this._removeEventListener(a,b,c);
-      if(!this.eventListenerList)
-        this.eventListenerList = {};
-      if(!this.eventListenerList[a])
-        this.eventListenerList[a] = [];
-
-      // Find the event in the list
-      for(var i=0;i<this.eventListenerList[a].length;i++){
-          if(this.eventListenerList[a][i].listener==b, this.eventListenerList[a][i].useCapture==c){ // Hmm..
-              this.eventListenerList[a].splice(i, 1);
-              break;
-          }
-      }
-    if(this.eventListenerList[a].length==0)
-      delete this.eventListenerList[a];
-  };
-})();

package/src/Functions/inputExecutor.js

@@ -1,53 +0,0 @@
-export const formatInput = {
-  priceInput: {
-    addCommas: (value) => {
-      value = value.toString();
-      const isFraction = value.includes('.');
-
-      const valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value;
-
-      const intPart = valueBeforeDot
-        .split('')
-        .reverse()
-        .reduce((acc, item, idx) => (idx % 3 === 0 && idx !== 0 ? [...acc, ',', item] : [...acc, item]), [])
-        .reverse()
-        .join('');
-
-      return isFraction ? intPart + value.slice(value.indexOf('.')) : intPart;
-    },
-    removeComma: (value) => {
-      return parseInt(value.toString().replace(/\,/g, ''));
-    },
-  },
-  onlyNumbers: (value, isDot = false) => {
-    const val = value.slice(0, 1) !== '0' && value.slice(0, 1) !== '.' ? value : value.slice(1);
-    if (isDot) return twoDigitAfterDot(val.replace(/[^0-9.]/g, ''));
-    else return +val.toString().replace(/\D/g, '');
-  },
-  onlyString: (value) => {
-    return value.toString().replace(/[^a-z]/gi, '');
-  },
-};
-
-//обрезает числа после точки до 2х
-// 342.23423432 -> 342.23
-const twoDigitAfterDot = (value) => {
-  if (value.includes('.')) {
-    const valueAfterDot = value.slice(0, value.indexOf('.') + 3);
-    let rest = value.slice(value.indexOf('.') + 1, value.indexOf('.') + 3);
-
-    return allButTheFirstDotCutter(valueAfterDot);
-  } else {
-    return value;
-  }
-};
-
-//обрезает все точки кроме первой.
-//для фомата "2 цифры после точки"
-// нельзя = 123...
-// можно 123.99
-function allButTheFirstDotCutter(str) {
-  return str.replace(/^([^.]*\.)(.*)$/, function (a, b, c) {
-    return b + c.replace(/\./g, '');
-  });
-}

package/src/Functions/schemas.js

@@ -1,31 +0,0 @@
-import * as yup from 'yup';
-
-export const forgotSchema = yup.object().shape({
-  email: yup.string().email('Invalid email').required('E-mail is required')
-});
-
-export const loginSchema = yup.object().shape({
-  email: yup.string().email('Invalid email').required('E-mail is required'),
-  password: yup
-    .string()
-    .required('No password provided')
-    .min(8, 'Password is too short - should be 8 chars minimum')
-    .matches(/[a-zA-Z]/, 'Password can only contain Latin letters'),
-  remember: yup.bool()
-});
-
-export const registerSchema = yup.object().shape({
-  name: yup.string().required('Name is required'),
-  email: yup.string().email('Invalid email').required('E-mail is required'),
-  password: yup
-    .string()
-    .required('No password provided')
-    .min(8, 'Password is too short - should be 8 chars minimum')
-    .matches(/[a-zA-Z]/, 'Password can only contain Latin letters'),
-  confirmPassword: yup
-    .string()
-    .required('Confirm password')
-    .oneOf([yup.ref('password')], 'Passwords must match'),
-  promo: yup.string(),
-  recaptcha: yup.bool().oneOf([true], 'Field must be checked')
-});

package/src/Functions/useClickOutside.js

@@ -1,15 +0,0 @@
-import { useEffect } from 'react';
-
-export const useClickOutside = (ref, setOut, open) => {
-  function handleClickOutside(event) {
-    if (ref.current && !ref.current.contains(event.target)) {
-      setOut(open);
-    }
-  }
-  useEffect(() => {
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref]);
-};

package/src/Functions/useMouseUpOutside.js

@@ -1,16 +0,0 @@
-import { useEffect } from 'react'
-
-export default function useMouseUpOutside(ref, setOut, open) {
-  function handleMouseUpOutside(event) {
-    if (ref.current && !ref.current.contains(event.target)) {
-      setOut(open);
-    }
-  }
-
-  useEffect(() => {
-    document.addEventListener('mouseup', handleMouseUpOutside);
-    return () => {
-      document.removeEventListener('mouseup', handleMouseUpOutside);
-    };
-  }, [ref]);
-}

package/src/Functions/useToggle.js

@@ -1,17 +0,0 @@
-import { useCallback, useState } from 'react';
-
-const useToggle = initialState => {
-  const [isToggled, setToggle] = useState(!!initialState);
-  const toggle = useCallback(() => setToggle(isOn => !isOn), []);
-  const toggleOn = useCallback(() => setToggle(true), []);
-  const toggleOff = useCallback(() => setToggle(false), []);
-
-  return {
-    isToggled,
-    toggle,
-    toggleOn,
-    toggleOff
-  };
-};
-
-export default useToggle;

package/src/Functions/utils.js

@@ -1,51 +0,0 @@
-import { useEffect } from 'react';
-/* eslint-disable guard-for-in, no-unused-vars */
-export const handleObjectChange =
-  (updateObject, updateFunction) =>
-  (data, prop = '', isNumber) => {
-    let value;
-    if (data?.target) {
-      value =
-        data.target.type === 'checkbox'
-          ? data.target.checked
-          : data.target.value;
-    } else value = data;
-
-    value = isNumber ? +value : value;
-
-    const props = prop.split('.');
-    const currentObject = props.reduce((res, chapter, index) => {
-      if (props.length !== index + 1) res = res[chapter];
-      return res;
-    }, updateObject);
-
-    currentObject[props.pop()] = value;
-    updateFunction();
-  };
-
-export const useOutsideToggle = (ref, setOut, open) => {
-  function handleClickOutside(event) {
-    if (ref.current && !ref.current.contains(event.target)) {
-      setOut(open);
-    }
-  }
-  useEffect(() => {
-    document.addEventListener('mouseup', handleClickOutside);
-    return () => {
-      // Unbind the event listener on clean up
-      document.removeEventListener('mouseup', handleClickOutside);
-    };
-  }, [ref]);
-};
-
-export const logout = () => {
-  window.localStorage.removeItem('accessToken');
-  window.localStorage.removeItem('tokenExpires');
-  window.location.reload();
-};
-
-export const getStyles = (el, prop) => {
-  if (!el) return null;
-  if (!prop) return window.getComputedStyle(el);
-  return window.getComputedStyle(el).getPropertyValue(prop);
-};