intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss

@@ -3,67 +3,70 @@
   --variants-list-radio--item-padding: 10px 16px;
   --variants-list-radio--item-border-radius: 6px;
   --variants-list-radio--margin-after-item: 2px;
-  --variants-list-radio--item-background-color: #FFF;
-  --variants-list-radio--item-highlight-background-color: #F7F8FA;
+  --variants-list-radio--item-background-color: #fff;
+  --variants-list-radio--item-highlight-background-color: #f7f8fa;
   --variants-list-radio--item-with-borders-highlight-background-color: transparent;
   --variants-list-radio--disabled-item-highlight-background-color: transparent;
-  --variants-list-radio--disabled-item-with-borders-highlight-background-color: #F7F8FA;
+  --variants-list-radio--disabled-item-with-borders-highlight-background-color: #f7f8fa;
   --variants-list-radio--item-border-color: rgba(58, 72, 122, 0.15);
-  --variants-list-radio--item-border-color-active: #1F7499;
+  --variants-list-radio--item-border-color-active: #1f7499;
 
   // radio
   --variants-list-radio--radio-margin: 8px;
   --variants-list-radio--radio-diameter: 16px;
   --variants-list-radio--radio-mark-diameter: 8px;
   --variants-list-radio--radio-container-min-height: 20px;
-  --variants-list-radio--radio-color: #A6AAB4;
-  --variants-list-radio--radio-color-active: var(--variants-list-radio--item-border-color-active);
+  --variants-list-radio--radio-color: #a6aab4;
+  --variants-list-radio--radio-color-active: var(
+    --variants-list-radio--item-border-color-active
+  );
 
   // content
   //    label
-  --variants-list-radio--label-font-family:  Sarabun;
+  --variants-list-radio--label-font-family: sarabun;
   --variants-list-radio--label-font-size: 16px;
   --variants-list-radio--label-font-style: normal;
   --variants-list-radio--label-font-weight: 400;
   --variants-list-radio--label-line-height: 24px;
   --variants-list-radio--label-letter-spacing: 0.2px;
-  --variants-list-radio--label-color: #171D33;
+  --variants-list-radio--label-color: #171d33;
 
   //    description
-  --variants-list-radio--description-font-family:  Sarabun;
+  --variants-list-radio--description-font-family: sarabun;
   --variants-list-radio--description-font-size: 14px;
   --variants-list-radio--description-font-style: normal;
   --variants-list-radio--description-font-weight: 400;
   --variants-list-radio--description-line-height: 20px;
   --variants-list-radio--description-letter-spacing: 0.2px;
-  --variants-list-radio--description-color: #757F8C;
-
-  box-sizing: border-box;
-  width: 100%;
+  --variants-list-radio--description-color: #757f8c;
 
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: flex-start;
 
