intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,109 @@
+"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 _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/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, _object_spread({}, 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')
+    }
+};
+
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Alert/Alert.stories.js"],"sourcesContent":["import React from 'react';\nimport Alert from './Alert';\n\nimport { Home } from 'react-feather';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/Alert',\n  component: Alert,\n  argTypes: {\n    variant: {\n      description: 'string: [\"error\", \"warning\", \"success\", \"info\"]. optional. warning is default',\n      control: {\n        type: 'select',\n        options: ['error', 'warning', 'success', 'info'],\n      },\n    },\n    message: {\n      description: 'string',\n    },\n    noDismiss: 'hide close button. boolean. optional',\n    icon: 'icon before text. jsx. optional',\n    isLoading: 'boolean, add internal spinner'\n  },\n};\n\nconst Template = args => <Alert {...args} />;\n\nexport const AlertTemplate = Template.bind({});\n\nAlertTemplate.args = {\n  message:\n    \"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.\",\n  variant: 'info',\n  noDismiss: false,\n  isHidden: false,\n  isLoading: false,\n  icon: <Home />,\n};\n\nexport const AlertTest = Template.bind({});\n\nAlertTest.args = {\n  message: 'example message. last test for close alert',\n  variant: 'info',\n  noDismiss: false,\n  icon: <Home />,\n  // noDismiss: true,\n  buttonParams: {\n    label: 'Got it!',\n    variant: 'link',\n    onClick: () => console.log('click')\n  }\n};\n"],"names":["AlertTemplate","AlertTest","global","lng","title","component","Alert","argTypes","variant","description","control","type","options","message","noDismiss","icon","isLoading","Template","args","bind","isHidden","Home","buttonParams","label","onClick","console","log"],"mappings":";;;;;;;;;;;IA8BaA,aAAa;eAAbA;;IAYAC,SAAS;eAATA;;IAlCb,OAkBE;eAlBF;;;;8DARkB;8DACA;8BAEG;QACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAK;IAChBC,UAAU;QACRC,SAAS;YACPC,aAAa;YACbC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAS;oBAAW;oBAAW;iBAAO;YAClD;QACF;QACAC,SAAS;YACPJ,aAAa;QACf;QACAK,WAAW;QACXC,MAAM;QACNC,WAAW;IACb;AACF;AAEA,MAAMC,WAAWC,CAAAA,qBAAQ,qBAACZ,cAAK,qBAAKY;AAE7B,MAAMlB,gBAAgBiB,SAASE,IAAI,CAAC,CAAC;AAE5CnB,cAAckB,IAAI,GAAG;IACnBL,SACE;IACFL,SAAS;IACTM,WAAW;IACXM,UAAU;IACVJ,WAAW;IACXD,oBAAM,qBAACM,kBAAI;AACb;AAEO,MAAMpB,YAAYgB,SAASE,IAAI,CAAC,CAAC;AAExClB,UAAUiB,IAAI,GAAG;IACfL,SAAS;IACTL,SAAS;IACTM,WAAW;IACXC,oBAAM,qBAACM,kBAAI;IACX,mBAAmB;IACnBC,cAAc;QACZC,OAAO;QACPf,SAAS;QACTgB,SAAS,IAAMC,QAAQC,GAAG,CAAC;IAC7B;AACF"}

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

