intelicoreact 1.5.41 → 1.6.0

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

@@ -0,0 +1,357 @@
+"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, {
+    TagsDropdownTemplate: function() {
+        return TagsDropdownTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _TagsDropdown = /*#__PURE__*/ _interop_require_default(require("./TagsDropdown"));
+require("../../../../../scss/main.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;
+}
+global.lng = "en";
+const _default = {
+    title: "Form Elements/TagsDropdown",
+    component: _TagsDropdown.default,
+    argTypes: {
+        noTagsWrap: {
+            type: "boolean",
+            default: false
+        },
+        closeOnSelect: {
+            type: "boolean",
+            default: false
+        },
+        attributesOfNativeInput: {
+            description: "Object. Optional. This is list of attributes to add in native search-input"
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const { options } = args;
+    const selectAllButton = (0, _react.useRef)(null);
+    const unselectAllButton = (0, _react.useRef)(null);
+    const myArgs = {
+        headerContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            onClick: ()=>alert("Add your action"),
+            children: "Add new option"
+        }),
+        footerContent: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    ref: selectAllButton,
+                    children: "Select all"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    ref: unselectAllButton,
+                    children: "Unselect all"
+                })
+            ]
+        }),
+        selectAllButtonRef: selectAllButton,
+        unselectAllButtonRef: unselectAllButton
+    };
+    const [value, setValue] = (0, _react.useState)([
+        "group11"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: {
+            height: '1000px'
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
+            ...args,
+            ...myArgs,
+            // className={`tags-dropdown_arrow-static ${isIncludeOuterStyles ? "" : ""}`}
+            chosenOptions: value,
+            onChange: setValue,
+            withMobileLogic: true
+        })
+    });
+};
+const TagsDropdownTemplate = Template.bind({});
+const colors = [
+    "#F1F0F0",
+    "#E3E2E0",
+    "#EEDFDA",
+    "#F9DEC9",
+    "#FDECC8",
+    "#DBECDB",
+    "#D3E4EF",
+    "#E8DEEE",
+    "#F4E0E9",
+    "#FFE2DD",
+    "#D3EFED",
+    "#ECEEDE"
+];
+TagsDropdownTemplate.args = {
+    fieldKey: "tagsDropDown",
+    isIncludeOuterStyles: false,
+    disabled: false,
+    error: false,
+    onOptionEdit: (...args)=>console.log("onOptionEdit", ...args),
+    onOptionDelete: (...args)=>new Promise((r)=>{
+            console.log("onOptionDelete", ...args);
+            setTimeout(()=>{
+                console.log("resolved");
+                r();
+            }, 1000);
+        }),
+    placeholder: "Type or select tags from list",
+    // options: (new Array(12)).fill({}).map((v, i) => {
+    //   const uuid = Math.random().toString(16).slice(2);
+    //   return ({
+    //     id: uuid,
+    //     label: `Option ${i+1}`,
+    //     value: uuid,
+    //     // style: {
+    //     //   backgroundColor: colors[i],
+    //     // },
+    //     isEditable: false,
+    //   })
+    // }),
+    options: [],
+    options: [
+        {
+            id: 1,
+            title: "Force close dropdown (closeOnOptionSelect: true)",
+            value: "drop1",
+            closeOnOptionSelect: true,
+            className: "optionClssName"
+        },
+        {
+            id: 2,
+            title: "Force unclose dropdown (closeOnOptionSelect: false)",
+            value: "drop2",
+            closeOnOptionSelect: false,
+            disabled: false
+        },
+        {
+            id: 3,
+            title: "Tags Dropdown3",
+            value: "drop3",
+            disabled: true,
+            isFreezed: true
+        },
+        {
+            id: 4,
+            title: "Tags Dropdown4",
+            value: "drop4",
+            disabled: false,
+            isFreezed: true
+        },
+        {
+            id: 5,
+            title: "Tags Dropdown5",
+            value: "drop5",
+            disabled: false
+        },
+        {
+            id: 6,
+            title: "Tags Dropdown6",
+            value: "drop6",
+            disabled: false
+        },
+        {
+            groupName: "Some Group",
+            className: "groupClssName",
+            list: [
+                {
+                    id: 7,
+                    title: "Group 11",
+                    value: "group11",
+                    disabled: false,
+                    className: "groupOptionClssName",
+                    isFreezed: true,
+                    isHiddenInList: true
+                },
+                {
+                    id: 8,
+                    title: "Group 12",
+                    value: "group12",
+                    disabled: true
+                },
+                {
+                    id: 9,
+                    title: "Group 13",
+                    value: "group13",
+                    disabled: false
+                }
+            ]
+        },
+        {
+            groupName: "Some Group 2",
+            list: [
+                {
+                    id: 10,
+                    title: "Group 21",
+                    value: "group21",
+                    disabled: false
+                },
+                {
+                    id: 11,
+                    title: "Group 22",
+                    value: "group22",
+                    disabled: false
+                },
+                {
+                    id: 12,
+                    title: "Group 23",
+                    value: "group23",
+                    disabled: false
+                }
+            ]
+        },
+        {
+            id: 1,
+            title: "Force close dropdown (closeOnOptionSelect: true)",
+            value: "drop1",
+            closeOnOptionSelect: true,
+            className: "optionClssName"
+        },
+        {
+            id: 2,
+            title: "Force unclose dropdown (closeOnOptionSelect: false)",
+            value: "drop2",
+            closeOnOptionSelect: false,
+            disabled: false
+        },
+        {
+            id: 3,
+            title: "Tags Dropdown3",
+            value: "drop3",
+            disabled: true,
+            isFreezed: true
+        },
+        {
+            id: 4,
+            title: "Tags Dropdown4",
+            value: "drop4",
+            disabled: false,
+            isFreezed: true
+        },
+        {
+            id: 5,
+            title: "Tags Dropdown5",
+            value: "drop5",
+            disabled: false
+        },
+        {
+            id: 6,
+            title: "Tags Dropdown6",
+            value: "drop6",
+            disabled: false
+        },
+        {
+            groupName: "Some Group",
+            className: "groupClssName",
+            list: [
+                {
+                    id: 7,
+                    title: "Group 11",
+                    value: "group11",
+                    disabled: false,
+                    className: "groupOptionClssName",
+                    isFreezed: true,
+                    isHiddenInList: true
+                },
+                {
+                    id: 8,
+                    title: "Group 12",
+                    value: "group12",
+                    disabled: true
+                },
+                {
+                    id: 9,
+                    title: "Group 13",
+                    value: "group13",
+                    disabled: false
+                }
+            ]
+        },
+        {
+            groupName: "Some Group 2",
+            list: [
+                {
+                    id: 10,
+                    title: "Group 21",
+                    value: "group21",
+                    disabled: false
+                },
+                {
+                    id: 11,
+                    title: "Group 22",
+                    value: "group22",
+                    disabled: false
+                },
+                {
+                    id: 12,
+                    title: "Group 23",
+                    value: "group23",
+                    disabled: false
+                }
+            ]
+        }
+    ],
+    isNotValidateASCII: false,
+    noTagsWrap: false,
+    closeOnSelect: false,
+    closeOnRemove: false
+};

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

