@datability/8ui 0.1.18 → 0.1.19

package/dist/components/Button/index.js

@@ -4,13 +4,13 @@ import React from 'react';
 // Include in project
 import './index.scss';
 var Button = function (_a) {
-    var name = _a.name, _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick, StartIcon = _a.startIcon, EndIcon = _a.endIcon, className = _a.className, style = _a.style;
-    return (React.createElement("button", { type: type, className: "DBui-button ".concat(className ? className : ''), onClick: onClick && onClick, disabled: disabled, style: style ? style : {} },
+    var name = _a.name, _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick, StartIcon = _a.startIcon, EndIcon = _a.endIcon, className = _a.className, style = _a.style, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d;
+    return (React.createElement("button", { type: type, className: "DBui-button ".concat(className ? className : ''), onClick: onClick && onClick, disabled: isLoading || disabled, style: style ? style : {} }, isLoading ? (React.createElement("div", { className: "DBui-loaderSpinButton" })) : (React.createElement(React.Fragment, null,
         StartIcon && typeof StartIcon === 'string' && React.createElement("img", { src: StartIcon, alt: "startIcon" }),
         StartIcon && typeof StartIcon !== 'string' && React.createElement(StartIcon, { alt: "startIcon" }),
         name,
         EndIcon && typeof EndIcon === 'string' && React.createElement("img", { src: EndIcon, alt: "endIcon" }),
-        EndIcon && typeof EndIcon !== 'string' && React.createElement(EndIcon, { alt: "endIcon" })));
+        EndIcon && typeof EndIcon !== 'string' && React.createElement(EndIcon, { alt: "endIcon" })))));
 };
 export default Button;
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,MAAM,GAA0B,UAAC,EAStC;QARC,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,SAAS,eAAA,EACX,OAAO,aAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,sBAAe,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QAExB,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACrF,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,oBAAC,SAAS,IAAC,GAAG,EAAC,WAAW,GAAG;QAC3E,IAAI;QACJ,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QAC7E,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,oBAAC,OAAO,IAAC,GAAG,EAAC,SAAS,GAAG,CAC7D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,MAAM,GAA0B,UAAC,EAUtC;QATC,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,SAAS,eAAA,EACX,OAAO,aAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,sBAAe,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,SAAS,IAAI,QAAQ,EAC/B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAExB,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,uBAAuB,GAAG,CAC1C,CAAC,CAAC,CAAC,CACF;QACG,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACrF,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,oBAAC,SAAS,IAAC,GAAG,EAAC,WAAW,GAAG;QAC3E,IAAI;QACJ,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QAC7E,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,oBAAC,OAAO,IAAC,GAAG,EAAC,SAAS,GAAG,CACnE,CACJ,CACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/Button/index.scss

@@ -19,4 +19,22 @@
     cursor: not-allowed;
     opacity: 0.5;
   }
+  
+  .DBui-loaderSpinButton {
+    width: 30px;
+    height: 30px;
+    border: 3px solid #aaaaae;
+    border-bottom-color: #FFFFFF;
+    border-radius: 50%;
+    animation: rotation 1s linear infinite;
+
+    @keyframes rotation {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+  }
 }

package/dist/components/Button/index.type.d.ts

@@ -8,4 +8,5 @@ export type PropsButton = {
     endIcon?: string | ElementType;
     className?: string;
     style?: CSSProperties;
+    isLoading?: boolean;
 };

package/dist/components/InputNonContext/InputSwitch/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+import type { PropsInputNonContextSwitch } from './index.type';
+declare const InputNonContextSwitch: React.FC<PropsInputNonContextSwitch>;
+export default InputNonContextSwitch;

package/dist/components/InputNonContext/InputSwitch/index.js

@@ -0,0 +1,19 @@
+// Lib
+import React from 'react';
+// Images
+// Include in project
+import './index.scss';
+var InputNonContextSwitch = function (_a) {
+    var value = _a.value, onChange = _a.onChange, checked = _a.checked, disabled = _a.disabled;
+    return (React.createElement("div", { className: "DBui-wrapInputList", "data-disabled": disabled },
+        React.createElement("label", { className: "DBui-switch" },
+            React.createElement("span", { className: "DBui-minus" }),
+            React.createElement("span", { className: "DBui-miniCircle" }),
+            React.createElement("input", { type: "checkbox", checked: Boolean(checked), onChange: function (e) {
+                    e.stopPropagation();
+                    onChange === null || onChange === void 0 ? void 0 : onChange();
+                }, disabled: disabled, value: value }),
+            React.createElement("span", { className: "DBui-slider" }))));
+};
+export default InputNonContextSwitch;
+//# sourceMappingURL=index.js.map

