intelicoreact 1.5.41 → 1.6.0

package/dist/Atomic/UI/Alert/Alert.js

@@ -1,68 +1,121 @@
 "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 = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _DynamicIcon = _interopRequireDefault(require("../DynamicIcon/DynamicIcon"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../DynamicIcon/DynamicIcon"));
 require("./Alert.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Alert = _ref => {
-  let {
-    message,
-    icon,
-    iconDynamicKey,
-    iconDynamicProps,
-    className,
-    children,
-    noDismiss,
-    testId = "alert",
-    isHidden = false,
-    variant = "warning",
-    isLoading,
-    buttonParams
-  } = _ref;
-  const [onClose, setOnClose] = (0, _react.useState)(false);
-  const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
-    iconKey: iconDynamicKey
-  }, iconDynamicProps)) : null;
-  function renderActionsBlock() {
-    if (buttonParams) return /*#__PURE__*/_react.default.createElement("div", {
-      className: "j6 alert__btns-box"
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, buttonParams), !noDismiss && /*#__PURE__*/_react.default.createElement("div", {
-      className: "alert__close-btn"
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
-      "data-testid": `${testId}-close`,
-      onClick: () => setOnClose(!onClose)
-    })));
-    if (!noDismiss) return /*#__PURE__*/_react.default.createElement("div", {
-      className: "alert__close-btn"
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
-      "data-testid": `${testId}-close`,
-      onClick: () => setOnClose(!onClose)
-    }));
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)(className, {
-      hidden: onClose
-    }, `alert alert--${variant}`, {
-      hidden: isHidden,
-      "alert--loading": isLoading
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "alert__icon-text-box j4"
-  }, DynamicIconComponent ?? icon, /*#__PURE__*/_react.default.createElement("div", null, children || message)), renderActionsBlock(), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    size: "small"
-  }));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const Alert = ({ message, icon, iconDynamicKey, iconDynamicProps, className, children, noDismiss, testId = "alert", isHidden = false, variant = "warning", isLoading, buttonParams })=>{
+    const [onClose, setOnClose] = (0, _react.useState)(false);
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+        iconKey: iconDynamicKey,
+        ...iconDynamicProps
+    }) : null;
+    function renderActionsBlock() {
+        if (buttonParams) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "j6 alert__btns-box",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                    ...buttonParams
+                }),
+                !noDismiss && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "alert__close-btn",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                        "data-testid": `${testId}-close`,
+                        onClick: ()=>setOnClose(!onClose)
+                    })
+                })
+            ]
+        });
+        if (!noDismiss) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "alert__close-btn",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                "data-testid": `${testId}-close`,
+                onClick: ()=>setOnClose(!onClose)
+            })
+        });
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(className, {
+            hidden: onClose
+        }, `alert alert--${variant}`, {
+            hidden: isHidden,
+            "alert--loading": isLoading
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "alert__icon-text-box j4",
+                children: [
+                    DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        children: children || message
+                    })
+                ]
+            }),
+            renderActionsBlock(),
+            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                size: "small"
+            })
+        ]
+    });
 };
-var _default = exports.default = Alert;
+const _default = Alert;

package/dist/Atomic/UI/Alert/Alert.scss

@@ -77,10 +77,10 @@
   }
 
   svg {
+    align-self: flex-start;
+
     width: 16px;
     min-width: 16px;
     height: 16px;
-
-    align-self: flex-start;
   }
 }

package/dist/Atomic/UI/Alert/Alert.stories.js

@@ -0,0 +1,81 @@
+"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, {
+    AlertTemplate: function() {
+        return AlertTemplate;
+    },
+    AlertTest: function() {
+        return AlertTest;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Alert = /*#__PURE__*/ _interop_require_default(require("./Alert"));
+const _reactfeather = require("react-feather");
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/Alert',
+    component: _Alert.default,
+    argTypes: {
+        variant: {
+            description: 'string: ["error", "warning", "success", "info"]. optional. warning is default',
+            control: {
+                type: 'select',
+                options: [
+                    'error',
+                    'warning',
+                    'success',
+                    'info'
+                ]
+            }
+        },
+        message: {
+            description: 'string'
+        },
+        noDismiss: 'hide close button. boolean. optional',
+        icon: 'icon before text. jsx. optional',
+        isLoading: 'boolean, add internal spinner'
+    }
+};
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+        ...args
+    });
+const AlertTemplate = Template.bind({});
+AlertTemplate.args = {
+    message: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
+    variant: 'info',
+    noDismiss: false,
+    isHidden: false,
+    isLoading: false,
+    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {})
+};
+const AlertTest = Template.bind({});
+AlertTest.args = {
+    message: 'example message. last test for close alert',
+    variant: 'info',
+    noDismiss: false,
+    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {}),
+    // noDismiss: true,
+    buttonParams: {
+        label: 'Got it!',
+        variant: 'link',
+        onClick: ()=>console.log('click')
+    }
+};

package/dist/Atomic/UI/Arrow/Arrow.js

