intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/UI/UserBox/UserBox.scss

@@ -1,4 +1,28 @@
 .td-user-box {
+  --userbox-avatar-width: 24px;
+  --userbox-avatar-height: 24px;
+  --userbox-avatar-font-size: 16px;
+  --userbox-avatar-font-weight: 400;
+  --userbox-avatar-color: #fff;
+  --userbox-avatar-border-radius: 30px;
+
+  --userbox-user-data-padding-left: 8px;
+  --userbox-user-data-font-family: sarabun;
+  --userbox-user-data-font-size: 12px;
+  --userbox-user-data-font-weight: 400;
+  --userbox-user-data-line-height: 18px;
+  --userbox-user-data-letter-spacing: 0.2px;
+
+  --userbox-button-link-height: unset;
+  --userbox-button-link-padding-left: 8px;
+  --userbox-button-link-font-size: 14px;
+  --userbox-button-link-font-weight: 400;
+
+  --userbox-label-margin-bottom: 0;
+  --userbox-label-margin-left: 8px;
+  --userbox-label-font-size: 14px;
+  --userbox-label-font-weight: 400;
+  --userbox-label-color: #171d33;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -8,15 +32,15 @@
     justify-content: center;
     align-items: center;
 
-    width: 24px;
-    height: 24px;
+    width: var(--userbox-avatar-width, 24px);
+    height: var(--userbox-avatar-height, 24px);
 
-    font-size: 16px;
-    font-weight: 400;
+    font-size: var(--userbox-avatar-font-size, 16px);
+    font-weight: var(--userbox-avatar-font-weight, 400);
     user-select: none;
 
-    color: #fff;
-    border-radius: 30px;
+    color: var(--userbox-avatar-color, #fff);
+    border-radius: var(--userbox-avatar-border-radius, 30px);
   }
 
   &__user-data {
@@ -24,32 +48,32 @@
     flex-direction: column;
 
     span {
-      padding-left: 8px;
+      padding-left: var(--userbox-user-data-padding-left, 8px);
 
-      font-family: Sarabun;
-      font-size: 12px;
-      font-weight: 400;
+      font-family: var(--userbox-user-data-font-family, sarabun);
+      font-size: var(--userbox-user-data-font-size, 12px);
+      font-weight: var(--userbox-user-data-font-weight, 400);
       font-style: normal;
-      line-height: 18px; /* 150% */
-      letter-spacing: 0.2px;
+      line-height: var(--userbox-user-data-line-height, 18px);
+      letter-spacing: var(--userbox-user-data-letter-spacing, 0.2px);
     }
   }
 
   .button_link {
-    height: unset;
-    padding-left: 8px;
+    height: var(--userbox-button-link-height, unset);
+    padding-left: var(--userbox-button-link-padding-left, 8px);
 
-    font-size: 14px;
-    font-weight: 400;
+    font-size: var(--userbox-button-link-font-size, 14px);
+    font-weight: var(--userbox-button-link-font-weight, 400);
   }
 
   .label {
-    margin-bottom: 0;
-    margin-left: 8px;
+    margin-bottom: var(--userbox-label-margin-bottom, 0);
+    margin-left: var(--userbox-label-margin-left, 8px);
 
-    font-size: 14px;
-    font-weight: 400;
+    font-size: var(--userbox-label-font-size, 14px);
+    font-weight: var(--userbox-label-font-weight, 400);
 
-    color: #171d33;
+    color: var(--userbox-label-color, #171d33);
   }
 }

package/dist/Atomic/UI/UserBox/UserBox.test.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("@testing-library/react");
-const _utils = /*#__PURE__*/ _interop_require_wildcard(require("../../../Functions/utils"));
+const _utils = /*#__PURE__*/ _interop_require_wildcard(require("@/Functions/utils"));
 const _UserBox = /*#__PURE__*/ _interop_require_default(require("./UserBox"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -52,7 +52,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-jest.mock('../../../Functions/utils', ()=>({
+jest.mock('@/Functions/utils', ()=>({
         getColorById: jest.fn()
     }));
 describe('userBox', ()=>{

package/dist/Atomic/UI/WizardStepper/constructor.js

@@ -1,94 +1,132 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.mockData = exports.WIZARD_STEP_VARIANTS = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Status = _interopRequireDefault(require("../Status/Status"));
-const WIZARD_STEP_VARIANTS = exports.WIZARD_STEP_VARIANTS = Object.freeze({
-  DEFAULT: 'default',
-  DONE: 'done',
-  ACTIVE: 'active'
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    WIZARD_STEP_VARIANTS: function() {
+        return WIZARD_STEP_VARIANTS;
+    },
+    mockData: function() {
+        return mockData;
+    }
 });
-const JSXMockComponent = () => {
-  const arr = [{
-    title: 'Requested Amont',
-    value: '$15,000'
-  }, {
-    title: 'Repayment Amount',
-    value: '$15,001'
-  }, {
-    title: 'Repayment Date',
-    value: '12/12/2021'
-  }];
-  const textStyles = {
-    fontSize: '14px',
-    fontWeight: 400,
-    lineHeight: '20px',
-    letterSpacing: '0.2px'
-  };
-  return arr.map(row => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        maxWidth: '250px'
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      style: textStyles
-    }, row.title), /*#__PURE__*/_react.default.createElement("span", {
-      style: textStyles
-    }, row.value));
-  });
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const WIZARD_STEP_VARIANTS = Object.freeze({
+    DEFAULT: 'default',
+    DONE: 'done',
+    ACTIVE: 'active'
+});
+const JSXMockComponent = ()=>{
+    const arr = [
+        {
+            title: 'Requested Amont',
+            value: '$15,000'
+        },
+        {
+            title: 'Repayment Amount',
+            value: '$15,001'
+        },
+        {
+            title: 'Repayment Date',
+            value: '12/12/2021'
+        }
+    ];
+    const textStyles = {
+        fontSize: '14px',
+        fontWeight: 400,
+        lineHeight: '20px',
+        letterSpacing: '0.2px'
+    };
+    return arr.map((row)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            style: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                maxWidth: '250px'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    style: textStyles,
+                    children: row.title
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    style: textStyles,
+                    children: row.value
+                })
+            ]
+        });
+    });
 };