+  box-sizing: border-box;
+  width: 100%;
+
   background-color: transparent;
 
   // default mod - row
   &__item {
-    box-sizing: border-box;
-    width: 100%;
-    margin-bottom: var(--variants-list-radio--margin-after-item);
-    padding: var(--variants-list-radio--item-padding);
-    border-radius: var(--variants-list-radio--item-border-radius);
-    background-color: var(--variants-list-radio--item-background-color);
-    
     display: flex;
     flex-flow: row-reverse nowrap;
     justify-content: flex-start;
     align-items: stretch;
 
+    box-sizing: border-box;
+    width: 100%;
+    margin-bottom: var(--variants-list-radio--margin-after-item);
+    padding: var(--variants-list-radio--item-padding);
+
     cursor: pointer;
 
+    border-radius: var(--variants-list-radio--item-border-radius);
+    background-color: var(--variants-list-radio--item-background-color);
+
     &:last-child {
       margin-bottom: 0;
     }
@@ -73,71 +76,74 @@
     }
 
     &-radio-container {
-      box-sizing: border-box;
-      width: var(--variants-list-radio--radio-diameter);
-      min-height: var( --variants-list-radio--radio-container-min-height);
-      margin-left: var(--variants-list-radio--radio-margin);
-      
-
       display: flex;
       flex-flow: row nowrap;
       justify-content: flex-start;
       align-items: center;
+
+      box-sizing: border-box;
+      width: var(--variants-list-radio--radio-diameter);
+      min-height: var(--variants-list-radio--radio-container-min-height);
+      margin-left: var(--variants-list-radio--radio-margin);
     }
 
     &-radio {
-      box-sizing: border-box;
       position: relative;
+
+      box-sizing: border-box;
       width: var(--variants-list-radio--radio-diameter);
       height: var(--variants-list-radio--radio-diameter);
-      border-radius: 50%;
 
       border: 1px solid var(--variants-list-radio--radio-color);
-      background: #FFF;
+      border-radius: 50%;
+      background: #fff;
 
-      &>input {
+      & > input {
         display: none;
       }
 
       &-mark {
+        position: absolute;
+        top: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
+        left: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
+
         width: var(--variants-list-radio--radio-mark-diameter);
         height: var(--variants-list-radio--radio-mark-diameter);
+
         border-radius: 50%;
         background: transparent;
-
-        position: absolute;
-        left: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
-        top: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
-
       }
     }
 
     &-content {
-      box-sizing: border-box;
+      display: flex;
       overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
       flex-grow: 1;
 
-      display: flex;
+      box-sizing: border-box;
 
-      &-wrapper {
-        overflow: hidden;
-        box-sizing: border-box;
-        width: fit-content;
+      white-space: nowrap;
+      text-overflow: ellipsis;
 
+      &-wrapper {
         display: flex;
+        overflow: hidden;
         flex-flow: row nowrap;
         justify-content: flex-start;
         align-items: center;
 
+        box-sizing: border-box;
+        width: fit-content;
+
         vertical-align: middle;
       }
 
       &-label,
       &-description {
-        box-sizing: border-box;
         overflow: hidden;
+
+        box-sizing: border-box;
+
         white-space: nowrap;
         text-overflow: ellipsis;
       }
@@ -145,20 +151,22 @@
       &-label {
         font-family: var(--variants-list-radio--label-font-family);
         font-size: var(--variants-list-radio--label-font-size);
-        font-style: var( --variants-list-radio--label-font-style);
         font-weight: var(--variants-list-radio--label-font-weight);
+        font-style: var(--variants-list-radio--label-font-style);
         line-height: var(--variants-list-radio--label-line-height);
         letter-spacing: var(--variants-list-radio--label-letter-spacing);
+
         color: var(--variants-list-radio--label-color);
       }
 
       &-description {
         font-family: var(--variants-list-radio--description-font-family);
         font-size: var(--variants-list-radio--description-font-size);
-        font-style: var( --variants-list-radio--description-font-style);
         font-weight: var(--variants-list-radio--description-font-weight);
+        font-style: var(--variants-list-radio--description-font-style);
         line-height: var(--variants-list-radio--description-line-height);
         letter-spacing: var(--variants-list-radio--description-letter-spacing);
+
         color: var(--variants-list-radio--description-color);
       }
     }
@@ -172,8 +180,10 @@
     }
 
     &_active {
-      background-color: var(--variants-list-radio--item-highlight-background-color);
-      
+      background-color: var(
+        --variants-list-radio--item-highlight-background-color
+      );
+
       .variants-list-radio__item {
         &-radio {
           border-color: var(--variants-list-radio--radio-color-active);
@@ -191,32 +201,35 @@
 
     &_disabled {
       pointer-events: none;
+
       background-color: var(--variants-list-radio--item-background-color);
 
       .variants-list-radio {
         &__item-radio {
-          border-color: #A6AAB4;
-          background-color: #E8E9EC;
+          border-color: #a6aab4;
+          background-color: #e8e9ec;
         }
       }
 
       &.variants-list-radio__item_active {
-        background-color: var(--variants-list-radio--disabled-item-highlight-background-color);
-        
+        background-color: var(
+          --variants-list-radio--disabled-item-highlight-background-color
+        );
+
         .variants-list-radio__item-radio-mark {
-          background-color: #757F8C;
+          background-color: #757f8c;
         }
 
         &.variants-list-radio__item_as-option {
           .variants-list-radio__item-content-label {
-            color: #3B414B;
+            color: #3b414b;
           }
         }
       }
 
       &.variants-list-radio__item_as-option {
         .variants-list-radio__item-content-label {
-          color: #757F8C;
+          color: #757f8c;
         }
       }
     }
@@ -236,8 +249,9 @@
             margin-right: 4px;
           }
           &:last-child {
-            width: 0;
             flex-grow: 1;
+
+            width: 0;
             padding-top: 2px;
           }
         }
@@ -267,8 +281,8 @@
         flex-flow: row nowrap;
 
         &-radio-container {
-          margin-left: 0;
           margin-right: var(--variants-list-radio--radio-margin);
+          margin-left: 0;
         }
       }
     }
