intelicoreact 1.6.22 → 1.6.24

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js

@@ -1 +1,39 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import i from"classnames";import s from"../Switcher/Switcher";import"./SwitchableRow.scss";var a="switchable-row";export default function(c){var r=c||{},l=r.RC,o=void 0===l?a:l,d=r.className,m=r.children,n=r.isActive,h=r.setIsActive,v=r.switcherLabel,w=r.isSwitcherLabelBold,b=r.testId,p=void 0===b?a:b;return t("div",{className:i(o,d),"data-testid":p,children:[e("div",{className:i("".concat(o,"__cell")),children:e(s,{isActive:n,onChange:h,isLabelBold:w,label:v,"data-testid":"".concat(p,"-switcher")})}),m]})}
+import React from "react";
+
+import cn from "classnames";
+
+import Switcher from "../Switcher/Switcher";
+
+import "./SwitchableRow.scss";
+
+const RC_default = "switchable-row";
+
+const SwitchableRow = (props) => {
+  const {
+    RC = RC_default,
+    className,
+    children,
+    isActive,
+    setIsActive,
+    switcherLabel,
+    isSwitcherLabelBold,
+    testId = RC_default,
+  } = props || {};
+
+  return (
+    <div className={cn(RC, className)} data-testid={testId}>
+      <div className={cn(`${RC}__cell`)}>
+        <Switcher
+          isActive={isActive}
+          onChange={setIsActive}
+          isLabelBold={isSwitcherLabelBold}
+          label={switcherLabel}
+          data-testid={`${testId}-switcher`}
+        />
+      </div>
+      {children}
+    </div>
+  );
+};
+
+export default SwitchableRow;

package/dist/Atomic/FormElements/Switcher/Switcher.js