@@ -1,16 +1,23 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const RC = "text";
-
 /**
  *
  * @param value
@@ -22,93 +29,77 @@ const RC = "text";
  * @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 = _ref => {
-  let {
-    value,
-    className,
-    classesObj,
-    icon,
-    link,
-    align = "left",
-    testId = "text-lib-component"
-  } = _ref;
-  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({
-          ev,
-          ...link
-        });
-        return;
-      }
-      redirect(preparedPath);
-    };
-  }
-  const mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__icon-container`
-  }, icon), value);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)(RC, className, {
-      [`${RC}-left`]: align === "left",
-      [`${RC}-center`]: align === "center",
-      [`${RC}-right`]: align === "right",
-      [`${RC}-justify`]: align === "justify",
-      ...classesObj
-    })
-  }, isLink ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, atributes, {
-    href: preparedPath,
-    target: target ?? "_self",
-    rel: "noreferrer"
-  }), mainInner) : mainInner);
+ */ // ? Прототип лежит на проекте кабинета 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({
+                    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, {
+            [`${RC}-left`]: align === "left",
+            [`${RC}-center`]: align === "center",
+            [`${RC}-right`]: align === "right",
+            [`${RC}-justify`]: align === "justify",
+            ...classesObj
+        }),
+        children: isLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+            ...atributes,
+            href: preparedPath,
+            target: target !== null && target !== void 0 ? target : "_self",
+            rel: "noreferrer",
+            children: mainInner
+        }) : mainInner
+    });
 };
-var _default = exports.default = Text;
+const _default = Text;

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

@@ -0,0 +1,80 @@
+"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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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, ...restArgs } = args;
+    const hardCodeOfClassesObj = {};
+    const linkHardCode = {
+        path: '/test',
+        target: '_blank'
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
+        ...restArgs,
+        classesObj: {
+            ...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'
+};