@@ -281,13 +295,17 @@
 
         &_active {
           border-color: var(--variants-list-radio--item-border-color-active);
-          background-color: var(--variants-list-radio--item-with-borders-highlight-background-color);
+          background-color: var(
+            --variants-list-radio--item-with-borders-highlight-background-color
+          );
         }
 
         &_disabled {
           &.variants-list-radio__item_active {
             border-color: var(--variants-list-radio--item-border-color);
-            background-color: var(--variants-list-radio--disabled-item-with-borders-highlight-background-color);
+            background-color: var(
+              --variants-list-radio--disabled-item-with-borders-highlight-background-color
+            );
           }
         }
       }

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js

@@ -1,53 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../../../../Functions/utils");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var VariantsListRadioItem = function VariantsListRadioItem(_ref) {
-  var _cn;
-
-  var RC = _ref.RC,
-      parentId = _ref.parentId,
-      item = _ref.item,
-      actualValue = _ref.value,
-      _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$attributesOfNati = _ref.attributesOfNativeInput,
-      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati,
-      isMixWithPersonalAttributes = _ref.isMixWithPersonalAttributes,
-      isUseAsOptionsList = _ref.isUseAsOptionsList;
-
+const VariantsListRadioItem = _ref => {
+  let {
+    RC,
+    parentId,
+    item,
+    value: actualValue,
+    onChange = () => {},
+    attributesOfNativeInput = {},
+    isMixWithPersonalAttributes,
+    isUseAsOptionsList
+  } = _ref;
   // ? Для корректной работы нужны parentId и item(объект)
   if (!parentId || !(0, _utils.getIsOnlyAnObject)(item)) return null;
-  var value = item.value,
-      label = item.label,
-      description = item.description,
-      isDisabled = item.isDisabled,
-      personalAttributesOfNativeInput = item.attributesOfNativeInput;
-  var id = "".concat(parentId.toString(), "--item-").concat(value);
-  var name = parentId.toString();
-  var isActive = actualValue === value;
-  var addAtributesObj = isMixWithPersonalAttributes ? _objectSpread(_objectSpread({}, attributesOfNativeInput), personalAttributesOfNativeInput) : personalAttributesOfNativeInput || attributesOfNativeInput || {};
+  const {
+    value,
+    label,
+    description,
+    isDisabled,
+    attributesOfNativeInput: personalAttributesOfNativeInput
+  } = item;
+  const id = "".concat(parentId.toString(), "--item-").concat(value);
+  const name = parentId.toString();
+  const isActive = actualValue === value;
+  const addAtributesObj = isMixWithPersonalAttributes ? {
+    ...attributesOfNativeInput,
+    ...personalAttributesOfNativeInput
+  } : personalAttributesOfNativeInput || attributesOfNativeInput || {};
   return /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _classnames.default)("".concat(RC, "__item"), (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "__item_disabled"), isDisabled), (0, _defineProperty2.default)(_cn, "".concat(RC, "__item_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "__item_as-option"), isUseAsOptionsList), _cn)),
+    className: (0, _classnames.default)("".concat(RC, "__item"), {
+      ["".concat(RC, "__item_disabled")]: isDisabled,
+      ["".concat(RC, "__item_active")]: isActive,
+      ["".concat(RC, "__item_as-option")]: isUseAsOptionsList
+    }),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__item-radio-container"))
@@ -59,9 +53,7 @@ var VariantsListRadioItem = function VariantsListRadioItem(_ref) {
     type: "radio",
     checked: isActive,
     className: "".concat(RC, "__item-radio-input"),
-    onChange: function onChange() {
-      return _onChange(value);
-    },
+    onChange: () => onChange(value),
     name: name,
     disabled: isDisabled
   }, addAtributesObj)), /*#__PURE__*/_react.default.createElement("div", {
@@ -78,6 +70,4 @@ var VariantsListRadioItem = function VariantsListRadioItem(_ref) {
     className: (0, _classnames.default)("".concat(RC, "__item-content-description"))
   }, description))));
 };
