intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/Text/Text.js

@@ -0,0 +1,156 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+require("./Text.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const RC = "text";
+/**
+ *
+ * @param value
+ * @param className
+ * @param classesObj
+ * @param icon
+ * @param link
+ * @param align
+ * @param testId
+ * @return {JSX.Element|null}
+ * @constructor
+ */ // ? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
+// ? Что поменял?
+// ?   - в верстке убрал дополнительную вложенность
+// ?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
+// ?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
+// ?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
+// ?   - заменил пропу text на value
+// ?   - заменил пропу iconMain на icon
+// ?   - переработал пропу link, может быть строкой или объектом
+// ?     если это объект, то у него могут быть свойства
+// ?       - path - значение для href
+// ?       - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect
+// ?       - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,
+// ?         ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,
+// ?         по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation
+// ?       - redirect - альтернативный исполнитель редиректа (например history.push),
+// ?         если есть и нет onClick - будет вызван с одним аргументом (link.path)
+// ?       - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect
+// ?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
+const Text = ({ value, className, classesObj, icon, link, align = "left", testId = "text-lib-component" })=>{
+    if (!value) return null;
+    const isLinkAsObj = link instanceof Object && !Array.isArray(link);
+    const isLinkAsString = typeof link === "string";
+    const isLink = isLinkAsObj || isLinkAsString;
+    const linkObj = isLinkAsObj ? link : {};
+    const { path = "", target, redirect, onClick: onClickInner, isNoPreventDefault, isNoStopPropagation } = linkObj;
+    const preparedPath = (()=>{
+        if (!isLink) return "";
+        return isLinkAsObj ? path : link;
+    })();
+    const atributes = {};
+    if (typeof onClickInner === "function" || typeof redirect === "function") {
+        atributes.onClick = function onClick(ev) {
+            if (!isNoPreventDefault) ev.preventDefault();
+            if (!isNoStopPropagation) ev.stopPropagation();
+            // ? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
+            if (onClickInner) {
+                onClickInner(_object_spread({
+                    ev
+                }, link));
+                return;
+            }
+            redirect(preparedPath);
+        };
+    }
+    const mainInner = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `${RC}__icon-container`,
+                children: icon
+            }),
+            value
+        ]
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, className, _object_spread({
+            [`${RC}-left`]: align === "left",
+            [`${RC}-center`]: align === "center",
+            [`${RC}-right`]: align === "right",
+            [`${RC}-justify`]: align === "justify"
+        }, classesObj)),
+        children: isLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({}, atributes), {
+            href: preparedPath,
+            target: target !== null && target !== void 0 ? target : "_self",
+            rel: "noreferrer",
+            children: mainInner
+        })) : mainInner
+    });
+};
+const _default = Text;
+
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Text/Text.js"],"sourcesContent":["import React from \"react\";\nimport cn from \"classnames\";\n\nimport \"./Text.scss\";\n\nconst RC = \"text\";\n\n/**\n *\n * @param value\n * @param className\n * @param classesObj\n * @param icon\n * @param link\n * @param align\n * @param testId\n * @return {JSX.Element|null}\n * @constructor\n */\n\n// ? Прототип лежит на проекте кабинета src\\JS\\Components\\Atomic\\FormElements\\Text\\Text.js\n// ? Что поменял?\n// ?   - в верстке убрал дополнительную вложенность\n// ?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)\n// ?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией\n// ?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj\n// ?   - заменил пропу text на value\n// ?   - заменил пропу iconMain на icon\n// ?   - переработал пропу link, может быть строкой или объектом\n// ?     если это объект, то у него могут быть свойства\n// ?       - path - значение для href\n\n// ?       - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect\n\n// ?       - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,\n// ?         ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,\n// ?         по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation\n\n// ?       - redirect - альтернативный исполнитель редиректа (например history.push),\n// ?         если есть и нет onClick - будет вызван с одним аргументом (link.path)\n\n// ?       - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect\n\n// ?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect\n\nconst Text = ({\n  value,\n  className,\n  classesObj,\n  icon,\n  link,\n  align = \"left\",\n  testId = \"text-lib-component\",\n}) => {\n  if (!value) return null;\n  const isLinkAsObj = link instanceof Object && !Array.isArray(link);\n  const isLinkAsString = typeof link === \"string\";\n  const isLink = isLinkAsObj || isLinkAsString;\n\n  const linkObj = isLinkAsObj ? link : {};\n  const {\n    path = \"\",\n    target,\n    redirect,\n    onClick: onClickInner,\n    isNoPreventDefault,\n    isNoStopPropagation,\n  } = linkObj;\n\n  const preparedPath = (() => {\n    if (!isLink) return \"\";\n    return isLinkAsObj ? path : link;\n  })();\n\n  const atributes = {};\n\n  if (typeof onClickInner === \"function\" || typeof redirect === \"function\") {\n    atributes.onClick = function onClick(ev) {\n      if (!isNoPreventDefault) ev.preventDefault();\n      if (!isNoStopPropagation) ev.stopPropagation();\n\n      // ? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect\n      if (onClickInner) {\n        onClickInner({ ev, ...link });\n        return;\n      }\n      redirect(preparedPath);\n    };\n  }\n\n  const mainInner = (\n    <>\n      {icon && <div className={`${RC}__icon-container`}>{icon}</div>}\n      {value}\n    </>\n  );\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(RC, className, {\n        [`${RC}-left`]: align === \"left\",\n        [`${RC}-center`]: align === \"center\",\n        [`${RC}-right`]: align === \"right\",\n        [`${RC}-justify`]: align === \"justify\",\n        ...classesObj,\n      })}\n    >\n      {isLink ? (\n        <a\n          {...atributes}\n          href={preparedPath}\n          target={target ?? \"_self\"}\n          rel=\"noreferrer\"\n        >\n          {mainInner}\n        </a>\n      ) : (\n        mainInner\n      )}\n    </div>\n  );\n};\n\nexport default Text;\n"],"names":["RC","Text","value","className","classesObj","icon","link","align","testId","isLinkAsObj","Object","Array","isArray","isLinkAsString","isLink","linkObj","path","target","redirect","onClick","onClickInner","isNoPreventDefault","isNoStopPropagation","preparedPath","atributes","ev","preventDefault","stopPropagation","mainInner","div","data-testid","cn","a","href","rel"],"mappings":";;;;+BA4HA;;;eAAA;;;;8DA5HkB;mEACH;QAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX;;;;;;;;;;;CAWC,GAED,0FAA0F;AAC1F,iBAAiB;AACjB,mDAAmD;AACnD,uFAAuF;AACvF,yGAAyG;AACzG,8FAA8F;AAC9F,oCAAoC;AACpC,uCAAuC;AACvC,gEAAgE;AAChE,uDAAuD;AACvD,qCAAqC;AAErC,mHAAmH;AAEnH,2GAA2G;AAC3G,uHAAuH;AACvH,uGAAuG;AAEvG,qFAAqF;AACrF,kFAAkF;AAElF,qGAAqG;AAErG,sGAAsG;AAEtG,MAAMC,OAAO,CAAC,EACZC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,QAAQ,MAAM,EACdC,SAAS,oBAAoB,EAC9B;IACC,IAAI,CAACN,OAAO,OAAO;IACnB,MAAMO,cAAcH,gBAAgBI,UAAU,CAACC,MAAMC,OAAO,CAACN;IAC7D,MAAMO,iBAAiB,OAAOP,SAAS;IACvC,MAAMQ,SAASL,eAAeI;IAE9B,MAAME,UAAUN,cAAcH,OAAO,CAAC;IACtC,MAAM,EACJU,OAAO,EAAE,EACTC,MAAM,EACNC,QAAQ,EACRC,SAASC,YAAY,EACrBC,kBAAkB,EAClBC,mBAAmB,EACpB,GAAGP;IAEJ,MAAMQ,eAAe,AAAC,CAAA;QACpB,IAAI,CAACT,QAAQ,OAAO;QACpB,OAAOL,cAAcO,OAAOV;IAC9B,CAAA;IAEA,MAAMkB,YAAY,CAAC;IAEnB,IAAI,OAAOJ,iBAAiB,cAAc,OAAOF,aAAa,YAAY;QACxEM,UAAUL,OAAO,GAAG,SAASA,QAAQM,EAAE;YACrC,IAAI,CAACJ,oBAAoBI,GAAGC,cAAc;YAC1C,IAAI,CAACJ,qBAAqBG,GAAGE,eAAe;YAE5C,oFAAoF;YACpF,IAAIP,cAAc;gBAChBA,aAAa;oBAAEK;mBAAOnB;gBACtB;YACF;YACAY,SAASK;QACX;IACF;IAEA,MAAMK,0BACJ;;YACGvB,sBAAQ,qBAACwB;gBAAI1B,WAAW,GAAGH,GAAG,gBAAgB,CAAC;0BAAGK;;YAClDH;;;IAIL,qBACE,qBAAC2B;QACCC,eAAatB;QACbL,WAAW4B,IAAAA,mBAAE,EAAC/B,IAAIG,WAAW;YAC3B,CAAC,GAAGH,GAAG,KAAK,CAAC,CAAC,EAAEO,UAAU;YAC1B,CAAC,GAAGP,GAAG,OAAO,CAAC,CAAC,EAAEO,UAAU;YAC5B,CAAC,GAAGP,GAAG,MAAM,CAAC,CAAC,EAAEO,UAAU;YAC3B,CAAC,GAAGP,GAAG,QAAQ,CAAC,CAAC,EAAEO,UAAU;WAC1BH;kBAGJU,uBACC,qBAACkB,6CACKR;YACJS,MAAMV;YACNN,QAAQA,mBAAAA,oBAAAA,SAAU;YAClBiB,KAAI;sBAEHN;cAGHA;;AAIR;MAEA,WAAe3B"}

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

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TextTemplate: function() {
+        return TextTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Text = /*#__PURE__*/ _interop_require_default(require("./Text"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const _default = {
+    title: 'Form Elements/Text',
+    component: _Text.default,
+    argTypes: {
+        value: {
+            description: 'It is implied that the value must be a string, but technically it can be JSX or anything that cannot be cast false.'
+        },
+        className: {
+            description: 'string'
+        },
+        classesObj: {
+            description: 'object, object of classes for function "classNames"'
+        },
+        icon: {
+            description: 'JSX'
+        },
+        testId: {
+            description: 'string, creates a data-testid attribute on an external container in the format "${testId}"'
+        },
+        link: {
+            description: 'string or object, if it is an object, then the following keys will be processed in it: path, target, onClick, redirect, isNoPreventDefault, isNoStopPropagation'
+        },
+        align: {
+            description: 'string, the main values of the "text-align" property are processed'
+        }
+    }
+};
+const Template = (args)=>{
+    const { classesObj, link, isUseLinkHardCode } = args, restArgs = _object_without_properties(args, [
+        "classesObj",
+        "link",
+        "isUseLinkHardCode"
+    ]);
+    const hardCodeOfClassesObj = {};
+    const linkHardCode = {
+        path: '/test',
+        target: '_blank'
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, _object_spread_props(_object_spread({}, restArgs), {
+        classesObj: _object_spread({}, classesObj, hardCodeOfClassesObj),
+        link: isUseLinkHardCode ? linkHardCode : link
+    }));
+};
+const TextTemplate = Template.bind({});
+TextTemplate.args = {
+    isUseLinkHardCode: false,
+    value: 'Дратути!',
+    className: 'any-outer-class__text',
+    classesObj: {},
+    icon: null,
+    testId: 'text-form-element',
+    // link: '/test',
+    align: 'left'
+};
+
+//# sourceMappingURL=Text.stories.js.map

package/dist/Atomic/FormElements/Text/Text.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Text/Text.stories.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\n\nimport Text from './Text';\n\nexport default {\n  title: 'Form Elements/Text',\n  component: Text,\n  argTypes: {\n    value: {\n      description: 'It is implied that the value must be a string, but technically it can be JSX or anything that cannot be cast false.',\n    },\n    className: {\n      description: 'string',\n    },\n    classesObj: {\n      description: 'object, object of classes for function \"classNames\"',\n    },\n    icon: {\n      description: 'JSX',\n    },\n    testId: {\n      description:\n        'string, creates a data-testid attribute on an external container in the format \"${testId}\"',\n    },\n    link: {\n      description: 'string or object, if it is an object, then the following keys will be processed in it: path, target, onClick, redirect, isNoPreventDefault, isNoStopPropagation',\n    },\n    align: {\n      description: 'string, the main values of the \"text-align\" property are processed',\n    },\n  },\n};\n\nconst Template = args => {\n  const {classesObj, link, isUseLinkHardCode, ...restArgs} = args;\n  const hardCodeOfClassesObj = {\n\n  };\n\n  const linkHardCode = {\n    path: '/test',\n    target: '_blank',\n    // onClick: (props) => {\n    //   console.log(props);\n    // },\n    // redirect: (props) => {\n    //   console.log('redirect - props - ', props);\n    // },\n  };\n\n  return (\n    <Text\n      {...restArgs}\n      classesObj={{ ...classesObj, ...hardCodeOfClassesObj, }}\n      link={isUseLinkHardCode ? linkHardCode : link}\n    />\n  );\n};\n\nexport const TextTemplate = Template.bind({});\nTextTemplate.args = {\n  isUseLinkHardCode: false,\n  value: 'Дратути!',\n  className: 'any-outer-class__text',\n  classesObj: {},\n  icon: null,\n  testId: 'text-form-element',\n  // link: '/test',\n  align: 'left',\n};\n"],"names":["TextTemplate","title","component","Text","argTypes","value","description","className","classesObj","icon","testId","link","align","Template","args","isUseLinkHardCode","restArgs","hardCodeOfClassesObj","linkHardCode","path","target","bind"],"mappings":";;;;;;;;;;;IA2DaA,YAAY;eAAZA;;IAvDb,OA2BE;eA3BF;;;;8DAJyC;6DAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEjB,WAAe;IACbC,OAAO;IACPC,WAAWC,aAAI;IACfC,UAAU;QACRC,OAAO;YACLC,aAAa;QACf;QACAC,WAAW;YACTD,aAAa;QACf;QACAE,YAAY;YACVF,aAAa;QACf;QACAG,MAAM;YACJH,aAAa;QACf;QACAI,QAAQ;YACNJ,aACE;QACJ;QACAK,MAAM;YACJL,aAAa;QACf;QACAM,OAAO;YACLN,aAAa;QACf;IACF;AACF;AAEA,MAAMO,WAAWC,CAAAA;IACf,MAAM,EAACN,UAAU,EAAEG,IAAI,EAAEI,iBAAiB,EAAc,GAAGD,MAAZE,sCAAYF;QAApDN;QAAYG;QAAMI;;IACzB,MAAME,uBAAuB,CAE7B;IAEA,MAAMC,eAAe;QACnBC,MAAM;QACNC,QAAQ;IAOV;IAEA,qBACE,qBAACjB,aAAI,0CACCa;QACJR,YAAY,mBAAKA,YAAeS;QAChCN,MAAMI,oBAAoBG,eAAeP;;AAG/C;AAEO,MAAMX,eAAea,SAASQ,IAAI,CAAC,CAAC;AAC3CrB,aAAac,IAAI,GAAG;IAClBC,mBAAmB;IACnBV,OAAO;IACPE,WAAW;IACXC,YAAY,CAAC;IACbC,MAAM;IACNC,QAAQ;IACR,iBAAiB;IACjBE,OAAO;AACT"}

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -0,0 +1,51 @@
+"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"));
+require("./TextSwitcher.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RC = 'text-switcher';
+const TextSwitcher = ({ isActive, onChange, className, disabled, activeText = 'is', inactiveText = 'is not', testId = RC })=>{
+    const isUndefined = isActive === undefined || isActive === null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+        type: "button",
+        "data-testid": testId,
+        className: (0, _classnames.default)(RC, {
+            [`${RC}_active`]: isActive,
+            [`${RC}_disabled`]: disabled
+        }, className),
+        onClick: ()=>onChange(!isActive),
+        disabled: disabled,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: `${RC}__btn`,
+                children: activeText
+            }),
+            inactiveText && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: (0, _classnames.default)(`${RC}__btn`, `${RC}__btn_off`),
+                children: inactiveText
+            }),
+            !isUndefined && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__slider`, {
+                    [`${RC}__slider_inactive`]: !isActive
+                })
+            })
+        ]
+    });
+};
+const _default = TextSwitcher;
+
+//# sourceMappingURL=TextSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TextSwitcher/TextSwitcher.tsx"],"sourcesContent":["import type { IUniProps } from '../../../types/base.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './TextSwitcher.scss';\n\ninterface IProps extends IUniProps {\n  isActive?: boolean;\n  onChange: (isActive: boolean) => void;\n  disabled?: boolean;\n  activeText?: string;\n  inactiveText?: string;\n}\n\nconst RC = 'text-switcher';\n\nconst TextSwitcher: React.FC<IProps> = ({\n  isActive,\n  onChange,\n  className,\n  disabled,\n  activeText = 'is',\n  inactiveText = 'is not',\n  testId = RC,\n}) => {\n  const isUndefined = isActive === undefined || isActive === null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid={testId}\n      className={cn(RC, { [`${RC}_active`]: isActive, [`${RC}_disabled`]: disabled }, className)}\n      onClick={() => onChange(!isActive)}\n      disabled={disabled}\n    >\n      <span className={`${RC}__btn`}>{activeText}</span>\n      {inactiveText && <span className={cn(`${RC}__btn`, `${RC}__btn_off`)}>{inactiveText}</span>}\n      {!isUndefined && (\n        <div\n          className={cn(`${RC}__slider`, {\n            [`${RC}__slider_inactive`]: !isActive,\n          })}\n        />\n      )}\n    </button>\n  );\n};\n\nexport default TextSwitcher;\n"],"names":["RC","TextSwitcher","isActive","onChange","className","disabled","activeText","inactiveText","testId","isUndefined","undefined","button","type","data-testid","cn","onClick","span","div"],"mappings":";;;;+BAiDA;;;eAAA;;;;mEAhDe;8DAEG;QAEX;;;;;;AAUP,MAAMA,KAAK;AAEX,MAAMC,eAAiC,CAAC,EACtCC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,aAAa,IAAI,EACjBC,eAAe,QAAQ,EACvBC,SAASR,EAAE,EACZ;IACC,MAAMS,cAAcP,aAAaQ,aAAaR,aAAa;IAE3D,qBACE,sBAACS;QACCC,MAAK;QACLC,eAAaL;QACbJ,WAAWU,IAAAA,mBAAE,EAACd,IAAI;YAAE,CAAC,GAAGA,GAAG,OAAO,CAAC,CAAC,EAAEE;YAAU,CAAC,GAAGF,GAAG,SAAS,CAAC,CAAC,EAAEK;QAAS,GAAGD;QAChFW,SAAS,IAAMZ,SAAS,CAACD;QACzBG,UAAUA;;0BAEV,qBAACW;gBAAKZ,WAAW,GAAGJ,GAAG,KAAK,CAAC;0BAAGM;;YAC/BC,8BAAgB,qBAACS;gBAAKZ,WAAWU,IAAAA,mBAAE,EAAC,GAAGd,GAAG,KAAK,CAAC,EAAE,GAAGA,GAAG,SAAS,CAAC;0BAAIO;;YACtE,CAACE,6BACA,qBAACQ;gBACCb,WAAWU,IAAAA,mBAAE,EAAC,GAAGd,GAAG,QAAQ,CAAC,EAAE;oBAC7B,CAAC,GAAGA,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAACE;gBAC/B;;;;AAKV;MAEA,WAAeD"}

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

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TextSwitcherTemplate: function() {
+        return TextSwitcherTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("./TextSwitcher"));
+require("./partial/AnyOuterClass.scss");
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/TextSwitcher',
+    component: _TextSwitcher.default,
+    argTypes: {
+        disabled: {
+            description: 'boolean'
+        },
+        activeText: {
+            description: 'left text. string'
+        },
+        inactiveText: {
+            description: 'right text. string'
+        },
+        className: {
+            description: 'string'
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    const [isActive, setIsActive] = (0, _react.useState)(true);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, _object_spread_props(_object_spread({}, restArgs), {
+        className: isIncludeOuterStyles ? 'any-outer-class__text-switcher' : null,
+        isActive: isActive,
+        onChange: setIsActive
+    }));
+};
+const TextSwitcherTemplate = Template.bind({});
+TextSwitcherTemplate.args = {
+    isIncludeOuterStyles: false,
+    disabled: false,
+    activeText: 'is',
+    inactiveText: 'some long text',
+    className: ''
+};
+
+//# sourceMappingURL=TextSwitcher.stories.js.map

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport TextSwitcher from './TextSwitcher';\n\nimport './partial/AnyOuterClass.scss';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/TextSwitcher',\n  component: TextSwitcher,\n  argTypes: {\n    disabled: {\n      description: 'boolean',\n    },\n    activeText: {description: 'left text. string'},\n    inactiveText: {description: 'right text. string'},\n    className: {description: 'string'},\n  },\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n  const [isActive, setIsActive] = useState(true);\n\n  return (\n    <TextSwitcher\n      {...restArgs}\n      className={isIncludeOuterStyles ? 'any-outer-class__text-switcher' : null}\n      isActive={isActive}\n      onChange={setIsActive}\n    />\n  );\n};\n\nexport const TextSwitcherTemplate = Template.bind({});\n\nTextSwitcherTemplate.args = {\n  isIncludeOuterStyles: false,\n  disabled: false,\n  activeText: 'is',\n  inactiveText: 'some long text',\n  className: '',\n};\n"],"names":["TextSwitcherTemplate","global","lng","title","component","TextSwitcher","argTypes","disabled","description","activeText","inactiveText","className","Template","args","isIncludeOuterStyles","restArgs","isActive","setIsActive","useState","onChange","bind"],"mappings":";;;;;;;;;;;IAmCaA,oBAAoB;eAApBA;;IA3Bb,OAWE;eAXF;;;;+DAR8B;qEACL;QAElB;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,qBAAY;IACvBC,UAAU;QACRC,UAAU;YACRC,aAAa;QACf;QACAC,YAAY;YAACD,aAAa;QAAmB;QAC7CE,cAAc;YAACF,aAAa;QAAoB;QAChDG,WAAW;YAACH,aAAa;QAAQ;IACnC;AACF;AAEA,MAAMI,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IACP,MAAM,CAACE,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAC;IAEzC,qBACE,qBAACb,qBAAY,0CACPU;QACJJ,WAAWG,uBAAuB,mCAAmC;QACrEE,UAAUA;QACVG,UAAUF;;AAGhB;AAEO,MAAMjB,uBAAuBY,SAASQ,IAAI,CAAC,CAAC;AAEnDpB,qBAAqBa,IAAI,GAAG;IAC1BC,sBAAsB;IACtBP,UAAU;IACVE,YAAY;IACZC,cAAc;IACdC,WAAW;AACb"}