@@ -1 +1,59 @@
-function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return r}});var t=require("react/jsx-runtime"),a=c(require("classnames"));require("react");var n=c(require("../../UI/Hint/Hint"));function c(e){return e&&e.__esModule?e:{default:e}}require("./Switcher.scss");var i="switcher",r=function(c){var r=c.label,s=c.className,l=c.isActive,d=c.disabled,u=c.onChange,o=c.isLabelBold,b=c.hint,_=c.hintSide,f=c.testId,h=void 0===f?"switcher":f;return(0,t.jsxs)("div",{"data-testid":h,className:(0,a.default)(i,s,e({},"".concat(i,"_disabled"),d)),children:[(0,t.jsxs)("button",{"data-testid":"".concat(h,"-button"),className:(0,a.default)("".concat(i,"__button")),disabled:d,onClick:function(e){return u(!l,e)},children:[(0,t.jsx)("div",{className:(0,a.default)("".concat(i,"__button-content"),e({},"".concat(i,"__button-content_active"),l)),children:(0,t.jsx)("div",{className:"".concat(i,"__ball")})}),r&&(0,t.jsx)("span",{className:(0,a.default)("".concat(i,"__label"),e({},"".concat(i,"__label_bold"),o)),children:r})]}),b&&(0,t.jsx)(n.default,{className:"".concat(i,"__hint"),hint:b,side:_})]})};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
+require("./Switcher.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = 'switcher';
+const Switcher = ({ label, className, isActive, disabled, onChange, isLabelBold, hint, hintSide, testId = 'switcher' })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_disabled`]: disabled
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+                "data-testid": `${testId}-button`,
+                className: (0, _classnames.default)(`${RC}__button`),
+                disabled: disabled,
+                onClick: (e)=>onChange(!isActive, e),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)(`${RC}__button-content`, {
+                            [`${RC}__button-content_active`]: isActive
+                        }),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: `${RC}__ball`
+                        })
+                    }),
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)(`${RC}__label`, {
+                            [`${RC}__label_bold`]: isLabelBold
+                        }),
+                        children: label
+                    })
+                ]
+            }),
+            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                className: `${RC}__hint`,
+                hint: hint,
+                side: hintSide
+            })
+        ]
+    });
+};
+const _default = Switcher;

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js

@@ -1 +1,50 @@
-function e(e,i,n){return i in e?Object.defineProperty(e,i,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[i]=n,e}import{jsx as i,jsxs as n}from"react/jsx-runtime";import"react";import t from"classnames";import o from"../CheckboxesLine/CheckboxesLine";import r from"../Switcher/Switcher";import"./SwitcherCheckbox.scss";var a="switcher-hide";export default function(c){var s,l=c.label,d=c.hint,h=c.items,m=void 0===h?[]:h,u=c.value,b=void 0===u?[]:u,f=c.className,v=c.isLabelBold,p=c.isActive,C=c.hintSide,w=c.disabled,x=c.hideChildren,S=c.onSwitcherChange,g=void 0===S?function(){}:S,j=c.onChange,L=void 0===j?function(){}:j,_=function(){return i(o,{items:m,value:b,onChange:L})};return n("div",{className:t(a,f,(e(s={},"".concat(a,"_closed"),!p),e(s,"".concat(a,"_disabled"),w),s)),children:[i(r,{className:"".concat(a,"__switcher"),hintSide:C,label:l,isActive:p,onChange:function(e){return g(e)},isLabelBold:v,hint:d}),p?_():void 0===x||x?"":_()]})}
+import React from "react";
+
+import cn from "classnames";
+
+import CheckboxesLine from "../CheckboxesLine/CheckboxesLine";
+import Switcher from "../Switcher/Switcher";
+
+import "./SwitcherCheckbox.scss";
+
+const RC = "switcher-hide";
+
+const SwitcherCheckbox = ({
+  label,
+  hint,
+  items = [],
+  value = [],
+  className,
+  isLabelBold,
+  isActive,
+  hintSide,
+  disabled,
+  hideChildren = true,
+  onSwitcherChange = () => {},
+  onChange = () => {},
+}) => {
+  const renderCheckboxes = () => {
+    return <CheckboxesLine items={items} value={value} onChange={onChange} />;
+  };
+  return (
+    <div
+      className={cn(RC, className, {
+        [`${RC}_closed`]: !isActive,
+        [`${RC}_disabled`]: disabled,
+      })}
+    >
+      <Switcher
+        className={`${RC}__switcher`}
+        hintSide={hintSide}
+        label={label}
+        isActive={isActive}
+        onChange={(value) => onSwitcherChange(value)}
+        isLabelBold={isLabelBold}
+        hint={hint}
+      />
+      {isActive ? renderCheckboxes() : !hideChildren ? renderCheckboxes() : ""}
+    </div>
+  );
+};
+
+export default SwitcherCheckbox;

package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js

@@ -1 +1,44 @@
-function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return c}});var t=require("react/jsx-runtime"),r=n(require("classnames"));require("react");var i=n(require("../Switcher/Switcher"));function n(e){return e&&e.__esModule?e:{default:e}}require("./SwitcherHide.scss");var a="switcher-hide",c=function(n){var c,s=n.children,d=n.label,l=n.hint,u=n.className,o=n.isLabelBold,h=n.isActive,f=n.hintSide,b=n.disabled,v=n.onChange,_=void 0===v?function(){}:v,m=n.testId,w=void 0===m?a:m;return(0,t.jsxs)("div",{"data-testid":w,className:(0,r.default)(a,u,(e(c={},"".concat(a,"_closed"),!h),e(c,"".concat(a,"_disabled"),b),c)),children:[(0,t.jsx)(i.default,{testId:"".concat(w,"-switcher"),className:"".concat(a,"__switcher"),hintSide:f,label:d,isActive:h,onChange:function(e,t){return _(e,t)},isLabelBold:o,hint:l}),h&&s]})};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
+require("./SwitcherHide.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = 'switcher-hide';
+const SwitcherHide = ({ children, label, hint, className, isLabelBold, isActive, hintSide, disabled, onChange = ()=>{}, testId = RC })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_closed`]: !isActive,
+            [`${RC}_disabled`]: disabled
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+                testId: `${testId}-switcher`,
+                className: `${RC}__switcher`,
+                hintSide: hintSide,
+                label: label,
+                isActive: isActive,
+                onChange: (value, e)=>onChange(value, e),
+                isLabelBold: isLabelBold,
+                hint: hint
+            }),
+            isActive && children
+        ]
+    });
+};
+const _default = SwitcherHide;

package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js