-const mockData = exports.mockData = [{
-  key: 'businessInfo',
-  label: 'Provide Business Info',
-  description: 'This information will help us to evaluate your application',
-  isFinished: true
-}, {
-  key: 'principal',
-  label: 'Add Principal Information',
-  description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
-  isFinished: true,
-  isOptional: true
-}, {
-  key: 'coOwners',
-  label: 'Add Co-Owners',
-  description: '{merchantName} will receive that amount from {lenderNmae}',
-  isActive: true,
-  titleSlot: /*#__PURE__*/_react.default.createElement("span", {
-    className: "custom-title-slot"
-  }, "$15,001"),
-  contentSlot: /*#__PURE__*/_react.default.createElement(JSXMockComponent, null)
-}, {
-  key: 'bankAccount',
-  label: 'Add a Bank Account',
-  description: 'Your bank account information will be used to securely and automatically transfer the funds',
-  titleSlot: /*#__PURE__*/_react.default.createElement(_Status.default, {
-    label: "Some JSX",
-    status: "draft"
-  })
-}, {
-  key: 'documents',
-  label: 'Upload Documents',
-  description: 'Please upload the required documents'
-}, {
-  key: 'review',
-  label: 'Review & Submit',
-  description: 'Please review the information and submit your application'
-}, {
-  key: 'success',
-  label: 'Success',
-  description: 'Your application has been submitted successfully'
-}, {
-  key: 'failure',
-  label: 'Failure',
-  description: 'Your application has been failed'
-}, {
-  key: 'pending',
-  label: 'Pending',
-  description: 'Your application is under review'
-}];
+const mockData = [
+    {
+        key: 'businessInfo',
+        label: 'Provide Business Info',
+        description: 'This information will help us to evaluate your application',
+        isFinished: true
+    },
+    {
+        key: 'principal',
+        label: 'Add Principal Information',
+        description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
+        isFinished: true,
+        isOptional: true
+    },
+    {
+        key: 'coOwners',
+        label: 'Add Co-Owners',
+        description: '{merchantName} will receive that amount from {lenderNmae}',
+        isActive: true,
+        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            className: "custom-title-slot",
+            children: "$15,001"
+        }),
+        contentSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(JSXMockComponent, {})
+    },
+    {
+        key: 'bankAccount',
+        label: 'Add a Bank Account',
+        description: 'Your bank account information will be used to securely and automatically transfer the funds',
+        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
+            label: "Some JSX",
+            status: "draft"
+        })
+    },
+    {
+        key: 'documents',
+        label: 'Upload Documents',
+        description: 'Please upload the required documents'
+    },
+    {
+        key: 'review',
+        label: 'Review & Submit',
+        description: 'Please review the information and submit your application'
+    },
+    {
+        key: 'success',
+        label: 'Success',
+        description: 'Your application has been submitted successfully'
+    },
+    {
+        key: 'failure',
+        label: 'Failure',
+        description: 'Your application has been failed'
+    },
+    {
+        key: 'pending',
+        label: 'Pending',
+        description: 'Your application is under review'
+    }
+];

