intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/UI/Button/Button.js

@@ -0,0 +1,143 @@
+"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("./Button.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;
+}
+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 RC = 'button';
+const Button = (_param)=>{
+    var { label, onClick, disabled, icon, className, children, style, noIcon, isIconRight, testId = 'button', tabIndex = 0, variant = 'primary', isTextEllipsis = false } = _param, props = _object_without_properties(_param, [
+        "label",
+        "onClick",
+        "disabled",
+        "icon",
+        "className",
+        "children",
+        "style",
+        "noIcon",
+        "isIconRight",
+        "testId",
+        "tabIndex",
+        "variant",
+        "isTextEllipsis"
+    ]);
+    const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", _object_spread_props(_object_spread({}, props), {
+        "data-testid": testId,
+        tabIndex: tabIndex,
+        style: style,
+        className: (0, _classnames.default)(RC, {
+            [`${RC}_${variant}`]: variant,
+            'button_icon-left': icon && !isIconRight,
+            'button_icon-right': icon && isIconRight
+        }, className),
+        onClick: onClick,
+        disabled: disabled,
+        type: "button",
+        children: [
+            !noRenderIcon && icon,
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)('button__text', {
+                    'text-ellipsis': isTextEllipsis
+                }),
+                children: label
+            }),
+            !label && children ? children : null
+        ]
+    }));
+};
+const _default = Button;
+
+//# sourceMappingURL=Button.js.map

package/dist/Atomic/UI/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Button/Button.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { IUniProps } from '../../../types/base.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './Button.scss';\n\nconst RC = 'button';\n\ntype TButtonVariant = 'primary' | 'ellipse-apply' | 'ellipse-cancel' | string;\n\ninterface IProps extends IUniProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled'> {\n  label?: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  icon?: ReactNode;\n  children?: ReactNode;\n  style?: CSSProperties;\n  noIcon?: boolean;\n  isIconRight?: boolean;\n  tabIndex?: number;\n  variant?: TButtonVariant;\n  isTextEllipsis?: boolean;\n}\n\nconst Button: React.FC<IProps> = ({\n  label,\n  onClick,\n  disabled,\n  icon,\n  className,\n  children,\n  style,\n  noIcon,\n  isIconRight,\n  testId = 'button',\n  tabIndex = 0,\n  variant = 'primary',\n  isTextEllipsis = false,\n  ...props\n}) => {\n  const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';\n\n  return (\n    <button\n      {...props}\n      data-testid={testId}\n      tabIndex={tabIndex}\n      style={style}\n      className={cn(\n        RC,\n        {\n          [`${RC}_${variant}`]: variant,\n          'button_icon-left': icon && !isIconRight,\n          'button_icon-right': icon && isIconRight,\n        },\n        className,\n      )}\n      onClick={onClick}\n      disabled={disabled}\n      type=\"button\"\n    >\n      {!noRenderIcon && icon}\n      {label && <div className={cn('button__text', { 'text-ellipsis': isTextEllipsis })}>{label}</div>}\n      {!label && children ? children : null}\n    </button>\n  );\n};\n\nexport default Button;\n"],"names":["RC","Button","label","onClick","disabled","icon","className","children","style","noIcon","isIconRight","testId","tabIndex","variant","isTextEllipsis","props","noRenderIcon","button","data-testid","cn","type","div"],"mappings":";;;;+BAsEA;;;eAAA;;;;mEApEe;8DAEG;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAkBX,MAAMC,SAA2B;QAAC,EAChCC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,SAAS,QAAQ,EACjBC,WAAW,CAAC,EACZC,UAAU,SAAS,EACnBC,iBAAiB,KAAK,EAEvB,WADIC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,eAAeP,UAAUI,YAAY,mBAAmBA,YAAY;IAE1E,qBACE,sBAACI,kDACKF;QACJG,eAAaP;QACbC,UAAUA;QACVJ,OAAOA;QACPF,WAAWa,IAAAA,mBAAE,EACXnB,IACA;YACE,CAAC,GAAGA,GAAG,CAAC,EAAEa,SAAS,CAAC,EAAEA;YACtB,oBAAoBR,QAAQ,CAACK;YAC7B,qBAAqBL,QAAQK;QAC/B,GACAJ;QAEFH,SAASA;QACTC,UAAUA;QACVgB,MAAK;;YAEJ,CAACJ,gBAAgBX;YACjBH,uBAAS,qBAACmB;gBAAIf,WAAWa,IAAAA,mBAAE,EAAC,gBAAgB;oBAAE,iBAAiBL;gBAAe;0BAAKZ;;YACnF,CAACA,SAASK,WAAWA,WAAW;;;AAGvC;MAEA,WAAeN"}

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

@@ -0,0 +1,133 @@
+"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, {
+    ButtonTemplate: function() {
+        return ButtonTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactfeather = require("react-feather");
+const _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
+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;
+}
+global.lng = "en";
+const _default = {
+    title: "UI/Button",
+    component: _Button.default,
+    argTypes: {
+        variant: {
+            description: 'string: ["primary", "secondary", "dark-outline", "ellipse-apply", "ellipse-cancel"]',
+            control: {
+                type: "select",
+                options: [
+                    "primary",
+                    "success",
+                    "warning",
+                    "secondary",
+                    "dark-outline",
+                    "link",
+                    "ellipse-apply",
+                    "ellipse-cancel"
+                ]
+            }
+        },
+        isTextEllipsis: {
+            description: "boolean",
+            control: {
+                type: "boolean"
+            }
+        },
+        label: {
+            description: "string"
+        },
+        disabled: {
+            description: "boolean"
+        },
+        onClick: {
+            description: "function"
+        },
+        icon: {
+            description: "svg icon code",
+            control: {
+                type: "select",
+                options: [
+                    "Check",
+                    "Edit3",
+                    "Plus",
+                    "Tool",
+                    "UploadCloud",
+                    "X",
+                    "ArrowLeft"
+                ]
+            }
+        },
+        className: {
+            description: "string"
+        },
+        style: {
+            description: "object"
+        },
+        testId: {
+            description: "string"
+        }
+    }
+};
+const Template = (args)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, _object_spread({}, args));
+};
+const ButtonTemplate = Template.bind({});
+ButtonTemplate.args = {
+    disabled: false,
+    onClick: ()=>null,
+    variant: "",
+    label: "Button",
+    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Check, {}),
+    isIconRight: true,
+    className: "test-class",
+    testId: "test-id"
+};
+
+//# sourceMappingURL=Button.stories.js.map

