intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js

@@ -1,44 +1,52 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../CheckboxInput/CheckboxInput"));
 require("./CheckboxesLine.scss");
-const RC = "checkboxes-line";
-const CheckboxesLine = props => {
-  const {
-    field,
-    onChange
-  } = props;
-  const {
-    items,
-    value,
-    disabled,
-    isPositionColumn,
-    className,
-    testId
-  } = field ?? (props || {});
-  const handleChange = (val, id) => {
-    onChange(val ? [...value, id] : [...value?.filter(el => el !== id)]);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, {
-      [`${RC}_column`]: isPositionColumn
-    }, className)
-  }, items?.map(item => /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-    testId: item?.testId || testId,
-    id: item.id,
-    className: `${RC}__checkbox-input`,
-    key: item.label,
-    label: item.label,
-    value: value?.includes?.(item.id) || false,
-    onChange: (val, e) => handleChange(val, item.id, e),
-    disabled: disabled || item.disabled
-  })) || null);
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = 'checkboxes-line';
+const CheckboxesLine = (props)=>{
+    const { field, onChange } = props;
+    const { items, value, disabled, isPositionColumn, className, testId = RC } = field !== null && field !== void 0 ? field : props || {};
+    const handleChange = (val, id)=>{
+        onChange(val ? [
+            ...value || [],
+            id
+        ] : [
+            ...(value === null || value === void 0 ? void 0 : value.filter((el)=>el !== id)) || []
+        ]);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": RC,
+        className: (0, _classnames.default)(RC, {
+            [`${RC}_column`]: isPositionColumn
+        }, className),
+        children: (items === null || items === void 0 ? void 0 : items.map((item)=>{
+            var _value_includes;
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                testId: (item === null || item === void 0 ? void 0 : item.testId) || testId,
+                id: item.id,
+                className: `${RC}__checkbox-input`,
+                label: item.label,
+                value: (value === null || value === void 0 ? void 0 : (_value_includes = value.includes) === null || _value_includes === void 0 ? void 0 : _value_includes.call(value, item.id)) || false,
+                onChange: (val)=>handleChange(val, item.id),
+                disabled: disabled || item.disabled
+            }, item.label);
+        })) || null
+    });
 };
-var _default = exports.default = CheckboxesLine;
+const _default = CheckboxesLine;

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss

@@ -1,4 +1,7 @@
 .checkboxes-line {
+  --checkboxes-line-margin-right: 10px;
+  --checkboxes-line-margin-bottom: 10px;
+
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
@@ -6,7 +9,7 @@
 
   &__checkbox-input {
     width: fit-content;
-    margin-right: 10px;
+    margin-right: var(--checkboxes-line-margin-right);
 
     &:last-of-type {
       margin-right: 0;
@@ -19,7 +22,7 @@
 
     .checkboxes-line__checkbox-input {
       margin-right: 0;
-      margin-bottom: 10px;
+      margin-bottom: var(--checkboxes-line-margin-bottom);
 
       &:last-of-type {
         margin-bottom: 0;