@@ -1 +1,100 @@
-function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return l}});var t=require("react/jsx-runtime"),r=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=i?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(n,o,c):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}(require("react")),n=c(require("classnames")),i=c(require("../RadioInput/RadioInput")),o=c(require("../SwitcherHide/SwitcherHide"));function c(e){return e&&e.__esModule?e:{default:e}}function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}require("./SwitcherRadio.scss");var u="switcher-radio",l=function(c){var a,l,s=c.options,d=c.label,f=c.hint,p=c.hintSide,b=c.isLabelBold,y=c.direction,O=c.className,v=c.value,j=c.disabled,h=c.isHideSwitcher,w=c.onChange,g=void 0===w?function(){}:w,m=c.isActive,P=c.setIsActive,_=c.testId,S=v||(null==s||null==(l=s[0])?void 0:l.value)||"",k=function(){return(0,t.jsx)("div",{className:(0,n.default)("".concat(u,"__wrap"),e({},"switcher-radio_".concat(y),y),{disabled:j},O),children:null==s?void 0:s.map(function(t,n){var o,c;return(0,r.createElement)(i.default,(o=function(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.forEach(function(r){e(t,r,n[r])})}return t}({},t),c=c={key:t.id||n,className:"switcher-radio__radio",checked:S,onChange:function(e){return g(e)}},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(c)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))}),o))})})};return void 0!==h&&h?k():(a=k(),(0,t.jsx)(o.default,{testId:"switcher-radio--".concat(void 0===_?"":_),isActive:void 0===m||m,label:d,hint:f,hintSide:p,onChange:void 0===P?function(){}:P,isLabelBold:b,className:(0,n.default)(u,O),disabled:j,children:a}))};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _RadioInput = /*#__PURE__*/ _interop_require_default(require("../RadioInput/RadioInput"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+require("./SwitcherRadio.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+const RC = 'switcher-radio';
+const SwitcherRadio = ({ options, label, hint, hintSide, isLabelBold, direction, className, value, disabled, isHideSwitcher = false, onChange = ()=>{}, isActive = true, setIsActive = ()=>{}, testId = '' })=>{
+    var _options_;
+    const safelyValue = value || (options === null || options === void 0 ? void 0 : (_options_ = options[0]) === null || _options_ === void 0 ? void 0 : _options_.value) || '';
+    const renderRadioGroup = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: (0, _classnames.default)(`${RC}__wrap`, {
+                [`switcher-radio_${direction}`]: direction
+            }, {
+                disabled
+            }, className),
+            children: options === null || options === void 0 ? void 0 : options.map((option, index)=>// @ts-ignore
+                /*#__PURE__*/ (0, _react.createElement)(_RadioInput.default, {
+                    ...option,
+                    key: option.id || index,
+                    className: "switcher-radio__radio",
+                    checked: safelyValue,
+                    onChange: (val)=>onChange(val)
+                }))
+        });
+    };
+    const renderSwitcher = (body)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+            testId: `switcher-radio--${testId}`,
+            isActive: isActive,
+            label: label,
+            hint: hint,
+            hintSide: hintSide,
+            onChange: setIsActive,
+            isLabelBold: isLabelBold,
+            className: (0, _classnames.default)(RC, className),
+            disabled: disabled,
+            children: body
+        });
+    };
+    return !isHideSwitcher ? renderSwitcher(renderRadioGroup()) : renderRadioGroup();
+};
+const _default = SwitcherRadio;

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js

@@ -1 +1,52 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return s}});var e=require("react/jsx-runtime");require("react");var r=i(require("../RangeInputs/RangeInputs")),t=i(require("../SwitcherHide/SwitcherHide"));function i(e){return e&&e.__esModule?e:{default:e}}var n="switcher-range",s=function(i){var s=i.label,a=i.isLabelBold,u=i.hint,l=i.isActive,o=i.setIsActive,c=i.value,d=i.onChange,v=i.isInputsColumn,h=i.validateErrors,p=i.withZero,f=i.isPrice,g=i.inputsType,b=i.testId,I=void 0===b?n:b;return(0,e.jsx)(t.default,{testId:I,label:s,hint:u,className:n,isActive:l,onChange:o,isLabelBold:a,children:(0,e.jsx)(r.default,{testId:I,className:"switcher-range__range-inputs",type:g,onChange:d,value:c,setError:function(){},isColumnPosition:v,validateErrors:h,withZero:p,isPrice:f})})};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _RangeInputs = /*#__PURE__*/ _interop_require_default(require("../RangeInputs/RangeInputs"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = 'switcher-range';
+const SwitcherRange = ({ label, isLabelBold, hint, isActive, setIsActive, value, onChange, isInputsColumn, validateErrors, withZero, isPrice, inputsType, testId = RC })=>{
+    // const [error, setError] = useState("");
+    // const rangeValidation = () => {
+    //   if (inputFrom && inputTo && inputFrom > inputTo) {
+    //     setError("Invalid range");
+    //   } else {
+    //     setError("");
+    //   }
+    // };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+        testId: testId,
+        label: label,
+        hint: hint,
+        className: RC,
+        isActive: isActive,
+        onChange: setIsActive,
+        isLabelBold: isLabelBold,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeInputs.default, {
+            testId: testId,
+            className: "switcher-range__range-inputs",
+            type: inputsType,
+            onChange: onChange,
+            value: value,
+            setError: ()=>{},
+            isColumnPosition: isInputsColumn,
+            validateErrors: validateErrors,
+            withZero: withZero,
+            isPrice: isPrice
+        })
+    });
+};
+const _default = SwitcherRange;

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js

