intelicoreact 0.0.94 → 0.0.97

package/{src/Atomic/FormElements/Dropdown/components/DropdownLoader.scss → dist/Atomic/FormElements/Spinner/Spinner.scss}

@@ -5,7 +5,7 @@
   height: 100%;
 }
 
-.dropdown-loader-box {
+.loader-box {
   position: absolute;
   @include fill-parent;
   background: #fff;
@@ -19,8 +19,8 @@
   height: 100px;
 }
 .lds-ring.lds-ring_little {
-  width: 20px;
-  height: 20px;
+  width: 30px;
+  height: 30px;
 }
 .lds-ring div {
   box-sizing: border-box;
@@ -35,8 +35,11 @@
   border-color: #000 transparent transparent transparent;
 }
 .lds-ring_little div {
-  width: 20px;
-  height: 20px;
+  top: -10px;
+  width: 30px !important;
+  height: 30px !important;
+  border: 4px solid #000 !important;
+  border-color: #000 transparent transparent transparent !important;
 }
 .lds-ring div:nth-child(1) {
   animation-delay: -0.45s;

package/dist/Atomic/FormElements/Spinner/Spinner.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpinnerTemplate = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Spinner = _interopRequireDefault(require("./Spinner.js"));
+
+global.lng = 'en';
+var _default = {
+  title: 'Form Elements/Spinner',
+  component: _Spinner.default,
+  argTypes: {
+    little: {
+      description: 'boolean - size of spinner'
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_Spinner.default, args);
+};
+
+var SpinnerTemplate = Template.bind({});
+exports.SpinnerTemplate = SpinnerTemplate;
+SpinnerTemplate.args = {
+  little: false
+};

package/dist/Atomic/UI/Calendar/Calendar.js

@@ -39,11 +39,14 @@ function _default(props) {
       allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
       params = props.params,
       className = props.className,
-      isDontLimitFuture = props.isDontLimitFuture,
       isListTop = props.isListTop; // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
 
-  var minDate = params.minDate,
-      maxDate = params.maxDate;
+  var format = params.format,
+      minDate = params.minDate,
+      maxDate = params.maxDate,
+      momentMinDate = params.momentMinDate,
+      momentMaxDate = params.momentMaxDate,
+      isDontLimitFuture = params.isDontLimitFuture;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -67,17 +70,15 @@ function _default(props) {
 
   var yearInputRef = (0, _react.useRef)(null);
   var selectedDay = (0, _moment.default)(showDate);
-  var isError = 'Invalid date'; // const title = useMemo(
-  //   () => (selectedDay.format('MMM') === isError ? isError : `${selectedDay.format('MMM')} ${moment(showDate).format('YYYY')}`),
-  //   [date, showDate]
-  // );
-
+  var isError = 'Invalid date';
   var showMonth = (0, _react.useMemo)(function () {
     return (0, _moment.default)(showDate).format('MMM');
   }, [date, showDate]);
   var showYear = (0, _react.useMemo)(function () {
     return (0, _moment.default)(showDate).format('YYYY');
   }, [date, showDate]);
+  var isShovPrevArrow = allowPrev && !(minDate && (0, _moment.default)(showDate).startOf('month').isSameOrBefore(momentMinDate, 'months'));
+  var isShovNextArrow = allowNext && (isDontLimitFuture || !(0, _moment.default)(showDate).startOf('month').isSameOrAfter(maxDate ? momentMaxDate : (0, _moment.default)().add(1, 'day').startOf('day'), 'months'));
   (0, _react.useEffect)(function () {
     var result = {};
     var day = selectedDay.startOf('month');
@@ -106,8 +107,8 @@ function _default(props) {
     if (!day) return /*#__PURE__*/_react.default.createElement("div", {
       className: "calendar__day"
     });
-    var isFutureDay = day && maxDate ? (0, _moment.default)(day.date).isAfter((0, _moment.default)(maxDate || ''), 'day') : (0, _moment.default)(day.date).isAfter((0, _moment.default)(), 'day');
-    var isBeforeDay = day && (0, _moment.default)(day.date).isBefore((0, _moment.default)(minDate || ''), 'day');
+    var isFutureDay = day && !isDontLimitFuture && maxDate ? (0, _moment.default)(day.date).isAfter(momentMaxDate || (0, _moment.default)().add(1, 'days'), 'day') : (0, _moment.default)(day.date).isAfter((0, _moment.default)(), 'day');
+    var isBeforeDay = day && (0, _moment.default)(day.date).isBefore(momentMinDate || '', 'day');
     var classNames = (0, _classnames.default)('calendar__day', {
       'calendar__day--clickable': day
     }, {
@@ -170,7 +171,7 @@ function _default(props) {
     className: "calendar-header"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar-header__prev"
-  }, allowPrev && /*#__PURE__*/_react.default.createElement("div", {
+  }, isShovPrevArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handlePrev
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronLeft, null))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('calendar-header__title'),
@@ -200,7 +201,7 @@ function _default(props) {
     }
   }) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar-header__next"
-  }, allowNext && /*#__PURE__*/_react.default.createElement("div", {
+  }, isShovNextArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleNext
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronRight, null)))), /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar__week"

package/dist/Functions/customEventListener.js

@@ -0,0 +1,66 @@
+"use strict";
+
+(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/dist/Functions/inputExecutor.js

@@ -30,7 +30,13 @@ var formatInput = {
     if (isDot) return twoDigitAfterDot(val.replace(/[^0-9.]/g, ''));else return +val.toString().replace(/\D/g, '');
   },
   onlyString: function onlyString(value) {
-    return value.toString().replace(/[^a-z]/gi, '');
+    var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    if (soft) {
+      return value.toString().replace(/[^a-z.]/gi, '');
+    } else {
+      return value.toString().replace(/[^a-z]/gi, '');
+    }
   }
 }; //обрезает числа после точки до 2х
 // 342.23423432 -> 342.23

package/dist/Functions/useMouseUpOutside.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMouseUpOutside;
+
+var _react = require("react");
+
+function useMouseUpOutside(ref, setOut, open) {
+  function handleMouseUpOutside(event) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      setOut(open);
+    }
+  }
+
+  (0, _react.useEffect)(function () {
+    document.addEventListener('mouseup', handleMouseUpOutside);
+    return function () {
+      document.removeEventListener('mouseup', handleMouseUpOutside);
+    };
+  }, [ref]);
+}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.94",
-  "description": "fix input-calendar",
+  "version": "0.0.97",
+  "description": "added softStringMode with string and dot for input, fix logic of start/end-date props (part 5)",
   "main": "dist/index.js",
+  "files": ["dist/*"],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "babel src --out-dir dist --copy-files"

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": [
-    [
-      "@babel/plugin-transform-runtime",
-      {
-        "regenerator": true
-      }
-    ]
-  ]
-
-}

