blixify-ui-web 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/action/button/index.d.ts +1 -1
- package/lib/components/action/button/index.d.ts.map +1 -1
- package/lib/components/action/button/index.js +1 -1
- package/lib/components/action/button/index.js.map +1 -1
- package/lib/components/auth/signIn/index.d.ts +32 -0
- package/lib/components/auth/signIn/index.d.ts.map +1 -0
- package/lib/components/auth/signIn/index.js +165 -0
- package/lib/components/auth/signIn/index.js.map +1 -0
- package/lib/components/auth/signUp/index.d.ts +41 -0
- package/lib/components/auth/signUp/index.d.ts.map +1 -0
- package/lib/components/auth/signUp/index.js +149 -0
- package/lib/components/auth/signUp/index.js.map +1 -0
- package/lib/components/display/stepper/index.d.ts +19 -0
- package/lib/components/display/stepper/index.d.ts.map +1 -0
- package/lib/components/display/stepper/index.js +111 -0
- package/lib/components/display/stepper/index.js.map +1 -0
- package/lib/components/display/table/index.d.ts +1 -0
- package/lib/components/display/table/index.d.ts.map +1 -1
- package/lib/components/display/table/index.js +37 -4
- package/lib/components/display/table/index.js.map +1 -1
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +7 -1
- package/lib/components/index.js.map +1 -1
- package/lib/components/input/address/index.js +1 -1
- package/lib/components/input/address/index.js.map +1 -1
- package/lib/components/input/textInput/index.js +1 -1
- package/lib/components/input/textInput/index.js.map +1 -1
- package/lib/components/navigation/leftNav/index.d.ts +24 -0
- package/lib/components/navigation/leftNav/index.d.ts.map +1 -0
- package/lib/components/navigation/leftNav/index.js +91 -0
- package/lib/components/navigation/leftNav/index.js.map +1 -0
- package/package.json +2 -1
|
@@ -2,7 +2,7 @@ import { Component, ReactElement } from "react";
|
|
|
2
2
|
import "../../../index.css";
|
|
3
3
|
interface Props {
|
|
4
4
|
text: string;
|
|
5
|
-
type: "normal" | "dark" | "light" | "
|
|
5
|
+
type: "normal" | "dark" | "light" | "icon";
|
|
6
6
|
icon?: ReactElement;
|
|
7
7
|
size?: string;
|
|
8
8
|
disable?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,MAAM;CAmDP"}
|
|
@@ -71,7 +71,7 @@ var Button = /** @class */ (function (_super) {
|
|
|
71
71
|
defaultClassName +=
|
|
72
72
|
" bg-white shadow-md text-primary-600 hover:bg-gray-100 focus:ring-primary-700 ";
|
|
73
73
|
break;
|
|
74
|
-
case "
|
|
74
|
+
case "icon":
|
|
75
75
|
defaultClassName +=
|
|
76
76
|
" bg-white border-2 border-gray-200 text-gray-700 hover:bg-gray-100 focus:ring-primary-600 ";
|
|
77
77
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAY5B;IAA4B,0BAAgB;IAA5C;;IAoDA,CAAC;IAnDC,uBAAM,GAAN;;QACE,IAAI,WAAW,GAAG,WAAW,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC/B,WAAW,GAAG,WAAW,CAAC;SAC3B;QAED,IAAI,aAAa,GAAG,QAAQ,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,aAAa,GAAG,+BAA+B,CAAC;SACjD;QAED,IAAI,gBAAgB,GAAG,2BAAoB,aAAa,iCAAuB,WAAW,+FAA4F,CAAC;QAEvL,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,QAAQ;oBACX,gBAAgB;wBACd,yEAAyE,CAAC;oBAC5E,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,0EAA0E,CAAC;oBAC7E,MAAM;gBACR,KAAK,OAAO;oBACV,gBAAgB;wBACd,gFAAgF,CAAC;oBACnF,MAAM;gBACR,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAY5B;IAA4B,0BAAgB;IAA5C;;IAoDA,CAAC;IAnDC,uBAAM,GAAN;;QACE,IAAI,WAAW,GAAG,WAAW,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC/B,WAAW,GAAG,WAAW,CAAC;SAC3B;QAED,IAAI,aAAa,GAAG,QAAQ,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,aAAa,GAAG,+BAA+B,CAAC;SACjD;QAED,IAAI,gBAAgB,GAAG,2BAAoB,aAAa,iCAAuB,WAAW,+FAA4F,CAAC;QAEvL,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,QAAQ;oBACX,gBAAgB;wBACd,yEAAyE,CAAC;oBAC5E,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,0EAA0E,CAAC;oBAC7E,MAAM;gBACR,KAAK,OAAO;oBACV,gBAAgB;wBACd,gFAAgF,CAAC;oBACnF,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,4FAA4F,CAAC;oBAC/F,MAAM;aACT;SACF;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;SAChD;QAED,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE7D,uCAAK,SAAS,EAAC,2CAA2C,IACvD,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,IAAI;gBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACC,CACV,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AApDD,CAA4B,iBAAS,GAoDpC;AApDY,wBAAM"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React, { Component } from "react";
|
|
2
|
+
export declare let AvailableProvider: "google" | "email" | "phone";
|
|
3
|
+
export declare enum SignInType {
|
|
4
|
+
SIGNIN = "signIn",
|
|
5
|
+
RESETPASSWORD = "resetPassword"
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
type: typeof AvailableProvider;
|
|
9
|
+
provider: typeof AvailableProvider[];
|
|
10
|
+
leftComponents: React.ReactElement[] | React.ReactElement;
|
|
11
|
+
version?: string;
|
|
12
|
+
onChangeProvider: (provider: typeof AvailableProvider) => void;
|
|
13
|
+
}
|
|
14
|
+
interface State {
|
|
15
|
+
type: SignInType;
|
|
16
|
+
}
|
|
17
|
+
export declare class SignInTemplate extends Component<Props> {
|
|
18
|
+
private formRef;
|
|
19
|
+
private input1;
|
|
20
|
+
private input2;
|
|
21
|
+
state: State;
|
|
22
|
+
handleChangeAuthType: (value: SignInType) => void;
|
|
23
|
+
handleChangePhoneProvider: () => void;
|
|
24
|
+
renderOtherProvidedContent: () => JSX.Element[];
|
|
25
|
+
renderContent: () => JSX.Element;
|
|
26
|
+
renderResetPasswordContent: () => JSX.Element;
|
|
27
|
+
renderSignInContent: () => JSX.Element;
|
|
28
|
+
renderAuthButton: () => JSX.Element;
|
|
29
|
+
render(): JSX.Element;
|
|
30
|
+
}
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/signIn/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAMpD,eAAO,IAAI,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,cAAc,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAClD,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,MAAM,CAAoB;IAElC,KAAK,EAAE,KAAK,CAEV;IAEF,oBAAoB,UAAW,UAAU,UAIvC;IAEF,yBAAyB,aAGvB;IAEF,0BAA0B,sBAgDxB;IAEF,aAAa,oBAOX;IAEF,0BAA0B,oBAkBxB;IAEF,mBAAmB,oBAkDjB;IAEF,gBAAgB,oBAwCd;IAEF,MAAM;CAqCP"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
+
};
|
|
43
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
+
exports.SignInTemplate = exports.SignInType = exports.AvailableProvider = void 0;
|
|
45
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
46
|
+
var react_1 = __importStar(require("react"));
|
|
47
|
+
var logo_google_png_1 = __importDefault(require("../../../assets/logo_google.png"));
|
|
48
|
+
var button_1 = require("../../action/button");
|
|
49
|
+
var form_1 = require("../../input/form");
|
|
50
|
+
var textInput_1 = require("../../input/textInput");
|
|
51
|
+
var SignInType;
|
|
52
|
+
(function (SignInType) {
|
|
53
|
+
SignInType["SIGNIN"] = "signIn";
|
|
54
|
+
SignInType["RESETPASSWORD"] = "resetPassword";
|
|
55
|
+
})(SignInType = exports.SignInType || (exports.SignInType = {}));
|
|
56
|
+
var SignInTemplate = /** @class */ (function (_super) {
|
|
57
|
+
__extends(SignInTemplate, _super);
|
|
58
|
+
function SignInTemplate() {
|
|
59
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
60
|
+
_this.formRef = (0, react_1.createRef)();
|
|
61
|
+
_this.input1 = (0, react_1.createRef)();
|
|
62
|
+
_this.input2 = (0, react_1.createRef)();
|
|
63
|
+
_this.state = {
|
|
64
|
+
type: SignInType.SIGNIN,
|
|
65
|
+
};
|
|
66
|
+
_this.handleChangeAuthType = function (value) {
|
|
67
|
+
_this.setState({
|
|
68
|
+
type: value,
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
_this.handleChangePhoneProvider = function () {
|
|
72
|
+
_this.handleChangeAuthType(SignInType.SIGNIN);
|
|
73
|
+
_this.props.onChangeProvider("phone");
|
|
74
|
+
};
|
|
75
|
+
_this.renderOtherProvidedContent = function () {
|
|
76
|
+
var otherProviderList = [];
|
|
77
|
+
_this.props.provider.map(function (eachProvider) {
|
|
78
|
+
if (_this.props.type !== eachProvider) {
|
|
79
|
+
switch (eachProvider) {
|
|
80
|
+
case "email":
|
|
81
|
+
otherProviderList.push(react_1.default.createElement(button_1.Button, { type: "icon", key: eachProvider, className: "w-full", text: "Sign In With Email", onClick: _this.props.onChangeProvider.bind(_this, "email"), icon: react_1.default.createElement(outline_1.EnvelopeIcon, { className: "h-6 w-6 mr-3" }) }));
|
|
82
|
+
break;
|
|
83
|
+
case "google":
|
|
84
|
+
otherProviderList.push(react_1.default.createElement(button_1.Button, { type: "icon", key: eachProvider, className: "w-full", text: "Sign In With Google", icon: react_1.default.createElement("img", { src: logo_google_png_1.default, alt: "", className: "h-6 w-6 mr-3" }) }));
|
|
85
|
+
break;
|
|
86
|
+
case "phone":
|
|
87
|
+
otherProviderList.push(react_1.default.createElement(button_1.Button, { type: "icon", key: eachProvider, className: "w-full", text: "Sign In With Phone", onClick: _this.handleChangePhoneProvider, icon: react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { className: "h-6 w-6 mr-3" }) }));
|
|
88
|
+
break;
|
|
89
|
+
default:
|
|
90
|
+
break;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
return null;
|
|
94
|
+
});
|
|
95
|
+
return otherProviderList;
|
|
96
|
+
};
|
|
97
|
+
_this.renderContent = function () {
|
|
98
|
+
switch (_this.state.type) {
|
|
99
|
+
case SignInType.SIGNIN:
|
|
100
|
+
return _this.renderSignInContent();
|
|
101
|
+
case SignInType.RESETPASSWORD:
|
|
102
|
+
return _this.renderResetPasswordContent();
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
_this.renderResetPasswordContent = function () {
|
|
106
|
+
return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: [_this.input1, _this.input2], ref: _this.formRef },
|
|
107
|
+
react_1.default.createElement(textInput_1.TextInput, { ref: _this.input1, id: "email", value: "", type: "email", label: "Email", placeholder: "test@gmail.com" }),
|
|
108
|
+
_this.renderAuthButton()));
|
|
109
|
+
};
|
|
110
|
+
_this.renderSignInContent = function () {
|
|
111
|
+
switch (_this.props.type) {
|
|
112
|
+
case "email":
|
|
113
|
+
return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: [_this.input1, _this.input2], ref: _this.formRef },
|
|
114
|
+
react_1.default.createElement(textInput_1.TextInput, { ref: _this.input1, id: "email", value: "", type: "email", label: "Email", placeholder: "test@gmail.com" }),
|
|
115
|
+
react_1.default.createElement(textInput_1.TextInput, { ref: _this.input2, id: "password", value: "", type: "password", label: "Password", placeholder: "******" }),
|
|
116
|
+
_this.renderAuthButton()));
|
|
117
|
+
case "phone":
|
|
118
|
+
return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: [_this.input1, _this.input2], ref: _this.formRef },
|
|
119
|
+
react_1.default.createElement(textInput_1.TextInput, { ref: _this.input1, id: "email", value: "", type: "mobile", label: "Phone", placeholder: "+60123456789" }),
|
|
120
|
+
_this.renderAuthButton()));
|
|
121
|
+
default:
|
|
122
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
_this.renderAuthButton = function () {
|
|
126
|
+
var rememberText = _this.state.type === SignInType.SIGNIN
|
|
127
|
+
? "Forgot Your Password?"
|
|
128
|
+
: "Remembered Your Password?";
|
|
129
|
+
var buttonText = _this.state.type === SignInType.SIGNIN ? "Sign In" : "Reset Password";
|
|
130
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
131
|
+
_this.props.type === "email" && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
|
|
132
|
+
react_1.default.createElement("span", { className: "text-base text-primary-600 cursor-pointer", onClick: _this.handleChangeAuthType.bind(_this, _this.state.type === SignInType.SIGNIN
|
|
133
|
+
? SignInType.RESETPASSWORD
|
|
134
|
+
: SignInType.SIGNIN) }, rememberText))),
|
|
135
|
+
react_1.default.createElement("div", { className: "justify-end sm:col-span-2 sm:flex sm:ml-8" },
|
|
136
|
+
react_1.default.createElement("div", { className: "hidden sm:block" }),
|
|
137
|
+
react_1.default.createElement(button_1.Button, { className: "w-full mt-4 sm:w-1/2", text: buttonText, size: "small", type: "normal", onClick: function () {
|
|
138
|
+
var _a;
|
|
139
|
+
(_a = _this.formRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit();
|
|
140
|
+
} }))));
|
|
141
|
+
};
|
|
142
|
+
return _this;
|
|
143
|
+
}
|
|
144
|
+
SignInTemplate.prototype.render = function () {
|
|
145
|
+
return (react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3" },
|
|
146
|
+
react_1.default.createElement("div", { className: "relative overflow-hidden py-10 px-6 bg-gray-50 sm:px-10 xl:p-12" }, this.props.leftComponents),
|
|
147
|
+
react_1.default.createElement("div", { className: "py-10 px-6 sm:px-10 lg:col-span-2 xl:p-12" },
|
|
148
|
+
this.renderContent(),
|
|
149
|
+
react_1.default.createElement("div", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" },
|
|
150
|
+
this.props.provider.length > 1 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
151
|
+
react_1.default.createElement("div", { className: "flex flex-row items-center sm:col-span-2 mt-2" },
|
|
152
|
+
react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" }),
|
|
153
|
+
react_1.default.createElement("span", { className: "text-sm px-2 text-gray-500" }, "Or Continue With"),
|
|
154
|
+
react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" })),
|
|
155
|
+
this.props.provider.length <= 2 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
|
|
156
|
+
this.renderOtherProvidedContent())),
|
|
157
|
+
this.props.version && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
|
|
158
|
+
react_1.default.createElement("span", { className: "text-xs text-gray-500" },
|
|
159
|
+
"Version ",
|
|
160
|
+
this.props.version)))))));
|
|
161
|
+
};
|
|
162
|
+
return SignInTemplate;
|
|
163
|
+
}(react_1.Component));
|
|
164
|
+
exports.SignInTemplate = SignInTemplate;
|
|
165
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/auth/signIn/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, LegacyRef, ReactElement } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
import { Form } from "../../input/form";
|
|
4
|
+
import { AvailableProvider } from "../signIn";
|
|
5
|
+
export declare enum SignUpType {
|
|
6
|
+
SIGNUP = "signUp",
|
|
7
|
+
SIGNUPOPTIONS = "signUpOptions"
|
|
8
|
+
}
|
|
9
|
+
interface Steps {
|
|
10
|
+
refs: any[];
|
|
11
|
+
formRef: LegacyRef<Form>;
|
|
12
|
+
components: JSX.Element[];
|
|
13
|
+
onHandleComponents: () => void;
|
|
14
|
+
}
|
|
15
|
+
interface FormList {
|
|
16
|
+
steps: Steps[];
|
|
17
|
+
}
|
|
18
|
+
interface Props {
|
|
19
|
+
type: typeof AvailableProvider;
|
|
20
|
+
provider: typeof AvailableProvider[];
|
|
21
|
+
stepIndex: number;
|
|
22
|
+
formList: FormList;
|
|
23
|
+
leftComponents: ReactElement[];
|
|
24
|
+
version?: string;
|
|
25
|
+
handleUpdateStepIndex: (index: number) => void;
|
|
26
|
+
onChangeProvider: (provider: typeof AvailableProvider) => void;
|
|
27
|
+
}
|
|
28
|
+
interface State {
|
|
29
|
+
type: SignUpType;
|
|
30
|
+
}
|
|
31
|
+
export declare class SignUpTemplate extends Component<Props> {
|
|
32
|
+
state: State;
|
|
33
|
+
handleSelectSignUpOptions: (signUpOpts: SignUpType, provider: typeof AvailableProvider | "") => void;
|
|
34
|
+
renderSignUpSteps: () => JSX.Element;
|
|
35
|
+
renderEachProvider: (eachProvider: any, type: "normal" | "dark" | "light" | "icon") => JSX.Element;
|
|
36
|
+
renderOtherProvidedContent: () => JSX.Element[];
|
|
37
|
+
renderContent: () => JSX.Element;
|
|
38
|
+
render(): JSX.Element;
|
|
39
|
+
}
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,aAAa,kBAAkB;CAChC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAClD,KAAK,EAAE,KAAK,CAEV;IAEF,yBAAyB,eACX,UAAU,YACZ,wBAAwB,GAAG,EAAE,UAYvC;IAEF,iBAAiB,oBAOf;IAEF,kBAAkB,4BAEV,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,iBAmD1C;IAEF,0BAA0B,sBAUxB;IAEF,aAAa,oBAwCX;IAEF,MAAM;CAwEP"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
+
};
|
|
43
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
+
exports.SignUpTemplate = exports.SignUpType = void 0;
|
|
45
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
46
|
+
var react_1 = __importStar(require("react"));
|
|
47
|
+
var logo_google_png_1 = __importDefault(require("../../../assets/logo_google.png"));
|
|
48
|
+
require("../../../index.css");
|
|
49
|
+
var button_1 = require("../../action/button");
|
|
50
|
+
var iconButton_1 = require("../../action/iconButton");
|
|
51
|
+
var form_1 = require("../../input/form");
|
|
52
|
+
var SignUpType;
|
|
53
|
+
(function (SignUpType) {
|
|
54
|
+
SignUpType["SIGNUP"] = "signUp";
|
|
55
|
+
SignUpType["SIGNUPOPTIONS"] = "signUpOptions";
|
|
56
|
+
})(SignUpType = exports.SignUpType || (exports.SignUpType = {}));
|
|
57
|
+
var SignUpTemplate = /** @class */ (function (_super) {
|
|
58
|
+
__extends(SignUpTemplate, _super);
|
|
59
|
+
function SignUpTemplate() {
|
|
60
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
61
|
+
_this.state = {
|
|
62
|
+
type: SignUpType.SIGNUPOPTIONS,
|
|
63
|
+
};
|
|
64
|
+
_this.handleSelectSignUpOptions = function (signUpOpts, provider) {
|
|
65
|
+
_this.setState({
|
|
66
|
+
type: signUpOpts,
|
|
67
|
+
}, function () {
|
|
68
|
+
if (provider) {
|
|
69
|
+
_this.props.onChangeProvider(provider);
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
_this.renderSignUpSteps = function () {
|
|
74
|
+
return (react_1.default.createElement("h3", { className: "text-lg font-medium text-warm-gray-900" }, _this.state.type === SignUpType.SIGNUPOPTIONS &&
|
|
75
|
+
"Choose A Sign Up Option"));
|
|
76
|
+
};
|
|
77
|
+
_this.renderEachProvider = function (eachProvider, type) {
|
|
78
|
+
switch (eachProvider) {
|
|
79
|
+
case "email":
|
|
80
|
+
return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Email", onClick: _this.handleSelectSignUpOptions.bind(_this, SignUpType.SIGNUP, "email"), icon: react_1.default.createElement(outline_1.EnvelopeIcon, { className: "h-6 w-6 mr-3" }) }));
|
|
81
|
+
case "google":
|
|
82
|
+
return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Google", onClick: _this.handleSelectSignUpOptions.bind(_this, SignUpType.SIGNUP, "google"), icon: react_1.default.createElement("img", { src: logo_google_png_1.default, alt: "", className: "h-6 w-6 mr-3" }) }));
|
|
83
|
+
case "phone":
|
|
84
|
+
return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Phone", onClick: _this.handleSelectSignUpOptions.bind(_this, SignUpType.SIGNUP, "phone"), icon: react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { className: "h-6 w-6 mr-3" }) }));
|
|
85
|
+
default:
|
|
86
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
_this.renderOtherProvidedContent = function () {
|
|
90
|
+
var otherProviderList = [];
|
|
91
|
+
_this.props.provider.map(function (eachProvider) {
|
|
92
|
+
if (_this.props.type !== eachProvider) {
|
|
93
|
+
otherProviderList.push(_this.renderEachProvider(eachProvider, "icon"));
|
|
94
|
+
}
|
|
95
|
+
return null;
|
|
96
|
+
});
|
|
97
|
+
return otherProviderList;
|
|
98
|
+
};
|
|
99
|
+
_this.renderContent = function () {
|
|
100
|
+
if (_this.state.type !== SignUpType.SIGNUPOPTIONS &&
|
|
101
|
+
_this.props.formList.steps.length - 1 >= _this.props.stepIndex) {
|
|
102
|
+
return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: _this.props.formList.steps[_this.props.stepIndex].refs, ref: _this.props.formList.steps[_this.props.stepIndex].formRef },
|
|
103
|
+
_this.props.formList.steps[_this.props.stepIndex].components.map(function (eachComponents) {
|
|
104
|
+
return eachComponents;
|
|
105
|
+
}),
|
|
106
|
+
react_1.default.createElement("div", { className: "justify-end sm:col-span-2 sm:flex sm:ml-8" },
|
|
107
|
+
(_this.props.formList.steps.length - 1) % 2 === 0 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
|
|
108
|
+
react_1.default.createElement(button_1.Button, { className: "w-full mt-4 sm:w-1/2", text: _this.props.formList.steps.length - 1 === _this.props.stepIndex
|
|
109
|
+
? "Submit"
|
|
110
|
+
: "Next", size: "small", type: "normal", onClick: _this.props.formList.steps[_this.props.stepIndex]
|
|
111
|
+
.onHandleComponents }))));
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
return _this;
|
|
118
|
+
}
|
|
119
|
+
SignUpTemplate.prototype.render = function () {
|
|
120
|
+
return (react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3" },
|
|
121
|
+
react_1.default.createElement("div", { className: "relative overflow-hidden py-10 px-6 bg-gray-50 sm:px-10 xl:p-12" }, this.props.leftComponents),
|
|
122
|
+
react_1.default.createElement("div", { className: "py-10 px-6 sm:px-10 lg:col-span-2 xl:p-12" },
|
|
123
|
+
this.state.type === SignUpType.SIGNUPOPTIONS &&
|
|
124
|
+
this.renderSignUpSteps(),
|
|
125
|
+
this.state.type === SignUpType.SIGNUP && (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ChevronLeftIcon, { className: "h-5 w-5 text-primary-600", "aria-hidden": "true" }), className: "rounded-md", onClick: this.props.stepIndex === 0
|
|
126
|
+
? this.handleSelectSignUpOptions.bind(this, SignUpType.SIGNUPOPTIONS, "")
|
|
127
|
+
: this.props.handleUpdateStepIndex.bind(this, this.props.stepIndex - 1) })),
|
|
128
|
+
this.renderContent(),
|
|
129
|
+
react_1.default.createElement("form", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" },
|
|
130
|
+
this.state.type === SignUpType.SIGNUPOPTIONS && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
131
|
+
react_1.default.createElement("div", { className: "hidden sm:block" }),
|
|
132
|
+
this.renderEachProvider(this.props.type, "normal"))),
|
|
133
|
+
this.props.provider.length > 1 &&
|
|
134
|
+
this.state.type === SignUpType.SIGNUPOPTIONS && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
135
|
+
react_1.default.createElement("div", { className: "flex flex-row items-center sm:col-span-2" },
|
|
136
|
+
react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" }),
|
|
137
|
+
react_1.default.createElement("span", { className: "text-sm px-2 text-gray-500" }, "Or Continue With"),
|
|
138
|
+
react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" })),
|
|
139
|
+
this.props.provider.length <= 2 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
|
|
140
|
+
this.renderOtherProvidedContent())),
|
|
141
|
+
this.props.version && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
|
|
142
|
+
react_1.default.createElement("span", { className: "text-xs text-gray-500" },
|
|
143
|
+
"Version ",
|
|
144
|
+
this.props.version)))))));
|
|
145
|
+
};
|
|
146
|
+
return SignUpTemplate;
|
|
147
|
+
}(react_1.Component));
|
|
148
|
+
exports.SignUpTemplate = SignUpTemplate;
|
|
149
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component } from "react";
|
|
2
|
+
interface StepClass {
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
}
|
|
6
|
+
interface Props {
|
|
7
|
+
stepIndex: number;
|
|
8
|
+
steps: StepClass[];
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
horizontal?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
onChange: (index: number) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare class Stepper extends Component<Props> {
|
|
15
|
+
renderEachSteps: (eachStep: StepClass, index: number) => JSX.Element;
|
|
16
|
+
render(): JSX.Element;
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/stepper/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,eAAe,aAAc,SAAS,SAAS,MAAM,iBAgEnD;IACF,MAAM;CAgEP"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.Stepper = void 0;
|
|
42
|
+
var solid_1 = require("@heroicons/react/20/solid");
|
|
43
|
+
var react_1 = __importStar(require("react"));
|
|
44
|
+
var Stepper = /** @class */ (function (_super) {
|
|
45
|
+
__extends(Stepper, _super);
|
|
46
|
+
function Stepper() {
|
|
47
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
48
|
+
_this.renderEachSteps = function (eachStep, index) {
|
|
49
|
+
var defaultStepContainerCss = "absolute top-4 left-4 -ml-px mt-0.5 h-full w-0.5 ";
|
|
50
|
+
var defaultSpanContainerCss = "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 ";
|
|
51
|
+
var defaultSpanCss = "h-2.5 w-2.5 rounded-full ";
|
|
52
|
+
var defaultTextCss = "text-sm font-medium ";
|
|
53
|
+
if (index < _this.props.stepIndex) {
|
|
54
|
+
defaultStepContainerCss += "bg-primary-600";
|
|
55
|
+
defaultSpanContainerCss += "bg-primary-600 ".concat(_this.props.disabled ? "" : "group-hover:bg-primary-800");
|
|
56
|
+
}
|
|
57
|
+
else if (index === _this.props.stepIndex) {
|
|
58
|
+
defaultStepContainerCss += "bg-primary-600";
|
|
59
|
+
defaultSpanContainerCss += " border-primary-600 bg-white";
|
|
60
|
+
defaultSpanCss += "bg-primary-600";
|
|
61
|
+
defaultTextCss += "text-primary-600";
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
defaultStepContainerCss += "bg-gray-300";
|
|
65
|
+
defaultSpanContainerCss += "border-gray-300 bg-white ".concat(_this.props.disabled ? "" : "group-hover:border-gray-400");
|
|
66
|
+
defaultSpanCss += "bg-transparent ".concat(_this.props.disabled ? "" : "group-hover:bg-gray-300", " ");
|
|
67
|
+
defaultTextCss += "text-gray-500";
|
|
68
|
+
}
|
|
69
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
70
|
+
index !== _this.props.steps.length - 1 && (react_1.default.createElement("div", { className: defaultStepContainerCss, "aria-hidden": "true" })),
|
|
71
|
+
react_1.default.createElement("div", { className: "group relative flex items-start ".concat(_this.props.disabled ? "" : "cursor-pointer"), onClick: _this.props.disabled
|
|
72
|
+
? function () { }
|
|
73
|
+
: _this.props.onChange.bind(_this, index) },
|
|
74
|
+
react_1.default.createElement("span", { className: "flex h-9 items-center", "aria-hidden": "true" },
|
|
75
|
+
react_1.default.createElement("span", { className: defaultSpanContainerCss }, index < _this.props.stepIndex ? (react_1.default.createElement(solid_1.CheckIcon, { className: "h-5 w-5 text-white", "aria-hidden": "true" })) : (react_1.default.createElement("span", { className: defaultSpanCss })))),
|
|
76
|
+
react_1.default.createElement("span", { className: "ml-4 flex min-w-0 flex-col" },
|
|
77
|
+
react_1.default.createElement("span", { className: defaultTextCss }, eachStep.title),
|
|
78
|
+
eachStep.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, eachStep.description))))));
|
|
79
|
+
};
|
|
80
|
+
return _this;
|
|
81
|
+
}
|
|
82
|
+
Stepper.prototype.render = function () {
|
|
83
|
+
var _this = this;
|
|
84
|
+
if (this.props.horizontal) {
|
|
85
|
+
return (react_1.default.createElement("div", { className: this.props.className },
|
|
86
|
+
react_1.default.createElement("div", { className: "overflow-hidden rounded-full bg-gray-200" },
|
|
87
|
+
react_1.default.createElement("div", { className: "h-2 rounded-full bg-primary-600", style: {
|
|
88
|
+
width: ((this.props.stepIndex + 1) / this.props.steps.length) * 100 +
|
|
89
|
+
"%",
|
|
90
|
+
} })),
|
|
91
|
+
react_1.default.createElement("div", { className: "mt-6 flex justify-between text-sm font-medium text-gray-600" }, this.props.steps.map(function (eachStep, index) {
|
|
92
|
+
return (react_1.default.createElement("div", { className: "flex flex-col ".concat(_this.props.disabled ? "" : "cursor-pointer"), onClick: _this.props.disabled
|
|
93
|
+
? function () { }
|
|
94
|
+
: _this.props.onChange.bind(_this, index) },
|
|
95
|
+
react_1.default.createElement("div", { className: "text-primary-600 ".concat(index > 0
|
|
96
|
+
? index === _this.props.steps.length - 1
|
|
97
|
+
? "text-right"
|
|
98
|
+
: "text-center"
|
|
99
|
+
: "") }, eachStep.title)));
|
|
100
|
+
}))));
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
return (react_1.default.createElement("nav", { className: this.props.className, "aria-label": "Progress" },
|
|
104
|
+
react_1.default.createElement("ol", { className: "overflow-hidden" }, this.props.steps.map(function (step, index) { return (react_1.default.createElement("li", { key: step.title, className: (index !== _this.props.steps.length - 1 ? "pb-10" : "") +
|
|
105
|
+
" relative" }, _this.renderEachSteps(step, index))); }))));
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
return Stepper;
|
|
109
|
+
}(react_1.Component));
|
|
110
|
+
exports.Stepper = Stepper;
|
|
111
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/stepper/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ export declare class Table extends Component<Props> {
|
|
|
22
22
|
handleClick: (id: string, event: any) => void;
|
|
23
23
|
renderTableHeader: () => any;
|
|
24
24
|
renderTableBody: () => any;
|
|
25
|
+
renderEachRowDataBasedOnDataType: (value: any) => any;
|
|
25
26
|
renderRowData: (eachData: any, index: number) => any;
|
|
26
27
|
renderPageNumber: () => JSX.Element[];
|
|
27
28
|
renderPagination: () => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D;AAKD,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,WAAW,OAAQ,MAAM,SAAS,GAAG,UAKnC;IAEF,iBAAiB,YAiBf;IAEF,eAAe,YAsEb;IAEF,gCAAgC,UAAW,GAAG,SAuB5C;IAEF,aAAa,aAAc,GAAG,SAAS,MAAM,SAkC3C;IAEF,gBAAgB,sBAkCd;IAEF,gBAAgB,oBA6Ed;IAEF,gBAAgB,eAMd;IAEF,MAAM;CAkCP"}
|
|
@@ -37,9 +37,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
37
37
|
__setModuleDefault(result, mod);
|
|
38
38
|
return result;
|
|
39
39
|
};
|
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
+
};
|
|
40
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
44
|
exports.Table = void 0;
|
|
42
45
|
var outline_1 = require("@heroicons/react/24/outline");
|
|
46
|
+
var moment_1 = __importDefault(require("moment"));
|
|
43
47
|
var react_1 = __importStar(require("react"));
|
|
44
48
|
require("../../../index.css");
|
|
45
49
|
var iconButton_1 = require("../../action/iconButton");
|
|
@@ -58,7 +62,7 @@ var Table = /** @class */ (function (_super) {
|
|
|
58
62
|
_this.renderTableHeader = function () {
|
|
59
63
|
var renderHeader = [];
|
|
60
64
|
_this.props.header.map(function (eachHeader) {
|
|
61
|
-
if (eachHeader.key !== "id") {
|
|
65
|
+
if (eachHeader.key !== "id" && eachHeader.key !== "_id") {
|
|
62
66
|
renderHeader.push(react_1.default.createElement("th", { key: eachHeader.key, className: "px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, eachHeader.title));
|
|
63
67
|
}
|
|
64
68
|
return null;
|
|
@@ -103,18 +107,47 @@ var Table = /** @class */ (function (_super) {
|
|
|
103
107
|
}
|
|
104
108
|
return renderBody;
|
|
105
109
|
};
|
|
110
|
+
_this.renderEachRowDataBasedOnDataType = function (value) {
|
|
111
|
+
if (value instanceof Date) {
|
|
112
|
+
return (0, moment_1.default)(value).format("DD/MM/YYYY");
|
|
113
|
+
}
|
|
114
|
+
else if (typeof value === "boolean") {
|
|
115
|
+
return value.toString();
|
|
116
|
+
}
|
|
117
|
+
else if (typeof value === "object") {
|
|
118
|
+
if (Object.keys(value).includes("name")) {
|
|
119
|
+
return value.name;
|
|
120
|
+
}
|
|
121
|
+
else if (Object.keys(value).includes("seconds")) {
|
|
122
|
+
return (0, moment_1.default)(value.seconds).format("DD/MM/YYYY");
|
|
123
|
+
}
|
|
124
|
+
else {
|
|
125
|
+
var returnValue_1 = "";
|
|
126
|
+
Object.values(value).map(function (eachObjValue) {
|
|
127
|
+
if (typeof eachObjValue === "string") {
|
|
128
|
+
returnValue_1 = eachObjValue;
|
|
129
|
+
}
|
|
130
|
+
return null;
|
|
131
|
+
});
|
|
132
|
+
return returnValue_1;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
else {
|
|
136
|
+
return value;
|
|
137
|
+
}
|
|
138
|
+
};
|
|
106
139
|
_this.renderRowData = function (eachData, index) {
|
|
107
140
|
var renderRowData = [];
|
|
108
141
|
var tableId = eachData.id;
|
|
109
142
|
_this.props.header.map(function (eachHeader, colIndex) {
|
|
110
|
-
if (eachHeader.key !== "id") {
|
|
143
|
+
if (eachHeader.key !== "id" && eachHeader.key !== "_id") {
|
|
111
144
|
var value = eachData[eachHeader.key];
|
|
112
145
|
if (_this.props.onClickRow) {
|
|
113
146
|
renderRowData.push(react_1.default.createElement("td", { key: eachHeader.key + String(index), className: "ax-w-0 w-full px-6 py-4 whitespace-nowrap text-sm ".concat(colIndex === 1 ? "text-primary-600 font-bold" : "text-gray-900", " ") },
|
|
114
|
-
react_1.default.createElement("a", { href: _this.props.newTabUrl + tableId, className: "w-full block" }, value)));
|
|
147
|
+
react_1.default.createElement("a", { href: _this.props.newTabUrl + tableId, className: "w-full block" }, _this.renderEachRowDataBasedOnDataType(value))));
|
|
115
148
|
}
|
|
116
149
|
else {
|
|
117
|
-
renderRowData.push(react_1.default.createElement("td", { key: eachHeader.key + String(index), className: "ax-w-0 w-full px-6 py-4 whitespace-nowrap text-sm text-gray-900" }, value));
|
|
150
|
+
renderRowData.push(react_1.default.createElement("td", { key: eachHeader.key + String(index), className: "ax-w-0 w-full px-6 py-4 whitespace-nowrap text-sm text-gray-900" }, _this.renderEachRowDataBasedOnDataType(value)));
|
|
118
151
|
}
|
|
119
152
|
}
|
|
120
153
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAgF;AAChF,kDAA4B;AAC5B,6CAAyC;AACzC,8BAA4B;AAC5B,sDAAqD;AAsBrD,IAAM,YAAY,GAAG,EAAE,CAAC;AACxB,IAAM,eAAe,GAAG,CAAC,CAAC;AAE1B;IAA2B,yBAAgB;IAA3C;QAAA,qEA6TC;QA5TC,iBAAW,GAAG,UAAC,EAAU,EAAE,KAAU;YACnC,IAAI,KAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACzB,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;aAC3B;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;QAEF,uBAAiB,GAAG;YAClB,IAAI,YAAY,GAAQ,EAAE,CAAC;YAE3B,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,UAAU;gBAC/B,IAAI,UAAU,CAAC,GAAG,KAAK,IAAI,IAAI,UAAU,CAAC,GAAG,KAAK,KAAK,EAAE;oBACvD,YAAY,CAAC,IAAI,CACf,sCACE,GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,SAAS,EAAC,2FAA2F,IAEpG,UAAU,CAAC,KAAK,CACd,CACN,CAAC;iBACH;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,YAAY,CAAC;QACtB,CAAC,CAAC;QAEF,qBAAe,GAAG;;YAChB,IAAI,UAAU,GAAQ,EAAE,CAAC;YAEzB,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACtB,UAAU,CAAC,IAAI,CACb,sCAAI,GAAG,EAAC,aAAa;oBACnB,sCAAI,SAAS,EAAC,2DAA2D;wBACvE,uCAAK,SAAS,EAAC,MAAM;4BACnB,qCAAG,SAAS,EAAC,qEAAqE,iBAE9E,CACA,CACH,CACF,CACN,CAAC;aACH;iBAAM,IAAI,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;gBACvC,UAAU,CAAC,IAAI,CACb,sCAAI,GAAG,EAAC,QAAQ;oBACd,sCAAI,SAAS,EAAC,2DAA2D;wBACvE,uCAAK,SAAS,EAAC,MAAM;4BACnB,qCAAG,SAAS,EAAC,qEAAqE,wBAE9E,CACA,CACH,CACF,CACN,CAAC;aACH;iBAAM;gBACL,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,QAAQ,EAAE;oBAC1C,IAAM,UAAQ,GACZ,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,CAAC;oBACnE,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,QAAa,EAAE,KAAU;;wBAC5C,IACE,KAAK,IAAI,UAAQ;4BACjB,KAAK,GAAG,UAAQ,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,EACrD;4BACA,UAAU,CAAC,IAAI,CACb,sCACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,OAAO,EAAE,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,EACjD,SAAS,EACP,KAAI,CAAC,KAAK,CAAC,UAAU;oCACnB,CAAC,CAAC,kCAAkC;oCACpC,CAAC,CAAC,EAAE,IAGP,KAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,CACjC,CACN,CAAC;yBACH;wBACD,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,QAAa,EAAE,KAAU;wBAC5C,UAAU,CAAC,IAAI,CACb,sCACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,OAAO,EAAE,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,EACjD,SAAS,EACP,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,IAGhE,KAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,CACjC,CACN,CAAC;wBACF,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC,CAAC;iBACJ;aACF;YACD,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC;QAEF,sCAAgC,GAAG,UAAC,KAAU;YAC5C,IAAI,KAAK,YAAY,IAAI,EAAE;gBACzB,OAAO,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;aAC3C;iBAAM,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;gBACrC,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;aACzB;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;oBACvC,OAAO,KAAK,CAAC,IAAI,CAAC;iBACnB;qBAAM,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;oBACjD,OAAO,IAAA,gBAAM,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;iBACnD;qBAAM;oBACL,IAAI,aAAW,GAAG,EAAE,CAAC;oBACrB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,YAAY;wBACpC,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE;4BACpC,aAAW,GAAG,YAAY,CAAC;yBAC5B;wBACD,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC,CAAC;oBACH,OAAO,aAAW,CAAC;iBACpB;aACF;iBAAM;gBACL,OAAO,KAAK,CAAC;aACd;QACH,CAAC,CAAC;QAEF,mBAAa,GAAG,UAAC,QAAa,EAAE,KAAa;YAC3C,IAAM,aAAa,GAAQ,EAAE,CAAC;YAC9B,IAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;YAC5B,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,QAAQ;gBACzC,IAAI,UAAU,CAAC,GAAG,KAAK,IAAI,IAAI,UAAU,CAAC,GAAG,KAAK,KAAK,EAAE;oBACvD,IAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;oBAEvC,IAAI,KAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wBACzB,aAAa,CAAC,IAAI,CAChB,sCACE,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,EACnC,SAAS,EAAE,4DACT,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,eAAe,MAC9D;4BAEH,qCAAG,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,EAAE,SAAS,EAAC,cAAc,IAC9D,KAAI,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAC3C,CACD,CACN,CAAC;qBACH;yBAAM;wBACL,aAAa,CAAC,IAAI,CAChB,sCACE,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,EACnC,SAAS,EAAC,iEAAiE,IAE1E,KAAI,CAAC,gCAAgC,CAAC,KAAK,CAAC,CAC1C,CACN,CAAC;qBACH;iBACF;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;QAEF,sBAAgB,GAAG;;YACjB,IAAI,cAAc,GAAkB,EAAE,CAAC;YACvC,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC;YAC3E,KACE,IAAI,CAAC,GAAG,UAAU,GAAG,eAAe,EACpC,CAAC,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC;gBACpC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC7C,CAAC,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,EAClD,CAAC,EAAE,EACH;gBACA,IAAI,mBAAmB,GACrB,mFAAmF,CAAC;gBACtF,IAAI,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,EAAE;oBAC9B,mBAAmB;wBACjB,yDAAyD,CAAC;iBAC7D;qBAAM;oBACL,mBAAmB;wBACjB,wFAAwF,CAAC;iBAC5F;gBACD,cAAc,CAAC,IAAI,CACjB,wDACe,MAAM,EACnB,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EACL,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC;wBACxB,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAAC,KAAI,EAAE,CAAC,CAAC;wBACjD,CAAC,CAAC,cAAO,CAAC,IAGb,CAAC,GAAG,CAAC,CACD,CACR,CAAC;aACH;YACD,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC;QAEF,sBAAgB,GAAG;;YACjB,IAAM,mBAAmB,GACvB,+GAA+G,CAAC;YAClH,IAAM,iBAAiB,GACrB,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;gBACpB,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC/B,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAE9D,QAAQ,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBACjC,KAAK,QAAQ;oBACX,OAAO,CACL,uCACE,SAAS,EAAC,2DAA2D,gBAC1D,YAAY;wBAEvB,8BAAC,uBAAU,IACT,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACnD,IAAI,EAAE,8BAAC,yBAAe,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EAChE,SAAS,EAAE,UACT,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC;gCACxB,CAAC,CAAC,oBAAoB;gCACtB,CAAC,CAAC,eAAe,cACjB,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAAC,KAAI,EAAE,MAAM,CAAC,GAC7D;wBACF,wDACe,MAAM,EACnB,SAAS,EAAC,sFAAsF,IAE/F,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAC3B;wBACP,8BAAC,uBAAU,IACT,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC1C,IAAI,EAAE,8BAAC,0BAAgB,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EACjE,SAAS,EAAE,UACT,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,cACxD,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAAC,KAAI,EAAE,MAAM,CAAC,GAC7D,CACE,CACP,CAAC;gBACJ,KAAK,MAAM;oBACT,OAAO,CACL,uCACE,SAAS,EAAC,uDAAuD,gBACtD,YAAY;wBAEvB,8BAAC,uBAAU,IACT,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACnD,IAAI,EAAE,8BAAC,yBAAe,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EAChE,SAAS,EAAE,UACT,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC;gCACxB,CAAC,CAAC,oBAAoB;gCACtB,CAAC,CAAC,eAAe,cACjB,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAC7C,KAAI,EACJ,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAChC,GACD;wBACD,KAAI,CAAC,gBAAgB,EAAE;wBACxB,8BAAC,uBAAU,IACT,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC1C,IAAI,EAAE,8BAAC,0BAAgB,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EACjE,SAAS,EAAE,UACT,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,cACxD,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAC7C,KAAI,EACJ,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAChC,GACD,CACE,CACP,CAAC;gBACJ;oBACE,OAAO,0CAAO,CAAC;aAClB;QACH,CAAC,CAAC;QAEF,sBAAgB,GAAG;YACjB,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,EAAE;gBACxC,OAAO,kBAAW,KAAI,CAAC,KAAK,CAAC,IAAI,eAAY,CAAC;aAC/C;iBAAM;gBACL,OAAO,kBAAW,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,eAAY,CAAC;aACtD;QACH,CAAC,CAAC;;IAoCJ,CAAC;IAlCC,sBAAM,GAAN;QACE,IAAI,gBAAgB,GAAG,OAAO,CAAC;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;SAChD;QACD,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;YAC9B,uCAAK,SAAS,EAAC,2DAA2D;gBACxE,uCAAK,SAAS,EAAC,mFAAmF;oBAChG,yCAAO,SAAS,EAAC,qCAAqC;wBACpD;4BACE,0CAAK,IAAI,CAAC,iBAAiB,EAAE,CAAM,CAC7B;wBACR,yCAAO,SAAS,EAAC,0BAA0B,IACxC,IAAI,CAAC,eAAe,EAAE,CACjB,CACF,CACJ;gBACN,uCAAK,SAAS,EAAC,8GAA8G;oBAC3H,uCAAK,SAAS,EAAC,0CAA0C;wBACvD;4BACE,qCAAG,SAAS,EAAC,mCAAmC,IAC7C,IAAI,CAAC,gBAAgB,EAAE,CACtB,CACA;wBACL,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAC5B,2CAAM,IAAI,CAAC,gBAAgB,EAAE,CAAO,CACrC,CACG,CACF,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,YAAC;AAAD,CAAC,AA7TD,CAA2B,iBAAS,GA6TnC;AA7TY,sBAAK"}
|
|
@@ -3,6 +3,8 @@ export { ButtonGroup } from "./action/buttonGroup";
|
|
|
3
3
|
export { IconButton } from "./action/iconButton";
|
|
4
4
|
export { TextButton } from "./action/textButton";
|
|
5
5
|
export { Toggle } from "./action/toggle";
|
|
6
|
+
export { SignInTemplate } from "./auth/signIn";
|
|
7
|
+
export { SignUpTemplate } from "./auth/signUp";
|
|
6
8
|
export { Database, ReadQuery, ReadQueryType } from "./data/readQuery";
|
|
7
9
|
export { ReadQueryHoc } from "./data/readQueryHoc";
|
|
8
10
|
export { WriteQuery } from "./data/writeQuery";
|
|
@@ -13,6 +15,7 @@ export { List, ListClass } from "./display/list";
|
|
|
13
15
|
export { Loading } from "./display/loading";
|
|
14
16
|
export { Modal } from "./display/modal";
|
|
15
17
|
export { Notification } from "./display/notification";
|
|
18
|
+
export { Stepper } from "./display/stepper";
|
|
16
19
|
export { Table, TableHeader } from "./display/table";
|
|
17
20
|
export { Address, AddressClass } from "./input/address";
|
|
18
21
|
export { InputDatePicker } from "./input/datePicker";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Text = exports.Container = exports.Column = exports.Tabs = exports.Header = exports.Bars = exports.UploadInput = exports.TextInput = exports.TextArea = exports.Select = exports.Form = exports.InputDatePicker = exports.Address = exports.Table = exports.Notification = exports.Modal = exports.Loading = exports.List = exports.Grid = exports.Feeds = exports.DetailList = exports.WriteQuery = exports.ReadQueryHoc = exports.ReadQuery = exports.Toggle = exports.TextButton = exports.IconButton = exports.ButtonGroup = exports.Button = void 0;
|
|
3
|
+
exports.Text = exports.Container = exports.Column = exports.Tabs = exports.Header = exports.Bars = exports.UploadInput = exports.TextInput = exports.TextArea = exports.Select = exports.Form = exports.InputDatePicker = exports.Address = exports.Table = exports.Stepper = exports.Notification = exports.Modal = exports.Loading = exports.List = exports.Grid = exports.Feeds = exports.DetailList = exports.WriteQuery = exports.ReadQueryHoc = exports.ReadQuery = exports.SignUpTemplate = exports.SignInTemplate = exports.Toggle = exports.TextButton = exports.IconButton = exports.ButtonGroup = exports.Button = void 0;
|
|
4
4
|
var button_1 = require("./action/button");
|
|
5
5
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
|
|
6
6
|
var buttonGroup_1 = require("./action/buttonGroup");
|
|
@@ -11,6 +11,10 @@ var textButton_1 = require("./action/textButton");
|
|
|
11
11
|
Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return textButton_1.TextButton; } });
|
|
12
12
|
var toggle_1 = require("./action/toggle");
|
|
13
13
|
Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
|
|
14
|
+
var signIn_1 = require("./auth/signIn");
|
|
15
|
+
Object.defineProperty(exports, "SignInTemplate", { enumerable: true, get: function () { return signIn_1.SignInTemplate; } });
|
|
16
|
+
var signUp_1 = require("./auth/signUp");
|
|
17
|
+
Object.defineProperty(exports, "SignUpTemplate", { enumerable: true, get: function () { return signUp_1.SignUpTemplate; } });
|
|
14
18
|
var readQuery_1 = require("./data/readQuery");
|
|
15
19
|
Object.defineProperty(exports, "ReadQuery", { enumerable: true, get: function () { return readQuery_1.ReadQuery; } });
|
|
16
20
|
var readQueryHoc_1 = require("./data/readQueryHoc");
|
|
@@ -31,6 +35,8 @@ var modal_1 = require("./display/modal");
|
|
|
31
35
|
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return modal_1.Modal; } });
|
|
32
36
|
var notification_1 = require("./display/notification");
|
|
33
37
|
Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return notification_1.Notification; } });
|
|
38
|
+
var stepper_1 = require("./display/stepper");
|
|
39
|
+
Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return stepper_1.Stepper; } });
|
|
34
40
|
var table_1 = require("./display/table");
|
|
35
41
|
Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
|
|
36
42
|
var address_1 = require("./input/address");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,oDAAmD;AAA1C,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,8CAAsE;AAAnD,sGAAA,SAAS,OAAA;AAC5B,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,mDAAmE;AAA1D,wGAAA,UAAU,OAAA;AACnB,yCAA8C;AAA/B,8FAAA,KAAK,OAAA;AACpB,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAwC;AAA/B,8FAAA,KAAK,OAAA;AACd,uDAAsD;AAA7C,4GAAA,YAAY,OAAA;AACrB,yCAAqD;AAA5C,8FAAA,KAAK,OAAA;AACd,2CAAwD;AAA/C,kGAAA,OAAO,OAAA;AAChB,iDAAqD;AAA5C,6GAAA,eAAe,OAAA;AACxB,qCAAoC;AAA3B,4FAAA,IAAI,OAAA;AACb,yCAAgD;AAA/B,gGAAA,MAAM,OAAA;AACvB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AACf,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,oDAAmD;AAA1C,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,wCAA+C;AAAtC,wGAAA,cAAc,OAAA;AACvB,wCAA+C;AAAtC,wGAAA,cAAc,OAAA;AACvB,8CAAsE;AAAnD,sGAAA,SAAS,OAAA;AAC5B,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,mDAAmE;AAA1D,wGAAA,UAAU,OAAA;AACnB,yCAA8C;AAA/B,8FAAA,KAAK,OAAA;AACpB,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAwC;AAA/B,8FAAA,KAAK,OAAA;AACd,uDAAsD;AAA7C,4GAAA,YAAY,OAAA;AACrB,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAqD;AAA5C,8FAAA,KAAK,OAAA;AACd,2CAAwD;AAA/C,kGAAA,OAAO,OAAA;AAChB,iDAAqD;AAA5C,6GAAA,eAAe,OAAA;AACxB,qCAAoC;AAA3B,4FAAA,IAAI,OAAA;AACb,yCAAgD;AAA/B,gGAAA,MAAM,OAAA;AACvB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AACf,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA"}
|
|
@@ -57,7 +57,7 @@ var Address = /** @class */ (function (_super) {
|
|
|
57
57
|
if (!_this.props.optional) {
|
|
58
58
|
// INFO : Regrex Validation
|
|
59
59
|
/* eslint-disable */
|
|
60
|
-
var textFilter = /^([a-zA-Z0-9]+\s)*[a-zA-Z0-9]+$/;
|
|
60
|
+
var textFilter = /^([a-zA-Z0-9,]+\s)*[a-zA-Z0-9,]+$/;
|
|
61
61
|
testCond = textFilter.test(_this.props.value.name);
|
|
62
62
|
/* eslint-enable */
|
|
63
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/address/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAgC5B;IAA6B,2BAAgB;IAA7C;QAAA,qEAuIC;QAtIC,yBAAmB,GAAQ,IAAI,CAAC;QAChC,kBAAY,GAAQ,IAAI,CAAC;QACzB,WAAK,GAAU;YACb,kBAAkB,EAAE,EAAE;YACtB,KAAK,EAAE,EAAE;SACV,CAAC;QAmBF,kBAAY,GAAG;YACb,IAAI,QAAQ,GAAG,KAAK,CAAC;YACrB,IAAM,KAAK,GAAG,yBAAyB,CAAC;YACxC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,2BAA2B;gBAC3B,oBAAoB;gBACpB,IAAM,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/address/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,7 +71,7 @@ var TextInput = /** @class */ (function (_super) {
|
|
|
71
71
|
error = "Please input a text";
|
|
72
72
|
break;
|
|
73
73
|
case "number":
|
|
74
|
-
var numberFilter = /^
|
|
74
|
+
var numberFilter = /^[1-9]\d*(\.\d+)?$/;
|
|
75
75
|
testCond = numberFilter.test(_this.props.value);
|
|
76
76
|
error = "Please input a number";
|
|
77
77
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/textInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAgB5B;IAA+B,6BAAgB;IAA/C;QAAA,qEAyFC;QAxFC,WAAK,GAAG;YACN,KAAK,EAAE,EAAE;SACV,CAAC;QAEF,oBAAc,GAAG,UAAC,CAAM;YACtB,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;aACxB;QACH,CAAC,CAAC;QAEF,kBAAY,GAAG;YACb,IAAI,QAAQ,GAAG,KAAK,CAAC;YACrB,IAAI,KAAK,GAAG,EAAE,CAAC;YACf,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,2BAA2B;gBAC3B,oBAAoB;gBACpB,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE;oBACvB,KAAK,OAAO;wBACV,IAAM,WAAW,GACf,iEAAiE,CAAC;wBACpE,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBAC9C,KAAK,GAAG,uCAAuC,CAAC;wBAChD,MAAM;oBACR,KAAK,MAAM;wBACT,IAAM,UAAU,GAAG,iCAAiC,CAAC;wBACrD,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBAC7C,KAAK,GAAG,qBAAqB,CAAC;wBAC9B,MAAM;oBACR,KAAK,QAAQ;wBACX,IAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/textInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
interface Navigation {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
href: string;
|
|
7
|
+
icon: any;
|
|
8
|
+
}
|
|
9
|
+
interface Props {
|
|
10
|
+
selectedId: string;
|
|
11
|
+
navigation: Navigation[];
|
|
12
|
+
leftNavMobileMenu: boolean;
|
|
13
|
+
handleToggleLeftNavMobileMenu: () => void;
|
|
14
|
+
renderDashboardLogo: () => any;
|
|
15
|
+
renderDashboardContent: () => any;
|
|
16
|
+
renderDashboardHeaderContent: () => any;
|
|
17
|
+
}
|
|
18
|
+
export declare class LeftNav extends Component<Props> {
|
|
19
|
+
renderDashboardHeader: () => JSX.Element;
|
|
20
|
+
renderLeftNav: () => JSX.Element;
|
|
21
|
+
render(): JSX.Element;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAI5B,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;CACzC;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,qBAAqB,oBAcnB;IAEF,aAAa,oBAyDX;IAEF,MAAM;CAaP"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.LeftNav = void 0;
|
|
42
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
43
|
+
var react_1 = __importStar(require("react"));
|
|
44
|
+
require("../../../index.css");
|
|
45
|
+
var iconButton_1 = require("../../action/iconButton");
|
|
46
|
+
var bars_1 = require("../bars");
|
|
47
|
+
var LeftNav = /** @class */ (function (_super) {
|
|
48
|
+
__extends(LeftNav, _super);
|
|
49
|
+
function LeftNav() {
|
|
50
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
51
|
+
_this.renderDashboardHeader = function () {
|
|
52
|
+
return (react_1.default.createElement("div", { className: "relative flex-shrink-0 flex h-16 bg-white shadow border-b border-gray-200 lg:border-none" },
|
|
53
|
+
react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.Bars3Icon, { className: "h-5 w-5 text-gray-400" }), className: "px-4 border-r rounded-md border-gray-200 lg:hidden", onClick: _this.props.handleToggleLeftNavMobileMenu }),
|
|
54
|
+
react_1.default.createElement("div", { className: "flex-1 px-4 flex justify-between sm:px-6 lg:max-w-6xl lg:mx-auto lg:px-8" },
|
|
55
|
+
react_1.default.createElement("div", { className: "flex-1 flex" }),
|
|
56
|
+
_this.props.renderDashboardHeaderContent())));
|
|
57
|
+
};
|
|
58
|
+
_this.renderLeftNav = function () {
|
|
59
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
60
|
+
_this.props.leftNavMobileMenu && (react_1.default.createElement("div", { className: "fixed inset-0 flex z-40 lg:hidden", role: "dialog", "aria-modal": "true" },
|
|
61
|
+
react_1.default.createElement("div", { className: "fixed inset-0 bg-gray-600 bg-opacity-75", onClick: _this.props.handleToggleLeftNavMobileMenu, "aria-hidden": "true" }),
|
|
62
|
+
react_1.default.createElement("div", { className: "relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white" },
|
|
63
|
+
react_1.default.createElement("div", { className: "absolute top-0 right-0 -mr-12 pt-2" },
|
|
64
|
+
react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.XMarkIcon, { className: "h-5 w-5 text-white" }), background: "bg-transparent", className: "text-white ml-1 rounded-md flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white", onClick: _this.props.handleToggleLeftNavMobileMenu })),
|
|
65
|
+
_this.props.renderDashboardLogo(),
|
|
66
|
+
react_1.default.createElement("div", { className: "mt-5 flex-1 h-0 overflow-y-auto" },
|
|
67
|
+
react_1.default.createElement("nav", { className: "px-2" },
|
|
68
|
+
react_1.default.createElement("div", { className: "flex flex-col space-y-1" },
|
|
69
|
+
react_1.default.createElement(bars_1.Bars, { bars: _this.props.navigation, selectedId: _this.props.selectedId }))))),
|
|
70
|
+
react_1.default.createElement("div", { className: "flex-shrink-0 w-14", "aria-hidden": "true" }))),
|
|
71
|
+
react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-shrink-0" },
|
|
72
|
+
react_1.default.createElement("div", { className: "flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-white" },
|
|
73
|
+
_this.props.renderDashboardLogo(),
|
|
74
|
+
react_1.default.createElement("div", { className: "h-0 flex-1 flex flex-col overflow-y-auto" },
|
|
75
|
+
react_1.default.createElement("nav", { className: "px-3 mt-6" },
|
|
76
|
+
react_1.default.createElement("div", { className: "flex flex-col space-y-1" },
|
|
77
|
+
react_1.default.createElement(bars_1.Bars, { bars: _this.props.navigation, selectedId: _this.props.selectedId }))))))));
|
|
78
|
+
};
|
|
79
|
+
return _this;
|
|
80
|
+
}
|
|
81
|
+
LeftNav.prototype.render = function () {
|
|
82
|
+
return (react_1.default.createElement("div", { className: "h-screen flex overflow-hidden bg-gray-100" },
|
|
83
|
+
this.renderLeftNav(),
|
|
84
|
+
react_1.default.createElement("div", { className: "flex-1 overflow-auto focus:outline-none" },
|
|
85
|
+
this.renderDashboardHeader(),
|
|
86
|
+
react_1.default.createElement("main", { className: "flex-1 relative pb-8 z-0 overflow-y-auto" }, this.props.renderDashboardContent()))));
|
|
87
|
+
};
|
|
88
|
+
return LeftNav;
|
|
89
|
+
}(react_1.Component));
|
|
90
|
+
exports.LeftNav = LeftNav;
|
|
91
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAmE;AACnE,6CAAyC;AACzC,8BAA4B;AAC5B,sDAAqD;AACrD,gCAA+B;AAmB/B;IAA6B,2BAAgB;IAA7C;QAAA,qEAyFC;QAxFC,2BAAqB,GAAG;YACtB,OAAO,CACL,uCAAK,SAAS,EAAC,0FAA0F;gBACvG,8BAAC,uBAAU,IACT,IAAI,EAAE,8BAAC,mBAAS,IAAC,SAAS,EAAC,uBAAuB,GAAG,EACrD,SAAS,EAAC,oDAAoD,EAC9D,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,6BAA6B,GACjD;gBACF,uCAAK,SAAS,EAAC,0EAA0E;oBACvF,uCAAK,SAAS,EAAC,aAAa,GAAG;oBAC9B,KAAI,CAAC,KAAK,CAAC,4BAA4B,EAAE,CACtC,CACF,CACP,CAAC;QACJ,CAAC,CAAC;QAEF,mBAAa,GAAG;YACd,OAAO,CACL;gBACG,KAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAC/B,uCACE,SAAS,EAAC,mCAAmC,EAC7C,IAAI,EAAC,QAAQ,gBACF,MAAM;oBAEjB,uCACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,6BAA6B,iBACrC,MAAM,GACb;oBACP,uCAAK,SAAS,EAAC,kEAAkE;wBAC/E,uCAAK,SAAS,EAAC,oCAAoC;4BACjD,8BAAC,uBAAU,IACT,IAAI,EAAE,8BAAC,mBAAS,IAAC,SAAS,EAAC,oBAAoB,GAAG,EAClD,UAAU,EAAC,gBAAgB,EAC3B,SAAS,EAAC,sJAAsJ,EAChK,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,6BAA6B,GACjD,CACE;wBACL,KAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;wBACjC,uCAAK,SAAS,EAAC,iCAAiC;4BAC9C,uCAAK,SAAS,EAAC,MAAM;gCACnB,uCAAK,SAAS,EAAC,yBAAyB;oCACtC,8BAAC,WAAI,IACH,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,EAC3B,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,GACjC,CACE,CACF,CACF,CACF;oBAEN,uCAAK,SAAS,EAAC,oBAAoB,iBAAa,MAAM,GAAO,CACzD,CACP;gBAED,uCAAK,SAAS,EAAC,iCAAiC;oBAC9C,uCAAK,SAAS,EAAC,gEAAgE;wBAC5E,KAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;wBACjC,uCAAK,SAAS,EAAC,0CAA0C;4BACvD,uCAAK,SAAS,EAAC,WAAW;gCACxB,uCAAK,SAAS,EAAC,yBAAyB;oCACtC,8BAAC,WAAI,IACH,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,EAC3B,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,GACjC,CACE,CACF,CACF,CACF,CACF,CACL,CACJ,CAAC;QACJ,CAAC,CAAC;;IAeJ,CAAC;IAbC,wBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,2CAA2C;YACvD,IAAI,CAAC,aAAa,EAAE;YACrB,uCAAK,SAAS,EAAC,yCAAyC;gBACrD,IAAI,CAAC,qBAAqB,EAAE;gBAC7B,wCAAM,SAAS,EAAC,0CAA0C,IACvD,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAC/B,CACH,CACF,CACP,CAAC;IACJ,CAAC;IACH,cAAC;AAAD,CAAC,AAzFD,CAA6B,iBAAS,GAyFrC;AAzFY,0BAAO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "blixify-ui-web",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/src/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
"start": "start-storybook -p 5000 -s public",
|
|
15
15
|
"test": "react-scripts test",
|
|
16
16
|
"lint": "npx eslint . --max-warnings=0",
|
|
17
|
+
"format": "yarn run lint && npx tsc",
|
|
17
18
|
"build-storybook": "build-storybook",
|
|
18
19
|
"prebuild": "yarn clean",
|
|
19
20
|
"clean": "rm -rf ./lib",
|