@@ -0,0 +1,172 @@
+"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_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _utils = require("../../../Functions/utils");
+require("./Arrow.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;
+}
+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"
+            })
+        });
+    }
+    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()
+    });
+};
+const _default = Arrow;
+
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Arrow/Arrow.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { getStyles } from \"../../../Functions/utils\";\n\nimport \"./Arrow.scss\";\n\nconst Arrow = ({ type, className, onClick, disabled, testId, isAlt }) => {\n  if (!type || (type !== \"left\" && type !== \"right\")) return null;\n  const ref = useRef();\n  const [color, setColor] = useState(\"currentColor\");\n\n  useEffect(() => {\n    if (ref.current) {\n      setColor(getStyles(ref.current, \"color\"));\n    }\n  }, [ref.current]);\n\n  function renderSVG() {\n    if (type === \"left\") {\n      if (isAlt)\n        return (\n          <svg\n            data-testid={testId}\n            version=\"1.1\"\n            id=\"Layer_1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n          >\n            <path\n              d=\"M12.7,8H3.3\"\n              stroke={color}\n              fill=\"none\"\n              strokeWidth={1.3333}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M8,3.3L3.3,8L8,12.7\"\n              stroke={color}\n              fill=\"none\"\n              strokeWidth={1.3333}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        );\n      return (\n        <svg\n          data-testid={testId}\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M15 18L9 12L15 6\"\n            stroke={color}\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      );\n    }\n    if (isAlt)\n      return (\n        <svg\n          data-testid={testId}\n          id=\"Layer_1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n        >\n          <path\n            d=\"M3.3,8h9.3\"\n            stroke={color}\n            fill=\"none\"\n            strokeWidth={1.3333}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n          <path\n            d=\"M8,3.3L12.7,8L8,12.7\"\n            stroke={color}\n            fill=\"none\"\n            strokeWidth={1.3333}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      );\n    return (\n      <svg\n        data-testid={testId}\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M9 18L15 12L9 6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      data-testid={`arrow--key-${testId}--type-${type}`}\n      ref={ref}\n      className={cn(\"arrow\", `arrow_${type}`, className, {\n        arrow_disabled: disabled,\n      })}\n      onClick={onClick}\n    >\n      {renderSVG()}\n    </div>\n  );\n};\n\nexport default Arrow;\n"],"names":["Arrow","type","className","onClick","disabled","testId","isAlt","ref","useRef","color","setColor","useState","useEffect","current","getStyles","renderSVG","svg","data-testid","version","id","xmlns","width","height","viewBox","path","d","stroke","fill","strokeWidth","strokeLinecap","strokeLinejoin","div","cn","arrow_disabled"],"mappings":";;;;+BAmIA;;;eAAA;;;;+DAnImD;mEAEpC;uBAEW;QAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAQ,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAE;IAClE,IAAI,CAACL,QAASA,SAAS,UAAUA,SAAS,SAAU,OAAO;IAC3D,MAAMM,MAAMC,IAAAA,aAAM;IAClB,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAAC;IAEnCC,IAAAA,gBAAS,EAAC;QACR,IAAIL,IAAIM,OAAO,EAAE;YACfH,SAASI,IAAAA,gBAAS,EAACP,IAAIM,OAAO,EAAE;QAClC;IACF,GAAG;QAACN,IAAIM,OAAO;KAAC;IAEhB,SAASE;QACP,IAAId,SAAS,QAAQ;YACnB,IAAIK,OACF,qBACE,sBAACU;gBACCC,eAAaZ;gBACba,SAAQ;gBACRC,IAAG;gBACHC,OAAM;gBACNC,OAAM;gBACNC,QAAO;gBACPC,SAAQ;;kCAER,qBAACC;wBACCC,GAAE;wBACFC,QAAQjB;wBACRkB,MAAK;wBACLC,aAAa;wBACbC,eAAc;wBACdC,gBAAe;;kCAEjB,qBAACN;wBACCC,GAAE;wBACFC,QAAQjB;wBACRkB,MAAK;wBACLC,aAAa;wBACbC,eAAc;wBACdC,gBAAe;;;;YAIvB,qBACE,qBAACd;gBACCC,eAAaZ;gBACbgB,OAAM;gBACNC,QAAO;gBACPC,SAAQ;gBACRI,MAAK;gBACLP,OAAM;0BAEN,cAAA,qBAACI;oBACCC,GAAE;oBACFC,QAAQjB;oBACRmB,aAAY;oBACZC,eAAc;oBACdC,gBAAe;;;QAIvB;QACA,IAAIxB,OACF,qBACE,sBAACU;YACCC,eAAaZ;YACbc,IAAG;YACHC,OAAM;YACNC,OAAM;YACNC,QAAO;YACPC,SAAQ;;8BAER,qBAACC;oBACCC,GAAE;oBACFC,QAAQjB;oBACRkB,MAAK;oBACLC,aAAa;oBACbC,eAAc;oBACdC,gBAAe;;8BAEjB,qBAACN;oBACCC,GAAE;oBACFC,QAAQjB;oBACRkB,MAAK;oBACLC,aAAa;oBACbC,eAAc;oBACdC,gBAAe;;;;QAIvB,qBACE,qBAACd;YACCC,eAAaZ;YACbgB,OAAM;YACNC,QAAO;YACPC,SAAQ;YACRI,MAAK;YACLP,OAAM;sBAEN,cAAA,qBAACI;gBACCC,GAAE;gBACFC,QAAO;gBACPE,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;;IAIvB;IAEA,qBACE,qBAACC;QACCd,eAAa,CAAC,WAAW,EAAEZ,OAAO,OAAO,EAAEJ,MAAM;QACjDM,KAAKA;QACLL,WAAW8B,IAAAA,mBAAE,EAAC,SAAS,CAAC,MAAM,EAAE/B,MAAM,EAAEC,WAAW;YACjD+B,gBAAgB7B;QAClB;QACAD,SAASA;kBAERY;;AAGP;MAEA,WAAef"}

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