package/dist/Atomic/UI/WizardStepper/index.js

@@ -1,9 +1,17 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _ui = _interopRequireDefault(require("./ui"));
-var _default = exports.default = _ui.default;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _ui = /*#__PURE__*/ _interop_require_default(require("./ui"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _ui.default;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js

@@ -1,59 +1,61 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.StateIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+Object.defineProperty(exports, "StateIcon", {
+    enumerable: true,
+    get: function() {
+        return StateIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 require("./StateIcon.scss");
-var _constructor = require("../../constructor");
-const DefaultPoint = () => {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "8",
-    cy: "8",
-    r: "4"
-  }));
+const _constructor = require("../../constructor");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DefaultPoint = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+            cx: "8",
+            cy: "8",
+            r: "4"
+        })
+    });
 };
-const DonePoint = () => {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M12.5 5L7 10.5L4 7.5",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+const DonePoint = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            d: "M12.5 5L7 10.5L4 7.5",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
 };
 const RC = 'state-icon';
-const {
-  ACTIVE,
-  DEFAULT,
-  DONE
-} = _constructor.WIZARD_STEP_VARIANTS;
-const StateIcon = _ref => {
-  let {
-    variant = DEFAULT,
-    className
-  } = _ref;
-  const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
-  const Inner = {
-    [DEFAULT]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
-    [ACTIVE]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
-    // with styles bg
-    [DONE]: /*#__PURE__*/_react.default.createElement(DonePoint, null)
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, `${RC}--${computedState}`, className)
-  }, Inner[computedState]);
+const { ACTIVE, DEFAULT, DONE } = _constructor.WIZARD_STEP_VARIANTS;
+const StateIcon = ({ variant = DEFAULT, className })=>{
+    const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
+    const Inner = {
+        [DEFAULT]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultPoint, {}),
+        [ACTIVE]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultPoint, {}),
+        [DONE]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DonePoint, {})
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: (0, _classnames.default)(RC, `${RC}--${computedState}`, className),
+        children: Inner[computedState]
+    });
 };
-exports.StateIcon = StateIcon;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.scss

@@ -1,33 +1,37 @@
 .state-icon {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   width: 20px;
   height: 20px;
+
   border-radius: 16px;
 
   svg {
-    stroke: #656E7A;
-    fill:  #656E7A;
+    stroke: #656e7a;
+
+    fill: #656e7a;
   }
 
   &--done,
   &--active {
-    background-color: #EAF2FF;
+    background-color: #eaf2ff;
   }
 
   &--done {
     svg {
-      stroke: #1F7499;
-      fill:  none;
+      stroke: #1f7499;
+
+      fill: none;
     }
   }
 
   &--active {
     svg {
       stroke: #000;
-      fill:  #000;
+
+      fill: #000;
     }
   }
 }

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js

@@ -1,8 +1,12 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _StateIcon = require("./StateIcon");
-var _default = exports.default = _StateIcon.StateIcon;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _StateIcon = require("./StateIcon");
+const _default = _StateIcon.StateIcon;