package/dist/Atomic/UI/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Button/Button.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport { Check } from \"react-feather\";\n\nimport Button from \"./Button\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"UI/Button\",\n  component: Button,\n  argTypes: {\n    variant: {\n      description:\n        'string: [\"primary\", \"secondary\", \"dark-outline\", \"ellipse-apply\", \"ellipse-cancel\"]',\n      control: {\n        type: \"select\",\n        options: [\n          \"primary\",\n          \"success\",\n          \"warning\",\n          \"secondary\",\n          \"dark-outline\",\n          \"link\",\n          \"ellipse-apply\",\n          \"ellipse-cancel\",\n        ],\n      },\n    },\n    isTextEllipsis: {\n      description: \"boolean\",\n      control: { type: \"boolean\" },\n    },\n    label: { description: \"string\" },\n    disabled: { description: \"boolean\" },\n    onClick: { description: \"function\" },\n    icon: {\n      description: \"svg icon code\",\n      control: {\n        type: \"select\",\n        options: [\n          \"Check\",\n          \"Edit3\",\n          \"Plus\",\n          \"Tool\",\n          \"UploadCloud\",\n          \"X\",\n          \"ArrowLeft\",\n        ],\n      },\n    },\n    className: { description: \"string\" },\n    style: { description: \"object\" },\n    testId: { description: \"string\" },\n  },\n};\n\nconst Template = (args) => {\n  return <Button {...args} />;\n};\n\nexport const ButtonTemplate = Template.bind({});\n\nButtonTemplate.args = {\n  disabled: false,\n  onClick: () => null,\n  variant: \"\",\n  label: \"Button\",\n  icon: <Check />,\n  isIconRight: true,\n  className: \"test-class\",\n  testId: \"test-id\",\n};\n"],"names":["ButtonTemplate","global","lng","title","component","Button","argTypes","variant","description","control","type","options","isTextEllipsis","label","disabled","onClick","icon","className","style","testId","Template","args","bind","Check","isIconRight"],"mappings":";;;;;;;;;;;IA6DaA,cAAc;eAAdA;;IArDb,OA+CE;eA/CF;;;;8DARkB;8BAEI;+DAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnBC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,eAAM;IACjBC,UAAU;QACRC,SAAS;YACPC,aACE;YACFC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBACP;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;QACF;QACAC,gBAAgB;YACdJ,aAAa;YACbC,SAAS;gBAAEC,MAAM;YAAU;QAC7B;QACAG,OAAO;YAAEL,aAAa;QAAS;QAC/BM,UAAU;YAAEN,aAAa;QAAU;QACnCO,SAAS;YAAEP,aAAa;QAAW;QACnCQ,MAAM;YACJR,aAAa;YACbC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBACP;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;QACF;QACAM,WAAW;YAAET,aAAa;QAAS;QACnCU,OAAO;YAAEV,aAAa;QAAS;QAC/BW,QAAQ;YAAEX,aAAa;QAAS;IAClC;AACF;AAEA,MAAMY,WAAW,CAACC;IAChB,qBAAO,qBAAChB,eAAM,qBAAKgB;AACrB;AAEO,MAAMrB,iBAAiBoB,SAASE,IAAI,CAAC,CAAC;AAE7CtB,eAAeqB,IAAI,GAAG;IACpBP,UAAU;IACVC,SAAS,IAAM;IACfR,SAAS;IACTM,OAAO;IACPG,oBAAM,qBAACO,mBAAK;IACZC,aAAa;IACbP,WAAW;IACXE,QAAQ;AACV"}

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -0,0 +1,68 @@
+"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"));
+const _reactrouterdom = require("react-router-dom");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+require("./ButtonsBar.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconRight, rejectBtnVariant, rejectBtnClass, isRejectBtnDisabled, rejectLink, onReject, confirmBtnLabel, confirmBtnIcon, isConfirmBtnIconRight, confirmBtnVariant, confirmBtnClass, isConfirmBtnDisabled, onConfirm, testIdFirstBtn = "button-bar-first-item", testIdSecondBtn = "button-bar-second-item" })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("button-bar", className),
+        children: [
+            rejectLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.Link, {
+                className: "text-decoration-none",
+                to: rejectLink,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                    testId: testIdFirstBtn,
+                    label: rejectBtnLabel,
+                    variant: rejectBtnVariant,
+                    onClick: onReject,
+                    disabled: isRejectBtnDisabled,
+                    icon: rejectBtnIcon,
+                    isIconRight: isRejectBtnIconRight,
+                    className: (0, _classnames.default)(rejectBtnClass, {
+                        mr5: confirmBtnLabel
+                    })
+                })
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                "data-testid": testIdFirstBtn,
+                label: rejectBtnLabel,
+                variant: rejectBtnVariant,
+                onClick: onReject,
+                disabled: isRejectBtnDisabled,
+                icon: rejectBtnIcon,
+                isIconRight: isRejectBtnIconRight,
+                className: (0, _classnames.default)(rejectBtnClass, {
+                    mr5: confirmBtnLabel
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                testId: testIdSecondBtn,
+                label: confirmBtnLabel,
+                variant: confirmBtnVariant,
+                onClick: onConfirm,
+                disabled: isConfirmBtnDisabled,
+                icon: confirmBtnIcon,
+                isIconRight: isConfirmBtnIconRight,
+                className: confirmBtnClass
+            })
+        ]
+    });
+};
+const _default = ButtonsBar;
+
+//# sourceMappingURL=ButtonsBar.js.map

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ButtonsBar/ButtonsBar.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\nimport { Link } from \"react-router-dom\";\n\nimport Button from \"../Button/Button\";\n\nimport \"./ButtonsBar.scss\";\n\nconst ButtonsBar = ({\n  className,\n  rejectBtnLabel,\n  rejectBtnIcon,\n  isRejectBtnIconRight,\n  rejectBtnVariant,\n  rejectBtnClass,\n  isRejectBtnDisabled,\n  rejectLink,\n  onReject,\n  confirmBtnLabel,\n  confirmBtnIcon,\n  isConfirmBtnIconRight,\n  confirmBtnVariant,\n  confirmBtnClass,\n  isConfirmBtnDisabled,\n  onConfirm,\n  testIdFirstBtn = \"button-bar-first-item\",\n  testIdSecondBtn = \"button-bar-second-item\",\n}) => {\n  return (\n      <div className={cn(\"button-bar\", className)}>\n      {rejectLink ? (\n        <Link className=\"text-decoration-none\" to={rejectLink}>\n          <Button\n            testId={testIdFirstBtn}\n            label={rejectBtnLabel}\n            variant={rejectBtnVariant}\n            onClick={onReject}\n            disabled={isRejectBtnDisabled}\n            icon={rejectBtnIcon}\n            isIconRight={isRejectBtnIconRight}\n            className={cn(rejectBtnClass, { mr5: confirmBtnLabel })}\n          />\n        </Link>\n      ) : (\n        <Button\n          data-testid={testIdFirstBtn}\n          label={rejectBtnLabel}\n          variant={rejectBtnVariant}\n          onClick={onReject}\n          disabled={isRejectBtnDisabled}\n          icon={rejectBtnIcon}\n          isIconRight={isRejectBtnIconRight}\n          className={cn(rejectBtnClass, { mr5: confirmBtnLabel })}\n        />\n      )}\n\n      <Button\n        testId={testIdSecondBtn}\n        label={confirmBtnLabel}\n        variant={confirmBtnVariant}\n        onClick={onConfirm}\n        disabled={isConfirmBtnDisabled}\n        icon={confirmBtnIcon}\n        isIconRight={isConfirmBtnIconRight}\n        className={confirmBtnClass}\n      />\n    </div>\n  );\n};\n\nexport default ButtonsBar;\n"],"names":["ButtonsBar","className","rejectBtnLabel","rejectBtnIcon","isRejectBtnIconRight","rejectBtnVariant","rejectBtnClass","isRejectBtnDisabled","rejectLink","onReject","confirmBtnLabel","confirmBtnIcon","isConfirmBtnIconRight","confirmBtnVariant","confirmBtnClass","isConfirmBtnDisabled","onConfirm","testIdFirstBtn","testIdSecondBtn","div","cn","Link","to","Button","testId","label","variant","onClick","disabled","icon","isIconRight","mr5","data-testid"],"mappings":";;;;+BAuEA;;;eAAA;;;;8DAvEkB;mEAEH;gCACM;+DAEF;QAEZ;;;;;;AAEP,MAAMA,aAAa,CAAC,EAClBC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,oBAAoB,EACpBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,qBAAqB,EACrBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,EACpBC,SAAS,EACTC,iBAAiB,uBAAuB,EACxCC,kBAAkB,wBAAwB,EAC3C;IACC,qBACI,sBAACC;QAAIlB,WAAWmB,IAAAA,mBAAE,EAAC,cAAcnB;;YAChCO,2BACC,qBAACa,oBAAI;gBAACpB,WAAU;gBAAuBqB,IAAId;0BACzC,cAAA,qBAACe,eAAM;oBACLC,QAAQP;oBACRQ,OAAOvB;oBACPwB,SAASrB;oBACTsB,SAASlB;oBACTmB,UAAUrB;oBACVsB,MAAM1B;oBACN2B,aAAa1B;oBACbH,WAAWmB,IAAAA,mBAAE,EAACd,gBAAgB;wBAAEyB,KAAKrB;oBAAgB;;+BAIzD,qBAACa,eAAM;gBACLS,eAAaf;gBACbQ,OAAOvB;gBACPwB,SAASrB;gBACTsB,SAASlB;gBACTmB,UAAUrB;gBACVsB,MAAM1B;gBACN2B,aAAa1B;gBACbH,WAAWmB,IAAAA,mBAAE,EAACd,gBAAgB;oBAAEyB,KAAKrB;gBAAgB;;0BAIzD,qBAACa,eAAM;gBACLC,QAAQN;gBACRO,OAAOf;gBACPgB,SAASb;gBACTc,SAASX;gBACTY,UAAUb;gBACVc,MAAMlB;gBACNmB,aAAalB;gBACbX,WAAWa;;;;AAInB;MAEA,WAAed"}

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