@@ -0,0 +1,90 @@
+"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 _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/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, _object_spread({}, args));
+};
+const ArrowTemplate = Template.bind({});
+ArrowTemplate.args = {
+    type: 'left',
+    className: 'externall-class-name',
+    onClick: (ev)=>console.log(ev.target.className)
+};
+
+//# sourceMappingURL=Arrow.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Arrow/Arrow.stories.js"],"sourcesContent":["import React from 'react';\nimport Arrow from './Arrow';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/Arrow',\n  component: Arrow,\n  argTypes: {\n    type: {\n      description: 'string: [\"left\", \"right\"]',\n      control: {\n        type: 'select',\n        options: ['left', 'right'],\n      },\n    },\n    isAlt: {\n      description: 'boolean: change the arrow print',\n      control: {\n        type: 'torrler',\n      },\n    },\n  },\n};\n\nconst Template = args => {\n  const {className, onClick} = args;\n  return <Arrow {...args} />;\n};\n\nexport const ArrowTemplate = Template.bind({});\n\nArrowTemplate.args = {\n  type: 'left',\n  className: 'externall-class-name',\n  onClick: ev => console.log(ev.target.className),\n};\n"],"names":["ArrowTemplate","global","lng","title","component","Arrow","argTypes","type","description","control","options","isAlt","Template","args","className","onClick","bind","ev","console","log","target"],"mappings":";;;;;;;;;;;IAgCaA,aAAa;eAAbA;;IAzBb,OAkBE;eAlBF;;;;8DAPkB;8DACA;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAK;IAChBC,UAAU;QACRC,MAAM;YACJC,aAAa;YACbC,SAAS;gBACPF,MAAM;gBACNG,SAAS;oBAAC;oBAAQ;iBAAQ;YAC5B;QACF;QACAC,OAAO;YACLH,aAAa;YACbC,SAAS;gBACPF,MAAM;YACR;QACF;IACF;AACF;AAEA,MAAMK,WAAWC,CAAAA;IACf,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAC,GAAGF;IAC7B,qBAAO,qBAACR,cAAK,qBAAKQ;AACpB;AAEO,MAAMb,gBAAgBY,SAASI,IAAI,CAAC,CAAC;AAE5ChB,cAAca,IAAI,GAAG;IACnBN,MAAM;IACNO,WAAW;IACXC,SAASE,CAAAA,KAAMC,QAAQC,GAAG,CAACF,GAAGG,MAAM,CAACN,SAAS;AAChD"}

package/dist/Atomic/UI/Box/Box.js