@@ -1 +1,64 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import i from"classnames";import a from"../RangeList/RangeList";import t from"../SwitcherHide/SwitcherHide";import"./SwitcherRangeList.scss";var r="switcher-range-list";export default function(s){var l=s.className,n=s.label,o=s.isLabelBold,c=s.hint,d=s.hintSide,m=s.disabled,u=s.isActive,h=s.value,v=s.validateErrors,f=s.isFloatValues,g=s.decimalPlaces,w=s.error,p=s.defaultErrorText,x=s.nullValueText,b=s.isOnlyOneRow,L=s.setIsActive,R=s.onChange,S=s.testId;return e(t,{isActive:u,onChange:void 0===L?function(){}:L,label:n,isLabelBold:o,hint:c,hintSide:d,className:i(r,l),disabled:m,children:e("div",{className:"switcher-range-list__row",children:e(a,{testId:S,className:"".concat(r,"__range-list"),value:h,isOnlyOneRow:b,onChange:void 0===R?function(){}:R,validateErrors:v,isFloatValues:f,decimalPlaces:g,error:w,defaultErrorText:p,nullValueText:x})})})}
+import React from "react";
+
+import cn from "classnames";
+
+import RangeList from "../RangeList/RangeList";
+import SwitcherHide from "../SwitcherHide/SwitcherHide";
+
+import "./SwitcherRangeList.scss";
+
+const RC = "switcher-range-list";
+
+const SwitcherRangeList = (props) => {
+  const {
+    className,
+    label,
+    isLabelBold,
+    hint,
+    hintSide,
+    disabled,
+    isActive,
+    value,
+    validateErrors,
+    isFloatValues,
+    decimalPlaces,
+    error,
+    defaultErrorText,
+    nullValueText,
+    isOnlyOneRow,
+    setIsActive = () => {},
+    onChange = () => {},
+    testId,
+  } = props;
+
+  return (
+    <SwitcherHide
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      isLabelBold={isLabelBold}
+      hint={hint}
+      hintSide={hintSide}
+      className={cn(RC, className)}
+      disabled={disabled}
+    >
+      <div className="switcher-range-list__row">
+        <RangeList
+          testId={testId}
+          className={`${RC}__range-list`}
+          value={value}
+          isOnlyOneRow={isOnlyOneRow}
+          onChange={onChange}
+          validateErrors={validateErrors}
+          isFloatValues={isFloatValues}
+          decimalPlaces={decimalPlaces}
+          error={error}
+          defaultErrorText={defaultErrorText}
+          nullValueText={nullValueText}
+        />
+      </div>
+    </SwitcherHide>
+  );
+};
+
+export default SwitcherRangeList;

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -1 +1,170 @@
-function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=Array(n);e<n;e++)r[e]=t[e];return r}function n(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e,r,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(t);!(a=(e=o.next()).done)&&(i.push(e.value),!n||i.length!==n);a=!0);}catch(t){l=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(l)throw r}}return i}}(t,n)||r(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(n){return function(n){if(Array.isArray(n))return t(n)}(n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||r(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(n,e){if(n){if("string"==typeof n)return t(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);if("Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(n,e)}}import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useEffect as a,useMemo as l,useState as c}from"react";import u from"classnames";import s from"../../UI/Button/Button";import d from"../SwitcherHide/SwitcherHide";import f from"../TagsDropdown/TagsDropdown";import m from"../TextSwitcher/TextSwitcher";import v from"../Textarea/Textarea";import"./SwitcherTagsDropdown.scss";var p="switcher-tags-dropdown";export default function(t){var r,b,h,y=t.className,g=t.label,w=t.isLabelBold,_=t.isValuesInTags,C=t.isActive,S=t.isIncluded,A=t.isAdvancedLabelSearch,T=t.disabled,x=t.options,I=void 0===x?[]:x,L=t.chosenOptions,N=void 0===L?[]:L,j=t.setIsActive,O=t.setIsIncluded,k=t.onChange,B=void 0===k?function(){}:k,D=n(c(!1),2),E=D[0],H=D[1],P=n(c(),2),U=P[0],V=P[1],K=l(function(){return I.reduce(function(t,n){return e(t).concat(e(n.groupName?n.list:[n]))},[])},[I]),M=function(){var t,n=null==U||null==(t=U.split)?void 0:t.call(U,",").map(function(t){return t.toString().trim()}).filter(function(t){return!!t});B(I.filter(function(t){return n.find(function(n){var e=null==t?void 0:t.value.toString().toLowerCase(),r=(t.title||t.label||t.name||t.value).toString().toLowerCase(),o=n.toString().toLowerCase(),i=r.includes(o)&&!N.includes(t.value);return _?(o===e||o===r)&&!t.disabled:A?(o===r||o===e||i)&&!t.disabled:(o===r||o===e)&&!t.disabled})}).map(function(t){return t.value}),"chosenOptions"),H(!1)},$=function(t,n){if(13===t.keyCode){var r=null==I?void 0:I.find(function(t){var e;return(null==t||null==(e=t.title)?void 0:e.toLowerCase())===(null==n?void 0:n.toLowerCase())&&!t.disabled}),o=null==N?void 0:N.some(function(t){var n,e;return(null==t||null==(n=t.title)?void 0:n.toLowerCase())===(null==r||null==(e=r.title)?void 0:e.toLowerCase())});r&&!o&&B(e(N).concat([r]),"chosenOptions")}};return a(function(){V((null==N?void 0:N.map(function(t){var n;return _?t:(n=K.find(function(n){return n.value===t})).title||n.label||n.name||n.value})).join(", "))},[N,E]),i(d,{isActive:C,onChange:void 0===j?function(){}:j,label:g,className:u(p,y),isLabelBold:w,disabled:T,children:[i("div",{className:"".concat(p,"__wrap switcher-hide__content"),children:[o(m,{activeText:"is",inactiveText:"is not",isActive:null==S||S,onChange:void 0===O?function(){}:O,className:"".concat(p,"__text-switcher")}),i("div",{className:"filter-select__wrap--buttons",children:[o("button",{onClick:function(){return H(!E)},className:"".concat(p,"__btn"),children:E?"Close":"List view"}),E&&o(s,{label:"Apply",className:"".concat(p,"__apply"),onClick:function(){return M()}}),o("button",{onClick:function(){return B([],"chosenOptions")},className:"".concat(p,"__btn"),children:"Clear"})]})]}),E?o(v,{value:U,onChange:function(t){return V(t)}}):o(f,{options:I,chosenOptions:N,onChange:B,className:"".concat(p,"__tags-dropdown"),onKeyPress:function(t,n){return $(t,n)},tagClassname:u("".concat(p,"__tag"),(r={},b="".concat(p,"__tag_inactive"),h=!S,b in r?Object.defineProperty(r,b,{value:h,enumerable:!0,configurable:!0,writable:!0}):r[b]=h,r)),isValuesInTags:_})]})}
+import React, { useEffect, useMemo, useState } from "react";
+
+import cn from "classnames";
+
+import Button from "../../UI/Button/Button";
+import SwitcherHide from "../SwitcherHide/SwitcherHide";
+import TagsDropdown from "../TagsDropdown/TagsDropdown";
+import TextSwitcher from "../TextSwitcher/TextSwitcher";
+import Textarea from "../Textarea/Textarea";
+
+import "./SwitcherTagsDropdown.scss";
+
+const RC = "switcher-tags-dropdown";
+
+const SwitcherTagsDropdown = ({
+  className,
+  label,
+  isLabelBold,
+  isValuesInTags,
+  isActive,
+  isIncluded,
+  isAdvancedLabelSearch,
+  disabled,
+  options = [],
+  chosenOptions = [],
+  setIsActive = () => {},
+  setIsIncluded = () => {},
+  onChange = () => {},
+}) => {
+  const [listView, setListView] = useState(false);
+  const [textValue, setTextValue] = useState();
+
+  const singleLevelOptions = useMemo(
+    () =>
+      options.reduce(
+        (acc, item) => [...acc, ...(item.groupName ? item.list : [item])],
+        [],
+      ),
+    [options],
+  );
+
+  const apply = () => {
+    // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
+    // (по логике listValuesArr - массив полученный из строки textaria).
+    const getFilterFunction = (listValuesArr) => (item) => {
+      return listValuesArr.find((el) => {
+        const itemValue = item?.value.toString().toLowerCase();
+        const itemLabel = (item.title || item.label || item.name || item.value)
+          .toString()
+          .toLowerCase();
+        const chosenOption = el.toString().toLowerCase();
+        const isChosenOptionIncludedInLabel =
+          itemLabel.includes(chosenOption) &&
+          !chosenOptions.includes(item.value);
+
+        if (isValuesInTags)
+          return (
+            (chosenOption === itemValue || chosenOption === itemLabel) &&
+            !item.disabled
+          );
+        else if (isAdvancedLabelSearch)
+          return (
+            (chosenOption === itemLabel ||
+              chosenOption === itemValue ||
+              isChosenOptionIncludedInLabel) &&
+            !item.disabled
+          );
+        else
+          return (
+            (chosenOption === itemLabel || chosenOption === itemValue) &&
+            !item.disabled
+          );
+      });
+    };
+
+    const textToArray = textValue
+      ?.split?.(",")
+      .map((item) => item.toString().trim())
+      .filter((item) => Boolean(item));
+    const newOptions = options
+      .filter(getFilterFunction(textToArray))
+      .map((option) => option.value);
+
+    onChange(newOptions, "chosenOptions");
+    setListView(false);
+  };
+
+  const enterHandler = (e, value) => {
+    if (e.keyCode === 13) {
+      const option = options?.find(
+        (item) =>
+          item?.title?.toLowerCase() === value?.toLowerCase() && !item.disabled,
+      );
+      const isOptionChecked = chosenOptions?.some(
+        (item) => item?.title?.toLowerCase() === option?.title?.toLowerCase(),
+      );
+      if (option && !isOptionChecked)
+        onChange([...chosenOptions, option], "chosenOptions");
+    }
+  };
+
+  useEffect(() => {
+    const getLabel = (el) => el.title || el.label || el.name || el.value;
+    const valuesArr = chosenOptions?.map((item) =>
+      isValuesInTags
+        ? item
+        : getLabel(singleLevelOptions.find((option) => option.value === item)),
+    );
+    setTextValue(valuesArr.join(", "));
+  }, [chosenOptions, listView]);
+
+  return (
+    <SwitcherHide
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      className={cn(RC, className)}
+      isLabelBold={isLabelBold}
+      disabled={disabled}
+    >
+      <div className={`${RC}__wrap switcher-hide__content`}>
+        <TextSwitcher
+          activeText="is"
+          inactiveText="is not"
+          isActive={isIncluded ?? true}
+          onChange={setIsIncluded}
+          className={`${RC}__text-switcher`}
+        />
+        <div className="filter-select__wrap--buttons">
+          <button
+            onClick={() => setListView(!listView)}
+            className={`${RC}__btn`}
+          >
+            {listView ? "Close" : "List view"}
+          </button>
+          {listView && (
+            <Button
+              label="Apply"
+              className={`${RC}__apply`}
+              onClick={() => apply()}
+            />
+          )}
+          <button
+            onClick={() => onChange([], "chosenOptions")}
+            className={`${RC}__btn`}
+          >
+            Clear
+          </button>
+        </div>
+      </div>
+      {listView ? (
+        <Textarea value={textValue} onChange={(value) => setTextValue(value)} />
+      ) : (
+        <TagsDropdown
+          options={options}
+          chosenOptions={chosenOptions}
+          onChange={onChange}
+          className={`${RC}__tags-dropdown`}
+          onKeyPress={(e, value) => enterHandler(e, value)}
+          tagClassname={cn(`${RC}__tag`, {
+            [`${RC}__tag_inactive`]: !isIncluded,
+          })}
+          isValuesInTags={isValuesInTags}
+        />
+      )}
+    </SwitcherHide>
+  );
+};
+
+export default SwitcherTagsDropdown;