@@ -1,117 +1,170 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../Functions/utils");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _utils = require("../../../Functions/utils");
 require("./Arrow.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Arrow = _ref => {
-  let {
-    type,
-    className,
-    onClick,
-    disabled,
-    testId,
-    isAlt
-  } = _ref;
-  if (!type || type !== "left" && type !== "right") return null;
-  const ref = (0, _react.useRef)();
-  const [color, setColor] = (0, _react.useState)("currentColor");
-  (0, _react.useEffect)(() => {
-    if (ref.current) {
-      setColor((0, _utils.getStyles)(ref.current, "color"));
+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);
     }
-  }, [ref.current]);
-  function renderSVG() {
-    if (type === "left") {
-      if (isAlt) return /*#__PURE__*/_react.default.createElement("svg", {
-        "data-testid": testId,
-        version: "1.1",
-        id: "Layer_1",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16"
-      }, /*#__PURE__*/_react.default.createElement("path", {
-        d: "M12.7,8H3.3",
-        stroke: color,
-        fill: "none",
-        strokeWidth: 1.3333,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/_react.default.createElement("path", {
-        d: "M8,3.3L3.3,8L8,12.7",
-        stroke: color,
-        fill: "none",
-        strokeWidth: 1.3333,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }));
-      return /*#__PURE__*/_react.default.createElement("svg", {
-        "data-testid": testId,
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /*#__PURE__*/_react.default.createElement("path", {
-        d: "M15 18L9 12L15 6",
-        stroke: color,
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }));
+    return newObj;
+}
+const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
+    if (!type || type !== "left" && type !== "right") return null;
+    const ref = (0, _react.useRef)();
+    const [color, setColor] = (0, _react.useState)("currentColor");
+    (0, _react.useEffect)(()=>{
+        if (ref.current) {
+            setColor((0, _utils.getStyles)(ref.current, "color"));
+        }
+    }, [
+        ref.current
+    ]);
+    function renderSVG() {
+        if (type === "left") {
+            if (isAlt) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+                "data-testid": testId,
+                version: "1.1",
+                id: "Layer_1",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                        d: "M12.7,8H3.3",
+                        stroke: color,
+                        fill: "none",
+                        strokeWidth: 1.3333,
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                        d: "M8,3.3L3.3,8L8,12.7",
+                        stroke: color,
+                        fill: "none",
+                        strokeWidth: 1.3333,
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                    })
+                ]
+            });
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+                "data-testid": testId,
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                    d: "M15 18L9 12L15 6",
+                    stroke: color,
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                })
+            });
+        }
+        if (isAlt) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+            "data-testid": testId,
+            id: "Layer_1",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                    d: "M3.3,8h9.3",
+                    stroke: color,
+                    fill: "none",
+                    strokeWidth: 1.3333,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                    d: "M8,3.3L12.7,8L8,12.7",
+                    stroke: color,
+                    fill: "none",
+                    strokeWidth: 1.3333,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                })
+            ]
+        });
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+            "data-testid": testId,
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                d: "M9 18L15 12L9 6",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        });
     }
-    if (isAlt) return /*#__PURE__*/_react.default.createElement("svg", {
-      "data-testid": testId,
-      id: "Layer_1",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      d: "M3.3,8h9.3",
-      stroke: color,
-      fill: "none",
-      strokeWidth: 1.3333,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_react.default.createElement("path", {
-      d: "M8,3.3L12.7,8L8,12.7",
-      stroke: color,
-      fill: "none",
-      strokeWidth: 1.3333,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }));
-    return /*#__PURE__*/_react.default.createElement("svg", {
-      "data-testid": testId,
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      d: "M9 18L15 12L9 6",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": `arrow--key-${testId}--type-${type}`,
-    ref: ref,
-    className: (0, _classnames.default)("arrow", `arrow_${type}`, className, {
-      arrow_disabled: disabled
-    }),
-    onClick: onClick
-  }, renderSVG());
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-testid": `arrow--key-${testId}--type-${type}`,
+        ref: ref,
+        className: (0, _classnames.default)("arrow", `arrow_${type}`, className, {
+            arrow_disabled: disabled
+        }),
+        onClick: onClick,
+        children: renderSVG()
+    });
 };
-var _default = exports.default = Arrow;
+const _default = Arrow;

package/dist/Atomic/UI/Arrow/Arrow.stories.js

@@ -0,0 +1,62 @@
+"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, {
+    ArrowTemplate: function() {
+        return ArrowTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Arrow = /*#__PURE__*/ _interop_require_default(require("./Arrow"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/Arrow',
+    component: _Arrow.default,
+    argTypes: {
+        type: {
+            description: 'string: ["left", "right"]',
+            control: {
+                type: 'select',
+                options: [
+                    'left',
+                    'right'
+                ]
+            }
+        },
+        isAlt: {
+            description: 'boolean: change the arrow print',
+            control: {
+                type: 'torrler'
+            }
+        }
+    }
+};
+const Template = (args)=>{
+    const { className, onClick } = args;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+        ...args
+    });
+};
+const ArrowTemplate = Template.bind({});
+ArrowTemplate.args = {
+    type: 'left',
+    className: 'externall-class-name',
+    onClick: (ev)=>console.log(ev.target.className)
+};