intelicoreact 1.8.2 → 1.8.4

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.d.ts

@@ -0,0 +1,2 @@
+export default SwitchableRow;
+declare function SwitchableRow(props: any): JSX.Element;

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

@@ -1 +1 @@
-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]})}
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=e.__importDefault(require("classnames")),a=e.__importDefault(require("../Switcher/Switcher"));require("./SwitchableRow.scss");var i="switchable-row";exports.default=function(e){var c=e||{},r=c.RC,l=void 0===r?i:r,s=c.className,d=c.children,o=c.isActive,u=c.setIsActive,n=c.switcherLabel,v=c.isSwitcherLabelBold,h=c.testId,m=void 0===h?i:h;return React.createElement("div",{className:(0,t.default)(l,s),"data-testid":m},React.createElement("div",{className:(0,t.default)("".concat(l,"__cell"))},React.createElement(a.default,{isActive:o,onChange:u,isLabelBold:v,label:n,"data-testid":"".concat(m,"-switcher")})),d)};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchableRow.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/SwitchableRow/SwitchableRow.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,4EAA4C;AAE5C,gCAA8B;AAE9B,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC,SAAS,aAAa,CAAC,KAAK;IAC1B,MAAM,EACJ,EAAE,GAAG,UAAU,EACf,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,MAAM,GAAG,UAAU,GACpB,GAAG,KAAK,IAAI,EAAE,CAAC;IAEhB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,EAAE,SAAS,CAAC,iBAAe,MAAM;QACpD,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,QAAQ,CAAC;YAC/B,oBAAC,kBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,mBAAmB,EAChC,KAAK,EAAE,aAAa,iBACP,GAAG,MAAM,WAAW,GACjC,CACE;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.jsx

@@ -0,0 +1,37 @@
+import cn from 'classnames';
+
+import Switcher from '../Switcher/Switcher';
+
+import './SwitchableRow.scss';
+
+const RC_default = 'switchable-row';
+
+function 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.d.ts

@@ -0,0 +1,5 @@
+import type { ISwitcherProps } from './Switcher.interface';
+import React from 'react';
+import './Switcher.scss';
+declare const Switcher: React.FC<ISwitcherProps>;
+export default Switcher;

package/dist/Atomic/FormElements/Switcher/index.d.ts

@@ -0,0 +1,4 @@
+import type { ISwitcherProps } from './Switcher.interface';
+import Switcher from './Switcher';
+export type { ISwitcherProps };
+export default Switcher;

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.d.ts

@@ -0,0 +1,15 @@
+export default SwitcherCheckbox;
+declare function SwitcherCheckbox({ label, hint, items, value, className, isLabelBold, isActive, hintSide, disabled, hideChildren, onSwitcherChange, onChange, }: {
+    label: any;
+    hint: any;
+    items?: never[] | undefined;
+    value?: never[] | undefined;
+    className: any;
+    isLabelBold: any;
+    isActive: any;
+    hintSide: any;
+    disabled: any;
+    hideChildren?: boolean | undefined;
+    onSwitcherChange?: (() => void) | undefined;
+    onChange?: (() => void) | undefined;
+}): JSX.Element;

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

@@ -1 +1 @@
-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?"":_()]})}
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),i=t.__importDefault(require("classnames")),a=t.__importDefault(require("../CheckboxesLine/CheckboxesLine")),n=t.__importDefault(require("../Switcher/Switcher"));require("./SwitcherCheckbox.scss");var r="switcher-hide";exports.default=function(t){var c,l=t.label,o=t.hint,s=t.items,u=void 0===s?[]:s,d=t.value,h=void 0===d?[]:d,f=t.className,b=t.isLabelBold,v=t.isActive,m=t.hintSide,_=t.disabled,C=t.hideChildren,p=t.onSwitcherChange,w=void 0===p?function(){}:p,S=t.onChange,g=void 0===S?function(){}:S,q=function(){return React.createElement(a.default,{items:u,value:h,onChange:g})};return React.createElement("div",{className:(0,i.default)(r,f,(e(c={},"".concat(r,"_closed"),!v),e(c,"".concat(r,"_disabled"),_),c))},React.createElement(n.default,{className:"".concat(r,"__switcher"),hintSide:m,label:l,isActive:v,onChange:function(e){return w(e)},isLabelBold:b,hint:o}),v?q():void 0===C||C?"":q())};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherCheckbox.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,8FAA8D;AAC9D,4EAA4C;AAE5C,mCAAiC;AAEjC,MAAM,EAAE,GAAG,eAAe,CAAC;AAE3B,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC3B,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACpB;IACC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,OAAO,oBAAC,wBAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IAC5E,CAAC,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,EAAE,SAAS,EAAE;YAC3B,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,QAAQ;YAC3B,CAAC,GAAG,EAAE,WAAW,CAAC,EAAE,QAAQ;SAC7B,CAAC;QAEF,oBAAC,kBAAQ,IACP,SAAS,EAAE,GAAG,EAAE,YAAY,EAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,GACV;QACD,QAAQ,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CACpE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.jsx