package/.eslintignore

@@ -1,10 +0,0 @@
-node_modules
-react-backend
-app
-build
-src/JS/store/initialState
-src/vendor.js
-src/JS/store/reducers/
-config/
-*.spec.js
-/.git

package/.eslintrc.json

@@ -1,93 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es6": true,
-    "node": true,
-    "jest": true
-  },
-  "extends": ["plugin:react/recommended", "airbnb", "plugin:prettier/recommended"],
-  "globals": {
-    "Atomics": "readonly",
-    "SharedArrayBuffer": "readonly"
-  },
-  "parser": "babel-eslint",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": 2018,
-    "sourceType": "module"
-  },
-  "plugins": ["react", "prettier"],
-
-  "rules": {
-    "prettier/prettier": ["error", {"arrowParens": "avoid", "trailingComma": "none"}],
-
-    "import/prefer-default-export": 0,
-    "jsx-a11y/click-events-have-key-events": 0,
-    "jsx-a11y/no-static-element-interactions": 0,
-    "no-param-reassign": 0,
-    "jsx-a11y/control-has-associated-label": 0,
-    "import/no-cycle": 0,
-
-    "react/react-in-jsx-scope": 0,
-    "react/jsx-filename-extension": 0,
-    "react/prop-types": 0,
-    "react/jsx-one-expression-per-line": 0,
-    "react/jsx-props-no-spreading": 0,
-    "react/no-array-index-key": 0,
-    "react/button-has-type": 0,
-    "react/no-danger": 0
-  },
-
-  "overrides": [
-    {
-      "files": ["**/*.ts", "**/*.tsx"],
-      "env": {
-        "browser": true,
-        "es6": true
-      },
-      "parser": "@typescript-eslint/parser",
-      "plugins": ["react", "@typescript-eslint"],
-      "extends": ["airbnb-typescript", "airbnb/hooks", "plugin:@typescript-eslint/recommended", "prettier", "plugin:prettier/recommended"],
-      "globals": {
-        "Atomics": "readonly",
-        "SharedArrayBuffer": "readonly"
-      },
-      "rules": {
-        "@typescript-eslint/comma-dangle": 0,
-        "linebreak-style": "off",
-        "prettier/prettier": ["error", {"endOfLine": "auto", "arrowParens": "avoid", "trailingComma": "none"}],
-
-        "import/prefer-default-export": 0,
-        "jsx-a11y/click-events-have-key-events": 0,
-        "jsx-a11y/no-static-element-interactions": 0,
-        "no-param-reassign": 0,
-        "jsx-a11y/control-has-associated-label": 0,
-        "import/no-cycle": 0,
-
-        "react/react-in-jsx-scope": 0,
-        "react/jsx-filename-extension": 0,
-        "react/prop-types": 0,
-        "react/jsx-one-expression-per-line": 0,
-        "react/jsx-props-no-spreading": 0,
-        "react/no-array-index-key": 0,
-        "react/button-has-type": 0,
-        "react/no-danger": 0
-      },
-      "parserOptions": {
-        "ecmaFeatures": {
-          "jsx": true
-        },
-        "ecmaVersion": 2020,
-        "sourceType": "module",
-        "project": "./tsconfig.json"
-      },
-      "settings": {
-        "react": {
-          "version": "detect"
-        }
-      }
-    }
-  ]
-}

