intelicoreact 0.0.96 → 0.0.99

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

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _MobileCalendar = _interopRequireDefault(require("./MobileCalendar"));
 
+var _moment = _interopRequireDefault(require("moment"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,8 +26,65 @@ var _default = {
   title: 'Form Elements/Mobile Calendar',
   component: _MobileCalendar.default,
   argTypes: {
+    min: {
+      description: 'Min Date',
+      control: {
+        type: "date"
+      }
+    },
+    max: {
+      description: 'Max Date',
+      control: {
+        type: "date"
+      }
+    },
     value: {
-      description: 'string (mm.dd.yyyy)'
+      description: 'Value',
+      control: {
+        type: "date"
+      }
+    },
+    rows: {
+      description: 'Calendar Rows',
+      control: {
+        type: "number"
+      }
+    },
+    label: {
+      description: 'Calendar Label',
+      control: {
+        type: "text"
+      }
+    },
+    timeout: {
+      description: 'Scroll Timeout',
+      control: {
+        type: "number"
+      }
+    },
+    isMobile: {
+      description: 'Touch Scroll Switcher'
+    },
+    showSelectedDate: {
+      description: 'Selected Date Block Visibility'
+    },
+    listItemHeight: {
+      description: 'List Item Height For Scroll Calculate',
+      control: {
+        type: "number"
+      }
+    },
+    classes: {
+      description: 'Style Classes'
+    },
+    onChange: {
+      description: 'On Change Callback'
+    },
+    onMinDateReached: {
+      description: 'On Min Date Reached Callback'
+    },
+    onMaxDateReached: {
+      description: 'On Max Date Reached Callback'
     }
   }
 };
@@ -37,20 +96,36 @@ var Template = function Template(args) {
       date = _useState2[0],
       setDate = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_MobileCalendar.default, {
-    classes: {
-      wrapper: "123"
-    },
-    onChange: console.log
-  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MobileCalendar.default, args));
 };
 
 var CalendarTemplate = Template.bind({});
 exports.CalendarTemplate = CalendarTemplate;
 CalendarTemplate.args = {
-  value: '',
-  minDate: '01/01/1900',
-  maxDate: '01/01/2100',
-  isDontLimitFuture: true // isListTop: true,
-
+  min: "",
+  max: "",
+  value: "",
+  rows: 5,
+  label: "",
+  timeout: 75,
+  isMobile: true,
+  showSelectedDate: false,
+  listItemHeight: 32,
+  classes: {
+    wrapper: "",
+    label: "",
+    body: "",
+    yearsBlock: "",
+    yearsList: "",
+    yearsListItem: "",
+    monthsBlock: "",
+    monthsList: "",
+    monthsListItem: "",
+    daysBlock: "",
+    daysList: "",
+    daysListItem: "",
+    prevItem: "",
+    nextItem: "",
+    activeItem: ""
+  }
 };

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.99",
+  "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'
-};