@@ -0,0 +1,48 @@
+// global
+"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("./Box.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const directionVariants = {
+    column: "column",
+    row: "row"
+};
+const sizes = {
+    none: "none",
+    xs: "xs",
+    s: "s",
+    m: "m",
+    l: "l",
+    xl: "xl"
+};
+const Box = function({ children, paddingVariant = sizes.m, radiiVariant = sizes.s, direction = directionVariants.column, className }) {
+    const styles = {
+        flexDirection: direction
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: styles,
+        className: (0, _classnames.default)("box", `box--padding-${paddingVariant}`, `box--radii-${radiiVariant}`, className, {
+            df: direction === directionVariants.row,
+            "dfc-jc": direction === directionVariants.column
+        }),
+        children: children
+    });
+};
+const _default = Box;
+
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Box/Box.js"],"sourcesContent":["// global\nimport React from \"react\";\n\nimport cn from \"classnames\";\n\n// styles\nimport \"./Box.scss\";\n\nconst directionVariants = {\n  column: \"column\",\n  row: \"row\",\n};\n\nconst sizes = {\n  none: \"none\",\n  xs: \"xs\",\n  s: \"s\",\n  m: \"m\",\n  l: \"l\",\n  xl: \"xl\",\n};\n\nconst Box = function ({\n  children,\n  paddingVariant = sizes.m,\n  radiiVariant = sizes.s,\n  direction = directionVariants.column,\n  className,\n}) {\n  const styles = {\n    flexDirection: direction,\n  };\n  return (\n    <div\n      style={styles}\n      className={cn(\n        \"box\",\n        `box--padding-${paddingVariant}`,\n        `box--radii-${radiiVariant}`,\n        className,\n        {\n          df: direction === directionVariants.row,\n          \"dfc-jc\": direction === directionVariants.column,\n        },\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Box;\n"],"names":["directionVariants","column","row","sizes","none","xs","s","m","l","xl","Box","children","paddingVariant","radiiVariant","direction","className","styles","flexDirection","div","style","cn","df"],"mappings":"AAAA,SAAS;;;;;+BAmDT;;;eAAA;;;;8DAlDkB;mEAEH;QAGR;;;;;;AAEP,MAAMA,oBAAoB;IACxBC,QAAQ;IACRC,KAAK;AACP;AAEA,MAAMC,QAAQ;IACZC,MAAM;IACNC,IAAI;IACJC,GAAG;IACHC,GAAG;IACHC,GAAG;IACHC,IAAI;AACN;AAEA,MAAMC,MAAM,SAAU,EACpBC,QAAQ,EACRC,iBAAiBT,MAAMI,CAAC,EACxBM,eAAeV,MAAMG,CAAC,EACtBQ,YAAYd,kBAAkBC,MAAM,EACpCc,SAAS,EACV;IACC,MAAMC,SAAS;QACbC,eAAeH;IACjB;IACA,qBACE,qBAACI;QACCC,OAAOH;QACPD,WAAWK,IAAAA,mBAAE,EACX,OACA,CAAC,aAAa,EAAER,gBAAgB,EAChC,CAAC,WAAW,EAAEC,cAAc,EAC5BE,WACA;YACEM,IAAIP,cAAcd,kBAAkBE,GAAG;YACvC,UAAUY,cAAcd,kBAAkBC,MAAM;QAClD;kBAGDU;;AAGP;MAEA,WAAeD"}

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