package/dist/components/InputNonContext/InputSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InputNonContext/InputSwitch/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,qBAAqB,GAAyC,UAAC,EAKpE;QAJC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB,mBAAgB,QAAQ;QACzD,+BAAO,SAAS,EAAC,aAAa;YAC5B,8BAAM,SAAS,EAAC,YAAY,GAAQ;YACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAQ;YACzC,+BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EACzB,QAAQ,EAAE,UAAC,CAAC;oBACV,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;gBACd,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAM,SAAS,EAAC,aAAa,GAAQ,CAC/B,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/components/InputNonContext/InputSwitch/index.scss

@@ -0,0 +1,84 @@
+.DBui-switch {
+    position: relative;
+    display: inline-block;
+    width: 51px;
+    height: 28px;
+
+    input {
+        opacity: 0;
+        width: 0;
+        height: 0;
+    }
+
+    .DBui-minus {
+        position: absolute;
+        height: 9px;
+        width: 1px;
+        left: 18px;
+        bottom: 9px;
+        background-color: #1C1C1E;
+        z-index: 1;
+        border-radius: 999px;
+    }
+
+    .DBui-miniCircle {
+        position: absolute;
+        border-radius: 100%;
+        height: 7px;
+        width: 7px;
+        right: 11px;
+        bottom: 10px;
+        box-shadow: 0 0 0px 1px #000000;
+        z-index: 1;
+    }
+
+    .DBui-slider {
+        border-radius: 34px;
+
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #AAAAAA;
+        -webkit-transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
+        transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
+
+        &:before {
+            border-radius: 50%;
+            z-index: 2;
+
+            position: absolute;
+            content: '';
+            height: 20px;
+            width: 20px;
+            left: 4px;
+            bottom: 4px;
+            background-color: #1C1C1E;
+            box-shadow: 0px 0.31px 10px 0px #00000004;
+            -webkit-transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
+            transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
+        }
+    }
+
+    input:checked+.DBui-slider {
+        background-color: #6F5EE0;
+    }
+
+    input:checked+.DBui-slider:before {
+        -webkit-transform: translateX(22px);
+        -ms-transform: translateX(22px);
+        transform: translateX(22px);
+    }
+
+    .DBui-wrapInputList {
+        display: flex;
+        flex-direction: row;
+
+        &[data-disabled='true'] {
+            opacity: 0.6;
+            pointer-events: none;
+        }
+    }
+}

package/dist/components/InputNonContext/InputSwitch/index.type.d.ts

@@ -0,0 +1,6 @@
+export type PropsInputNonContextSwitch = {
+    disabled?: boolean;
+    onChange: () => void;
+    checked: boolean;
+    value: string;
+};

package/dist/components/InputNonContext/InputSwitch/index.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.type.js.map

package/dist/components/InputNonContext/InputSwitch/index.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/InputNonContext/InputSwitch/index.type.tsx"],"names":[],"mappings":""}

package/dist/components/index.d.ts

@@ -27,6 +27,8 @@ export { default as InputSelect } from './Input/InputSelect';
 export type { PropsInputSelect } from './Input/InputSelect/index.type';
 export { default as InputAutoComplete } from './Input/InputAutoComplete';
 export type { PropsInputAutoComplete } from './Input/InputAutoComplete/index.type';
+export { default as InputSwitch } from './InputNonContext/InputSwitch';
+export type { PropsInputNonContextSwitch } from './InputNonContext/InputSwitch/index.type';
 export type TValueOption = string | number;
 export type TOption = {
     label: string;

package/dist/components/index.js

@@ -13,6 +13,7 @@ export { default as InputCheckbox } from './Input/InputCheckbox';
 export { default as InputTextarea } from './Input/InputTextarea';
 export { default as InputSelect } from './Input/InputSelect';
 export { default as InputAutoComplete } from './Input/InputAutoComplete';
+export { default as InputSwitch } from './InputNonContext/InputSwitch';
 // Context
 export { DBuiContext, DBuiProvider } from './context';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA,CAAC,mCAAmC;AAGtF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA,CAAC,+BAA+B;AAGxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA,CAAC,kCAAkC;AAG7E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAGrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAUxE,UAAU;AACV,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA,CAAC,mCAAmC;AAGtF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA,CAAC,+BAA+B;AAGxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA,CAAC,kCAAkC;AAG7E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAGrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAUtE,UAAU;AACV,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datability/8ui",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "",
   "main": "dist/components/index.js",
   "types": "dist/components/index.d.ts",