@@ -0,0 +1,48 @@
+import cn from 'classnames';
+
+import CheckboxesLine from '../CheckboxesLine/CheckboxesLine';
+import Switcher from '../Switcher/Switcher';
+
+import './SwitcherCheckbox.scss';
+
+const RC = 'switcher-hide';
+
+function 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.d.ts

@@ -0,0 +1,5 @@
+import type { ISwitcherHideProps } from './SwitcherHide.interface';
+import React from 'react';
+import './SwitcherHide.scss';
+declare const SwitcherHide: React.FC<ISwitcherHideProps>;
+export default SwitcherHide;

package/dist/Atomic/FormElements/SwitcherHide/index.d.ts

@@ -0,0 +1,4 @@
+import type { ISwitcherHideProps } from './SwitcherHide.interface';
+import SwitcherHide from './SwitcherHide';
+export type { ISwitcherHideProps };
+export default SwitcherHide;

package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.d.ts

@@ -0,0 +1,5 @@
+import type { ISwitcherRadioProps } from './SwitcherRadio.interface';
+import React from 'react';
+import './SwitcherRadio.scss';
+declare const SwitcherRadio: React.FC<ISwitcherRadioProps>;
+export default SwitcherRadio;

package/dist/Atomic/FormElements/SwitcherRadio/index.d.ts

@@ -0,0 +1,4 @@
+import type { ISwitcherRadioProps } from './SwitcherRadio.interface';
+import SwitcherRadio from './SwitcherRadio';
+export type { ISwitcherRadioProps };
+export default SwitcherRadio;

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.d.ts

@@ -0,0 +1,4 @@
+import type { ISwitcherRangeProps } from './SwitcherRange.interface';
+import React from 'react';
+declare const SwitcherRange: React.FC<ISwitcherRangeProps>;
+export default SwitcherRange;

package/dist/Atomic/FormElements/SwitcherRange/index.d.ts

@@ -0,0 +1,4 @@
+import type { ISwitcherRangeProps } from './SwitcherRange.interface';
+import SwitcherRange from './SwitcherRange';
+export type { ISwitcherRangeProps };
+export default SwitcherRange;

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.d.ts

@@ -0,0 +1,2 @@
+export default SwitcherRangeList;
+declare function SwitcherRangeList(props: any): JSX.Element;

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