@@ -0,0 +1,167 @@
+"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, {
+    BoxTemplate: function() {
+        return BoxTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../../FormElements/CheckboxInput/CheckboxInput"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("./Box"));
+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 getRadioArgType(options, defaultValue) {
+    return {
+        description: `string: ${JSON.stringify(options)}. optional. ${defaultValue} is default`,
+        control: {
+            type: "radio"
+        },
+        options
+    };
+}
+const _default = {
+    title: "UI/Box",
+    component: _Box.default,
+    argTypes: {
+        direction: getRadioArgType([
+            "column",
+            "row"
+        ], "column"),
+        paddingVariant: getRadioArgType([
+            "none",
+            "xs",
+            "s",
+            "m",
+            "l",
+            "xl"
+        ], "m"),
+        radiiVariant: getRadioArgType([
+            "none",
+            "xs",
+            "s",
+            "m",
+            "l",
+            "xl"
+        ], "s")
+    }
+};
+const Template = (args)=>{
+    const { className, onClick } = args;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, _object_spread_props(_object_spread({}, args), {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                        label: "mock element one"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                        label: "mock element second"
+                    })
+                ]
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+                children: [
+                    "direction: ",
+                    args.direction
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+                children: [
+                    "radii: ",
+                    args.radiiVariant
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+                children: [
+                    "padding: ",
+                    args.paddingVariant
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+                children: [
+                    "className: ",
+                    args.className
+                ]
+            })
+        ]
+    });
+};
+const BoxTemplate = Template.bind({});
+BoxTemplate.args = {
+    direction: "column",
+    radiiVariant: "s",
+    paddingVariant: "m",
+    className: "external-class-name"
+};
+
+//# sourceMappingURL=Box.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Box/Box.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport CheckboxInput from \"../../FormElements/CheckboxInput/CheckboxInput\";\n\nimport Box from \"./Box\";\n\nfunction getRadioArgType(options, defaultValue) {\n  return {\n    description: `string: ${JSON.stringify(options)}. optional. ${defaultValue} is default`,\n    control: {\n      type: \"radio\",\n    },\n    options,\n  };\n}\n\nexport default {\n  title: \"UI/Box\",\n  component: Box,\n  argTypes: {\n    direction: getRadioArgType([\"column\", \"row\"], \"column\"),\n    paddingVariant: getRadioArgType([\"none\", \"xs\", \"s\", \"m\", \"l\", \"xl\"], \"m\"),\n    radiiVariant: getRadioArgType([\"none\", \"xs\", \"s\", \"m\", \"l\", \"xl\"], \"s\"),\n  },\n};\n\nconst Template = (args) => {\n  const { className, onClick } = args;\n\n  return (\n    <>\n      <Box {...args}>\n        <CheckboxInput label=\"mock element one\" />\n        <br />\n        <CheckboxInput label=\"mock element second\" />\n      </Box>\n\n      <br />\n      <br />\n      <h2>direction: {args.direction}</h2>\n      <h2>radii: {args.radiiVariant}</h2>\n      <h2>padding: {args.paddingVariant}</h2>\n      <h2>className: {args.className}</h2>\n    </>\n  );\n};\n\nexport const BoxTemplate = Template.bind({});\n\nBoxTemplate.args = {\n  direction: \"column\",\n  radiiVariant: \"s\",\n  paddingVariant: \"m\",\n  className: \"external-class-name\",\n};\n"],"names":["BoxTemplate","getRadioArgType","options","defaultValue","description","JSON","stringify","control","type","title","component","Box","argTypes","direction","paddingVariant","radiiVariant","Template","args","className","onClick","CheckboxInput","label","br","h2","bind"],"mappings":";;;;;;;;;;;IA+CaA,WAAW;eAAXA;;IA/Bb,OAQE;eARF;;;;8DAhBkB;sEAEQ;4DAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhB,SAASC,gBAAgBC,OAAO,EAAEC,YAAY;IAC5C,OAAO;QACLC,aAAa,CAAC,QAAQ,EAAEC,KAAKC,SAAS,CAACJ,SAAS,YAAY,EAAEC,aAAa,WAAW,CAAC;QACvFI,SAAS;YACPC,MAAM;QACR;QACAN;IACF;AACF;MAEA,WAAe;IACbO,OAAO;IACPC,WAAWC,YAAG;IACdC,UAAU;QACRC,WAAWZ,gBAAgB;YAAC;YAAU;SAAM,EAAE;QAC9Ca,gBAAgBb,gBAAgB;YAAC;YAAQ;YAAM;YAAK;YAAK;YAAK;SAAK,EAAE;QACrEc,cAAcd,gBAAgB;YAAC;YAAQ;YAAM;YAAK;YAAK;YAAK;SAAK,EAAE;IACrE;AACF;AAEA,MAAMe,WAAW,CAACC;IAChB,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGF;IAE/B,qBACE;;0BACE,sBAACN,YAAG,0CAAKM;;kCACP,qBAACG,sBAAa;wBAACC,OAAM;;kCACrB,qBAACC;kCACD,qBAACF,sBAAa;wBAACC,OAAM;;;;0BAGvB,qBAACC;0BACD,qBAACA;0BACD,sBAACC;;oBAAG;oBAAYN,KAAKJ,SAAS;;;0BAC9B,sBAACU;;oBAAG;oBAAQN,KAAKF,YAAY;;;0BAC7B,sBAACQ;;oBAAG;oBAAUN,KAAKH,cAAc;;;0BACjC,sBAACS;;oBAAG;oBAAYN,KAAKC,SAAS;;;;;AAGpC;AAEO,MAAMlB,cAAcgB,SAASQ,IAAI,CAAC,CAAC;AAE1CxB,YAAYiB,IAAI,GAAG;IACjBJ,WAAW;IACXE,cAAc;IACdD,gBAAgB;IAChBI,WAAW;AACb"}