@@ -0,0 +1,157 @@
+"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, {
+    ButtonsBarTemplate: function() {
+        return ButtonsBarTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactfeather = require("react-feather");
+const _ButtonsBar = /*#__PURE__*/ _interop_require_default(require("./ButtonsBar"));
+const _reactrouterdom = require("react-router-dom");
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/ButtonsBar',
+    component: _ButtonsBar.default,
+    argTypes: {
+        className: {
+            description: 'string. optional'
+        },
+        rejectLink: {
+            description: 'link for reject button. string. optional'
+        },
+        rejectBtnLabel: {
+            description: 'label for reject button. string. '
+        },
+        rejectBtnVariant: {
+            description: 'variant for reject button. string. optional. primary is default.ariant for reject button.',
+            control: {
+                type: 'select',
+                options: [
+                    'dark-outline',
+                    'warning',
+                    'success',
+                    'primary',
+                    'secondary',
+                    'ellipse-apply',
+                    'ellipse-cancel',
+                    'link',
+                    'text'
+                ]
+            }
+        },
+        rejectBtnIcon: {
+            description: 'icon for reject button. jsx. optional'
+        },
+        rejectBtnClass: {
+            description: 'className for reject button. string. optional'
+        },
+        isRejectBtnDisabled: {
+            description: 'disable reject button. boolean. optional'
+        },
+        onReject: {
+            description: 'on reject button click function'
+        },
+        confirmBtnLabel: {
+            description: 'label for confirm button. string.'
+        },
+        confirmBtnVariant: {
+            description: 'variant for confirm button. string. optional. primary is default.',
+            control: {
+                type: 'select',
+                options: [
+                    'dark-outline',
+                    'warning',
+                    'success',
+                    'primary',
+                    'secondary',
+                    'ellipse-apply',
+                    'ellipse-cancel',
+                    'link',
+                    'text'
+                ]
+            }
+        },
+        confirmBtnClass: {
+            description: 'className for confirm button. string. optional'
+        },
+        confirmBtnIcon: {
+            description: 'icon for confirm button. jsx. optional'
+        },
+        isConfirmBtnDisabled: {
+            description: 'disable confirm button. boolean. optional'
+        },
+        onConfirm: {
+            description: 'on confirm button click function'
+        }
+    }
+};
+const Template = (args)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonsBar.default, _object_spread({}, args))
+    });
+};
+const ButtonsBarTemplate = Template.bind({});
+ButtonsBarTemplate.args = {
+    className: '',
+    rejectLink: '/',
+    rejectBtnLabel: 'Cancel',
+    rejectBtnVariant: 'dark-outline',
+    rejectBtnIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {}),
+    rejectBtnClass: 'className-test-reject',
+    isRejectBtnDisabled: false,
+    onReject: ()=>{},
+    confirmBtnLabel: 'Create',
+    confirmBtnVariant: 'primary',
+    confirmBtnClass: 'className-test-confirm',
+    confirmBtnIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {}),
+    isConfirmBtnDisabled: false,
+    onConfirm: ()=>{}
+};
+
+//# sourceMappingURL=ButtonsBar.stories.js.map

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ButtonsBar/ButtonsBar.stories.js"],"sourcesContent":["import React from 'react';\nimport { Plus, X } from 'react-feather';\n\nimport ButtonsBar from './ButtonsBar';\n\n// import '../../../../../scss/main.scss';\nimport { BrowserRouter } from 'react-router-dom';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/ButtonsBar',\n  component: ButtonsBar,\n  argTypes: {\n    className: {      description: 'string. optional' },\n    rejectLink: { description: 'link for reject button. string. optional' },\n    rejectBtnLabel: { description: 'label for reject button. string. ' },\n    rejectBtnVariant: {\n      description:\n        'variant for reject button. string. optional. primary is default.ariant for reject button.',\n      control: {\n        type: 'select',\n        options: ['dark-outline', 'warning', 'success', 'primary', 'secondary', 'ellipse-apply', 'ellipse-cancel', 'link', 'text'],\n      },\n    },\n    rejectBtnIcon: { description: 'icon for reject button. jsx. optional' },\n    rejectBtnClass: { description: 'className for reject button. string. optional' },\n    isRejectBtnDisabled: { description: 'disable reject button. boolean. optional' },\n    onReject: { description: 'on reject button click function' },\n    confirmBtnLabel: { description: 'label for confirm button. string.' },\n    confirmBtnVariant: {\n      description: 'variant for confirm button. string. optional. primary is default.',\n      control: {\n        type: 'select',\n        options: ['dark-outline', 'warning', 'success', 'primary', 'secondary', 'ellipse-apply', 'ellipse-cancel', 'link', 'text'],\n      },\n    },\n    confirmBtnClass: { description: 'className for confirm button. string. optional' },\n    confirmBtnIcon: { description: 'icon for confirm button. jsx. optional' },\n    isConfirmBtnDisabled: { description: 'disable confirm button. boolean. optional' },\n    onConfirm: { description: 'on confirm button click function' },\n  },\n};\n\nconst Template = (args) => {\n  return (\n    <BrowserRouter>\n      <ButtonsBar {...args} />\n    </BrowserRouter>\n  );\n};\n\nexport const ButtonsBarTemplate = Template.bind({});\n\nButtonsBarTemplate.args = {\n  className: '',\n  rejectLink: '/',\n  rejectBtnLabel: 'Cancel',\n  rejectBtnVariant: 'dark-outline',\n  rejectBtnIcon: <X />,\n  rejectBtnClass: 'className-test-reject',\n  isRejectBtnDisabled: false,\n  onReject: () => {},\n  confirmBtnLabel: 'Create',\n  confirmBtnVariant: 'primary',\n  confirmBtnClass: 'className-test-confirm',\n  confirmBtnIcon: <Plus />,\n  isConfirmBtnDisabled: false,\n  onConfirm: () => {},\n};\n"],"names":["ButtonsBarTemplate","global","lng","title","component","ButtonsBar","argTypes","className","description","rejectLink","rejectBtnLabel","rejectBtnVariant","control","type","options","rejectBtnIcon","rejectBtnClass","isRejectBtnDisabled","onReject","confirmBtnLabel","confirmBtnVariant","confirmBtnClass","confirmBtnIcon","isConfirmBtnDisabled","onConfirm","Template","args","BrowserRouter","bind","X","Plus"],"mappings":";;;;;;;;;;;IAoDaA,kBAAkB;eAAlBA;;IA1Cb,OAgCE;eAhCF;;;;8DAVkB;8BACM;mEAED;gCAGO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9BC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,mBAAU;IACrBC,UAAU;QACRC,WAAW;YAAOC,aAAa;QAAmB;QAClDC,YAAY;YAAED,aAAa;QAA2C;QACtEE,gBAAgB;YAAEF,aAAa;QAAoC;QACnEG,kBAAkB;YAChBH,aACE;YACFI,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAgB;oBAAW;oBAAW;oBAAW;oBAAa;oBAAiB;oBAAkB;oBAAQ;iBAAO;YAC5H;QACF;QACAC,eAAe;YAAEP,aAAa;QAAwC;QACtEQ,gBAAgB;YAAER,aAAa;QAAgD;QAC/ES,qBAAqB;YAAET,aAAa;QAA2C;QAC/EU,UAAU;YAAEV,aAAa;QAAkC;QAC3DW,iBAAiB;YAAEX,aAAa;QAAoC;QACpEY,mBAAmB;YACjBZ,aAAa;YACbI,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAgB;oBAAW;oBAAW;oBAAW;oBAAa;oBAAiB;oBAAkB;oBAAQ;iBAAO;YAC5H;QACF;QACAO,iBAAiB;YAAEb,aAAa;QAAiD;QACjFc,gBAAgB;YAAEd,aAAa;QAAyC;QACxEe,sBAAsB;YAAEf,aAAa;QAA4C;QACjFgB,WAAW;YAAEhB,aAAa;QAAmC;IAC/D;AACF;AAEA,MAAMiB,WAAW,CAACC;IAChB,qBACE,qBAACC,6BAAa;kBACZ,cAAA,qBAACtB,mBAAU,qBAAKqB;;AAGtB;AAEO,MAAM1B,qBAAqByB,SAASG,IAAI,CAAC,CAAC;AAEjD5B,mBAAmB0B,IAAI,GAAG;IACxBnB,WAAW;IACXE,YAAY;IACZC,gBAAgB;IAChBC,kBAAkB;IAClBI,6BAAe,qBAACc,eAAC;IACjBb,gBAAgB;IAChBC,qBAAqB;IACrBC,UAAU,KAAO;IACjBC,iBAAiB;IACjBC,mBAAmB;IACnBC,iBAAiB;IACjBC,8BAAgB,qBAACQ,kBAAI;IACrBP,sBAAsB;IACtBC,WAAW,KAAO;AACpB"}