@@ -1 +1 @@
-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})})})}
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=e.__importDefault(require("classnames")),a=e.__importDefault(require("../RangeList/RangeList")),l=e.__importDefault(require("../SwitcherHide/SwitcherHide"));require("./SwitcherRangeList.scss");var i="switcher-range-list";exports.default=function(e){var r=e.className,s=e.label,n=e.isLabelBold,c=e.hint,o=e.hintSide,u=e.disabled,d=e.isActive,v=e.value,f=e.validateErrors,m=e.isFloatValues,h=e.decimalPlaces,_=e.error,g=e.defaultErrorText,b=e.nullValueText,w=e.isOnlyOneRow,R=e.setIsActive,E=e.onChange,p=e.testId;return React.createElement(l.default,{isActive:d,onChange:void 0===R?function(){}:R,label:s,isLabelBold:n,hint:c,hintSide:o,className:(0,t.default)(i,r),disabled:u},React.createElement("div",{className:"switcher-range-list__row"},React.createElement(a.default,{testId:p,className:"".concat(i,"__range-list"),value:v,isOnlyOneRow:w,onChange:void 0===E?function(){}:E,validateErrors:f,isFloatValues:m,decimalPlaces:h,error:_,defaultErrorText:g,nullValueText:b})))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherRangeList.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,+EAA+C;AAC/C,wFAAwD;AAExD,oCAAkC;AAElC,MAAM,EAAE,GAAG,qBAAqB,CAAC;AAEjC,SAAS,iBAAiB,CAAC,KAAK;IAC9B,MAAM,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,cAAc,EACd,aAAa,EACb,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,sBAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,EAAE,SAAS,CAAC,EAC5B,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAC,0BAA0B;YACvC,oBAAC,mBAAS,IACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,GAC5B,CACE,CACO,CAChB,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.jsx

@@ -0,0 +1,62 @@
+import cn from 'classnames';
+
+import RangeList from '../RangeList/RangeList';
+import SwitcherHide from '../SwitcherHide/SwitcherHide';
+
+import './SwitcherRangeList.scss';
+
+const RC = 'switcher-range-list';
+
+function 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.d.ts

@@ -0,0 +1,16 @@
+export default SwitcherTagsDropdown;
+declare function SwitcherTagsDropdown({ className, label, isLabelBold, isValuesInTags, isActive, isIncluded, isAdvancedLabelSearch, disabled, options, chosenOptions, setIsActive, setIsIncluded, onChange, }: {
+    className: any;
+    label: any;
+    isLabelBold: any;
+    isValuesInTags: any;
+    isActive: any;
+    isIncluded: any;
+    isAdvancedLabelSearch: any;
+    disabled: any;
+    options?: never[] | undefined;
+    chosenOptions?: never[] | undefined;
+    setIsActive?: (() => void) | undefined;
+    setIsIncluded?: (() => void) | undefined;
+    onChange?: (() => void) | undefined;
+}): JSX.Element;

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

@@ -1 +1 @@
-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:_})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n,r,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var o=[],i=!0,l=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(l)throw r}}return o}}(e,t)||r(e,t)||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 n(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||r(t)||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(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("tslib"),o=a.__importDefault(require("classnames")),i=require("react"),l=a.__importDefault(require("../../UI/Button/Button")),u=a.__importDefault(require("../SwitcherHide/SwitcherHide")),c=a.__importDefault(require("../TagsDropdown/TagsDropdown")),s=a.__importDefault(require("../Textarea/Textarea")),d=a.__importDefault(require("../TextSwitcher/TextSwitcher"));require("./SwitcherTagsDropdown.scss");var f="switcher-tags-dropdown";exports.default=function(e){var r,a,v,m=e.className,p=e.label,b=e.isLabelBold,_=e.isValuesInTags,h=e.isActive,y=e.isIncluded,g=e.isAdvancedLabelSearch,w=e.disabled,C=e.options,S=void 0===C?[]:C,A=e.chosenOptions,T=void 0===A?[]:A,E=e.setIsActive,I=e.setIsIncluded,L=e.onChange,x=void 0===L?function(){}:L,N=t((0,i.useState)(!1),2),q=N[0],D=N[1],O=t((0,i.useState)(),2),R=O[0],j=O[1],k=(0,i.useMemo)(function(){return S.reduce(function(e,t){return n(e).concat(n(t.groupName?t.list:[t]))},[])},[S]),B=function(){var e,t=null==(e=null==R?void 0:R.split)?void 0:e.call(R,",").map(function(e){return e.toString().trim()}).filter(function(e){return!!e});x(S.filter(function(e){return t.find(function(t){var n=null==e?void 0:e.value.toString().toLowerCase(),r=(e.title||e.label||e.name||e.value).toString().toLowerCase(),a=t.toString().toLowerCase(),o=r.includes(a)&&!T.includes(e.value);return _?(a===n||a===r)&&!e.disabled:g?(a===r||a===n||o)&&!e.disabled:(a===r||a===n)&&!e.disabled})}).map(function(e){return e.value}),"chosenOptions"),D(!1)},M=function(e,t){if(13===e.keyCode){var r=null==S?void 0:S.find(function(e){var n;return(null==(n=null==e?void 0:e.title)?void 0:n.toLowerCase())===(null==t?void 0:t.toLowerCase())&&!e.disabled}),a=null==T?void 0:T.some(function(e){var t,n;return(null==(t=null==e?void 0:e.title)?void 0:t.toLowerCase())===(null==(n=null==r?void 0:r.title)?void 0:n.toLowerCase())});r&&!a&&x(n(T).concat([r]),"chosenOptions")}};return(0,i.useEffect)(function(){j((null==T?void 0:T.map(function(e){var t;return _?e:(t=k.find(function(t){return t.value===e})).title||t.label||t.name||t.value})).join(", "))},[T,q]),React.createElement(u.default,{isActive:h,onChange:void 0===E?function(){}:E,label:p,className:(0,o.default)(f,m),isLabelBold:b,disabled:w},React.createElement("div",{className:"".concat(f,"__wrap switcher-hide__content")},React.createElement(d.default,{activeText:"is",inactiveText:"is not",isActive:null==y||y,onChange:void 0===I?function(){}:I,className:"".concat(f,"__text-switcher")}),React.createElement("div",{className:"filter-select__wrap--buttons"},React.createElement("button",{onClick:function(){return D(!q)},className:"".concat(f,"__btn")},q?"Close":"List view"),q&&React.createElement(l.default,{label:"Apply",className:"".concat(f,"__apply"),onClick:function(){return B()}}),React.createElement("button",{onClick:function(){return x([],"chosenOptions")},className:"".concat(f,"__btn")},"Clear"))),q?React.createElement(s.default,{value:R,onChange:function(e){return j(e)}}):React.createElement(c.default,{options:S,chosenOptions:T,onChange:x,className:"".concat(f,"__tags-dropdown"),onKeyPress:function(e,t){return M(e,t)},tagClassname:(0,o.default)("".concat(f,"__tag"),(r={},a="".concat(f,"__tag_inactive"),v=!y,a in r?Object.defineProperty(r,a,{value:v,enumerable:!0,configurable:!0,writable:!0}):r[a]=v,r)),isValuesInTags:_}))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherTagsDropdown.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.jsx"],"names":[],"mappings":"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"}

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.jsx

@@ -0,0 +1,175 @@
+import cn from 'classnames';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import Button from '../../UI/Button/Button';
+import SwitcherHide from '../SwitcherHide/SwitcherHide';
+import TagsDropdown from '../TagsDropdown/TagsDropdown';
+import Textarea from '../Textarea/Textarea';
+import TextSwitcher from '../TextSwitcher/TextSwitcher';
+
+import './SwitcherTagsDropdown.scss';
+
+const RC = 'switcher-tags-dropdown';
+
+function 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;

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.d.ts

@@ -0,0 +1,18 @@
+export default SwitcherTextarea;
+declare function SwitcherTextarea({ label, isLabelBold, hint, className, isActive, setIsActive, isIncluded, setIsIncluded, text, setText, activeText, inactiveText, placeholder, disabled, testId, }: {
+    label: any;
+    isLabelBold: any;
+    hint: any;
+    className: any;
+    isActive?: boolean | undefined;
+    setIsActive?: (() => void) | undefined;
+    isIncluded?: boolean | undefined;
+    setIsIncluded?: (() => void) | undefined;
+    text?: string | undefined;
+    setText?: (() => void) | undefined;
+    activeText?: string | undefined;
+    inactiveText?: string | undefined;
+    placeholder: any;
+    disabled: any;
+    testId: any;
+}): JSX.Element;

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import"react";import a from"classnames";import c from"../SwitcherHide/SwitcherHide";import n from"../TextSwitcher/TextSwitcher";import r from"../Textarea/Textarea";import"./SwitcherTextarea.scss";var s="switcher-textarea";export default function(o){var d=o.label,l=o.isLabelBold,m=o.hint,h=o.className,v=o.isActive,u=o.setIsActive,x=o.isIncluded,f=void 0===x||x,p=o.setIsIncluded,T=void 0===p?function(){}:p,_=o.text,w=o.setText,b=void 0===w?function(){}:w,I=o.activeText,N=o.inactiveText,C=o.placeholder,S=o.disabled,g=o.testId;return e(c,{testId:g,isActive:void 0===v||v,onChange:void 0===u?function(){}:u,label:d,isLabelBold:l,className:a(s,h),hint:m,disabled:S,children:t(i,{children:[t("div",{className:"".concat(s,"__wrap switcher-hide__content"),children:[e(n,{testId:g,activeText:void 0===I?"is":I,inactiveText:void 0===N?"is not":N,isActive:null==f||f,onChange:function(e){return T(e)},className:"".concat(s,"__text-switcher")}),e("button",{onClick:function(){return b("")},className:"".concat(s,"__btn"),children:"Clear"})]}),e(r,{testId:g,value:void 0===_?"":_,placeholder:C,onChange:function(e){return b(e)},className:"".concat(s,"__textarea")})]})})}
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=e.__importDefault(require("classnames")),a=e.__importDefault(require("../SwitcherHide/SwitcherHide")),i=e.__importDefault(require("../Textarea/Textarea")),c=e.__importDefault(require("../TextSwitcher/TextSwitcher"));require("./SwitcherTextarea.scss");var r="switcher-textarea";exports.default=function(e){var n=e.label,l=e.isLabelBold,s=e.hint,o=e.className,d=e.isActive,u=e.setIsActive,v=e.isIncluded,_=void 0===v||v,m=e.setIsIncluded,f=void 0===m?function(){}:m,h=e.text,x=e.setText,b=void 0===x?function(){}:x,p=e.activeText,T=e.inactiveText,w=e.placeholder,I=e.disabled,R=e.testId;return React.createElement(a.default,{testId:R,isActive:void 0===d||d,onChange:void 0===u?function(){}:u,label:n,isLabelBold:l,className:(0,t.default)(r,o),hint:s,disabled:I},React.createElement(React.Fragment,null,React.createElement("div",{className:"".concat(r,"__wrap switcher-hide__content")},React.createElement(c.default,{testId:R,activeText:void 0===p?"is":p,inactiveText:void 0===T?"is not":T,isActive:null==_||_,onChange:function(e){return f(e)},className:"".concat(r,"__text-switcher")}),React.createElement("button",{onClick:function(){return b("")},className:"".concat(r,"__btn")},"Clear")),React.createElement(i.default,{testId:R,value:void 0===h?"":h,placeholder:w,onChange:function(e){return b(e)},className:"".concat(r,"__textarea")})))};

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherTextarea.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,wFAAwD;AACxD,4EAA4C;AAC5C,wFAAwD;AAExD,mCAAiC;AAEjC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAE/B,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,QAAQ,EACvB,WAAW,EACX,QAAQ,EACR,MAAM,GACP;IACC,OAAO,CACL,oBAAC,sBAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,EAAE,SAAS,CAAC,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;QAElB;YACE,6BAAK,SAAS,EAAE,GAAG,EAAE,+BAA+B;gBAClD,oBAAC,sBAAY,IACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,EAC5B,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,GAAG,EAAE,iBAAiB,GACjC;gBACF,gCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,YAElD,CACL;YACN,oBAAC,kBAAQ,IACP,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACjC,SAAS,EAAE,GAAG,EAAE,YAAY,GAC5B,CACD,CACU,CAChB,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.jsx

@@ -0,0 +1,65 @@
+import cn from 'classnames';
+
+import SwitcherHide from '../SwitcherHide/SwitcherHide';
+import Textarea from '../Textarea/Textarea';
+import TextSwitcher from '../TextSwitcher/TextSwitcher';
+
+import './SwitcherTextarea.scss';
+
+const RC = 'switcher-textarea';
+
+function SwitcherTextarea({
+  label,
+  isLabelBold,
+  hint,
+  className,
+  isActive = true,
+  setIsActive = () => {},
+  isIncluded = true,
+  setIsIncluded = () => {},
+  text = '',
+  setText = () => {},
+  activeText = 'is',
+  inactiveText = 'is not',
+  placeholder,
+  disabled,
+  testId,
+}) {
+  return (
+    <SwitcherHide
+      testId={testId}
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      isLabelBold={isLabelBold}
+      className={cn(RC, className)}
+      hint={hint}
+      disabled={disabled}
+    >
+      <>
+        <div className={`${RC}__wrap switcher-hide__content`}>
+          <TextSwitcher
+            testId={testId}
+            activeText={activeText}
+            inactiveText={inactiveText}
+            isActive={isIncluded ?? true}
+            onChange={value => setIsIncluded(value)}
+            className={`${RC}__text-switcher`}
+          />
+          <button onClick={() => setText('')} className={`${RC}__btn`}>
+            Clear
+          </button>
+        </div>
+        <Textarea
+          testId={testId}
+          value={text}
+          placeholder={placeholder}
+          onChange={value => setText(value)}
+          className={`${RC}__textarea`}
+        />
+      </>
+    </SwitcherHide>
+  );
+}
+
+export default SwitcherTextarea;

package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.d.ts

@@ -0,0 +1,9 @@
+export default TagListToDropdown;
+declare function TagListToDropdown({ options, value, dropdownProps, listProps, onChange, useDropdownCompactMode, }: {
+    options: any;
+    value?: never[] | undefined;
+    dropdownProps?: {} | undefined;
+    listProps?: {} | undefined;
+    onChange: any;
+    useDropdownCompactMode: any;
+}): JSX.Element;