package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-
-import './CheckboxInput.scss';
-
-const CheckboxInput = ({ label, id, value, onChange, disabled, className, isStark }) => {
-  return (
-    <label className={cn('checkbox-input', className, { [`checkbox-input_disabled`]: disabled })} htmlFor={id}>
-      <div className={cn(`checkbox-input__input`, { [`checkbox-input__input_checked`]: value })}>
-        <input
-          id={id}
-          type="checkbox"
-          className="checkbox-input__checkbox"
-          onChange={(e) => onChange(!value, e)}
-          checked={value}
-          disabled={disabled}
-          ref={(elem) => {
-            if (elem) elem.indeterminate = isStark;
-          }}
-        />
-        <span className="checkbox-input__mark" />
-      </div>
-      {label && <div className="checkbox-input__label">{label}</div>}
-    </label>
-  );
-};
-
-export default CheckboxInput;

package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss

@@ -1,107 +0,0 @@
-.checkbox-input {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-
-  &_disabled {
-    opacity: 0.5;
-    pointer-events: none;
-    cursor: auto;
-  }
-
-  &:hover {
-    .checkbox-input__input {
-      background-color: rgba(#6b81dd, 0.2);
-    }
-  }
-
-  &__input {
-    position: relative;
-    height: 14px;
-    width: 14px;
-    min-width: 14px;
-    border: 1px solid #9aa0b9;
-    border-radius: 2px;
-    overflow: hidden;
-    margin-right: 5px;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
-    background-color: #ffff;
-
-    &_checked {
-      border-color: #6b81dd;
-    }
-
-    .checkbox-input__checkbox:checked ~ .checkbox-input__mark {
-      display: block;
-    }
-  }
-
-  &__checkbox {
-    opacity: 0;
-    position: absolute;
-    height: 0;
-    width: 0;
-  }
-
-  &__mark {
-    display: none;
-    position: absolute;
-    width: 14px;
-    height: 14px;
-    background-color: #6b81dd;
-
-    &:after {
-      content: "";
-      position: absolute;
-      top: -2px;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      margin: auto;
-      width: 4px;
-      height: 8px;
-      border: solid white;
-      border-radius: 2px;
-      border-width: 0 2px 2px 0;
-      transform: rotate(45deg);
-    }
-  }
-
-  &__label {
-    font-size: 13px;
-    user-select: none;
-  }
-
-  input[type="checkbox" i] {
-    &:indeterminate {
-      display: block;
-      width: 100%;
-      height: 100%;
-      &:after {
-        content: "";
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-        width: 100%;
-        height: 100%;
-        background-color: #6b81dd;
-      }
-      &:before {
-        content: "";
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: 65%;
-        border: solid white;
-        border-radius: 2px;
-        border-width: 0 2px 2px 0;
-        z-index: 1;
-      }
-    }
-  }
-}

package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js

@@ -1,26 +0,0 @@
-import React, { useState } from 'react';
-import CheckboxInput from './CheckboxInput';
-
-global.lng = 'en';
-
-export default {
-  title: 'Form Elements/CheckboxInput',
-  component: CheckboxInput,
-};
-
-const Template = (args) => {
-  const { value: argsValue } = args;
-  const [value, setValue] = useState(argsValue);
-
-  return <CheckboxInput {...args} value={value} onChange={setValue} />;
-};
-
-export const Checkbox = Template.bind({});
-
-Checkbox.args = {
-  label: 'Test label',
-  value: true,
-  disabled: false,
-  forced: false,
-  isStark: true,
-};

package/src/Atomic/FormElements/DateTime/DateTime.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import moment from 'moment';
-
-import './DateTime.scss';
-
-const DateTime = ({ className, item }) => {
-  const date = moment(item).format('DD.MM.YYYY');
-  const time = moment(item).format('HH:mm:ss');
-
-  return (
-    <div className={`date-time ${className}`}>
-      <span className="date-time--date">{date}</span>
-      <span className="date-time--time color--pause">{time}</span>
-    </div>
-  );
-};
-
-export default DateTime;

package/src/Atomic/FormElements/DateTime/DateTime.scss

@@ -1,12 +0,0 @@
-.date-time {
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  flex-direction: column;
-  font-size: 13px;
-
-  &--date,
-  &--time {
-    font-weight: 400;
-  }
-}

package/src/Atomic/FormElements/DateTime/DateTime.stories.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import DateTime from './DateTime';
-
-global.lng = 'en';
-
-export default {
-  title: 'Form Elements/DateTime',
-  component: DateTime
-};
-
-const Template = args => <DateTime {...args} />;
-
-export const DateTimeTemplate = Template.bind({});
-
-DateTimeTemplate.args = {
-  item: '2021-05-12T23:54:25+0300'
-};

package/src/Atomic/FormElements/DoubleString/DoubleString.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-
-import './DoubleString.scss';
-
-const DoubleString = ({ value, description, className }) => (
-  <div className={cn(className, 'double-string')}>
-    <span className="double-string--value">{value}</span>
-    <span className="double-string--description">{description}</span>
-  </div>
-);
-
-export default DoubleString;

package/src/Atomic/FormElements/DoubleString/DoubleString.scss

@@ -1,20 +0,0 @@
-.double-string {
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  flex-direction: column;
-
-  &--value {
-    font-size: 13px;
-    color: #1e1e2d;
-    max-width: 250px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &--description {
-    font-size: 13px;
-    color: #9aa0b9;
-  }
-}

package/src/Atomic/FormElements/DoubleString/DoubleString.stories.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import DoubleString from './DoubleString';
-
-global.lng = 'en';
-
-export default {
-  title: 'DoubleString',
-  component: DoubleString
-};
-
-const Template = args => <DoubleString {...args} />;
-
-export const DoubleStringTemplate = Template.bind({});
-
-DoubleStringTemplate.args = {
-  value: 'Value',
-  description: 'Description'
-};