intelicoreact 0.0.96 → 0.0.97

package/dist/Atomic/FormElements/Input/Input.js

@@ -52,6 +52,8 @@ var Input = function Input(_ref) {
       className = _ref.className,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'text' : _ref$type,
+      _ref$softStringMode = _ref.softStringMode,
+      softStringMode = _ref$softStringMode === void 0 ? false : _ref$softStringMode,
       mask = _ref.mask,
       maskChar = _ref.maskChar,
       formatChars = _ref.formatChars,
@@ -103,7 +105,7 @@ var Input = function Input(_ref) {
 
       if (isOnlyNumber && !isTwoDigitAfterDot) inputValue = onlyNumbers(inputValue);
       if (isTwoDigitAfterDot) inputValue = onlyNumbers(inputValue, true);
-      if (isOnlyString) inputValue = onlyString(inputValue);
+      if (isOnlyString) inputValue = onlyString(inputValue, softStringMode);
       onChange(inputValue.toString());
     },
     toggleEdit: function toggleEdit() {

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

@@ -43,9 +43,12 @@ var _default = {
     isOnlyNumber: {
       description: 'boolean - only numbers'
     },
-    isOnlyString: {
+    softStringMode: {
       description: 'boolean - only strings'
     },
+    hardStringMode: {
+      description: 'boolean - soft or hard validation'
+    },
     isTwoDigitAfterDot: {
       description: 'boolean - only two digits after dot'
     },
@@ -114,6 +117,7 @@ InputTemplate.args = {
   disabled: false,
   error: '',
   mask: '',
+  softStringMode: true,
   withDelete: true,
   symbolsLimit: 255,
   placeholder: 'Placeholder',

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -93,14 +93,14 @@ var InputDateRange = function InputDateRange(props) {
 
     var formatedValue = _objectSpread(_objectSpread(_objectSpread({
       intervalKey: newValue.intervalKey,
-      start: newValue.start ? (0, _momentTimezone.default)(newValue.start).format(format || 'YYYY-MM-DDTHH:mm') : newValue.start,
-      end: newValue.end ? (0, _momentTimezone.default)(newValue.end).format(format || 'YYYY-MM-DDTHH:mm') : newValue.end
+      start: newValue.start ? (0, _momentTimezone.default)(newValue.start).format('YYYY-MM-DDTHH:mm') : newValue.start,
+      end: newValue.end ? (0, _momentTimezone.default)(newValue.end).format('YYYY-MM-DDTHH:mm') : newValue.end
     }, newValue.compare ? {
       compare: newValue.compare
     } : {}), newValue.startPrevDate ? {
-      startPrevDate: (0, _momentTimezone.default)(newValue.startPrevDate).format(format || 'YYYY-MM-DDTHH:mm')
+      startPrevDate: (0, _momentTimezone.default)(newValue.startPrevDate).format('YYYY-MM-DDTHH:mm')
     } : {}), newValue.endPrevDate ? {
-      endPrevDate: (0, _momentTimezone.default)(newValue.endPrevDate).format(format || 'YYYY-MM-DDTHH:mm')
+      endPrevDate: (0, _momentTimezone.default)(newValue.endPrevDate).format('YYYY-MM-DDTHH:mm')
     } : {});
 
     onChange(formatedValue);

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./Spinner.scss");
+
+var Spinner = function Spinner(_ref) {
+  var _ref$little = _ref.little,
+      little = _ref$little === void 0 ? false : _ref$little;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "loader-box ".concat(little ? 'j8' : 'j5')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lds-ring ".concat(little ? 'lds-ring_little' : '')
+  }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
+};
+
+var _default = Spinner;
+exports.default = _default;

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/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/package.json

@@ -1,8 +1,9 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.96",
-  "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'
-};