-
-var _default = VariantsListRadioItem;
-exports.default = _default;
+var _default = exports.default = VariantsListRadioItem;

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -1,43 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./WidgetPseudoTable.scss");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var RC = 'widget-pseudo-table';
-
-var WidgetPseudoTable = function WidgetPseudoTable(props) {
-  var _ref = props || {},
-      className = _ref.className,
-      title = _ref.title,
-      rightHeaderContent = _ref.rightHeaderContent,
-      nullContentData = _ref.nullContentData,
-      _ref$isNotRenderThead = _ref.isNotRenderThead,
-      isNotRenderThead = _ref$isNotRenderThead === void 0 ? false : _ref$isNotRenderThead,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
-      rows = _ref.rows,
-      CellComponent = _ref.CellComponent,
-      CellComponentProps = _ref.CellComponentProps,
-      _onChange = _ref.onChange;
-
+const RC = "widget-pseudo-table";
+const WidgetPseudoTable = props => {
+  const {
+    className,
+    title,
+    rightHeaderContent,
+    nullContentData,
+    isNotRenderThead = false,
+    columns = [],
+    rows,
+    CellComponent,
+    CellComponentProps,
+    onChange
+  } = props || {};
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -47,43 +32,38 @@ var WidgetPseudoTable = function WidgetPseudoTable(props) {
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__right-header-content-block"))
   }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__body"), (0, _defineProperty2.default)({}, "".concat(RC, "__body_no-content"), !(rows !== null && rows !== void 0 && rows.length)))
-  }, !!(rows !== null && rows !== void 0 && rows.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__body"), {
+      ["".concat(RC, "__body_no-content")]: !(rows !== null && rows !== void 0 && rows.length)
+    })
+  }, Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__thead"))
-  }, columns.map(function (field) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "thead-".concat(field.key),
-      className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, (0, _defineProperty2.default)({}, "".concat(RC, "__thead-cell_reqiured"), field.isRequired)),
-      "data-key": field.key
-    }, field.label);
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, columns.map(field => /*#__PURE__*/_react.default.createElement("div", {
+    key: "thead-".concat(field.key),
+    className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, {
+      ["".concat(RC, "__thead-cell_reqiured")]: field.isRequired
+    }),
+    "data-key": field.key
+  }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__table"))
-  }, rows !== null && rows !== void 0 && rows.length ? rows.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "row-".concat(row.id),
-      className: (0, _classnames.default)("".concat(RC, "__row")),
-      "data-id": row.id
-    }, columns.map(function (cell) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: "row-".concat(row.id, "-cell-").concat(cell.key),
-        className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
-      }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
-        field: _objectSpread(_objectSpread({}, cell), {}, {
-          value: row[cell.key],
-          rowData: row
-        }),
-        onChange: function onChange(key, val) {
-          return _onChange(val, cell.key, row.id);
-        }
-      })));
-    }));
-  }) : /*#__PURE__*/_react.default.createElement("div", {
+  }, rows !== null && rows !== void 0 && rows.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
+    key: "row-".concat(row.id),
+    className: (0, _classnames.default)("".concat(RC, "__row")),
+    "data-id": row.id
+  }, columns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
+    key: "row-".concat(row.id, "-cell-").concat(cell.key),
+    className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
+  }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
+    field: {
+      ...cell,
+      value: row[cell.key],
+      rowData: row
+    },
+    onChange: (key, val) => onChange(val, cell.key, row.id)
+  })))))) : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row")),
     "data-id": "empty-row"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__no-data-content"))
-  }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : 'No data')))));
+  }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data")))));
 };
-
-var _default = WidgetPseudoTable;
-exports.default = _default;
+var _default = exports.default = WidgetPseudoTable;

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss

@@ -4,30 +4,29 @@
   --row-height: 44px;
   --thead-height: 20px;
   --grid-template-columns: 1fr 1fr 1fr;
-  border: 1px solid #E2E5EC;
+  border: 1px solid #e2e5ec;
   border-radius: 3px;
-
-  background-color: #FFF;
+  background-color: #fff;
 
   &__header {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: space-between;
+    align-items: center;
 
     box-sizing: border-box;
     height: var(--row-height);
     padding: 12px 16px;
 
-    border-bottom: 1px solid #E2E5EC;
+    border-bottom: 1px solid #e2e5ec;
   }
 
   &__title-block,
   &__right-header-content-block {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: center;
+    align-items: center;
 
     width: fit-content;
     height: 100%;
@@ -43,10 +42,10 @@
 
   &__thead {
     display: grid;
+    grid-template-columns: var(--grid-template-columns);
 
     box-sizing: border-box;
     height: var(--thead-height);
-    grid-template-columns: var(--grid-template-columns);
 
     &-cell {
       text-align: right;
@@ -70,13 +69,13 @@
 
   &__row {
     display: grid;
+    grid-template-columns: var(--grid-template-columns);
 
     box-sizing: border-box;
     height: var(--row-height);
     padding: 8px 0;
 
-    border-bottom: 1px solid #EBEFF2;
-    grid-template-columns: var(--grid-template-columns);
+    border-bottom: 1px solid #ebeff2;
 
     &:last-of-type {
       border-bottom: none;
@@ -85,9 +84,9 @@
 
   &__cell {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-end;
+    align-items: center;
 
     &:first-of-type {
       justify-content: flex-start;