@modul/mbui 0.0.20-beta-pv-52992-d5155aa6 → 0.0.20-beta-pv-53154-4403aebc
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/dist/Alert/Alert.js +1 -1
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/Badge/Badge.d.ts +10 -0
- package/dist/Badge/Badge.js +52 -0
- package/dist/Badge/Badge.js.map +1 -0
- package/dist/Badge/index.d.ts +1 -0
- package/dist/Badge/index.js +7 -0
- package/dist/Badge/index.js.map +1 -0
- package/dist/Button/Button.js +1 -1
- package/dist/FavoritePyments/FavoritePaymentsList.js +1 -1
- package/dist/FavoritePyments/FavoritePaymentsList.js.map +1 -1
- package/dist/Input-OTP/Input.js +2 -3
- package/dist/Input-OTP/Input.js.map +1 -1
- package/dist/Page/Page.js +1 -1
- package/dist/Page/Page.js.map +1 -1
- package/dist/Select/SelectAccountCard.js +33 -5
- package/dist/Select/SelectAccountCard.js.map +1 -1
- package/dist/Select/SelectAsync.js +73 -12
- package/dist/Select/SelectAsync.js.map +1 -1
- package/dist/Select/SelectBase.js +73 -13
- package/dist/Select/SelectBase.js.map +1 -1
- package/dist/Select/index.d.ts +0 -1
- package/dist/Select/index.js +1 -3
- package/dist/Select/index.js.map +1 -1
- package/dist/Toaster/Toaster.d.ts +13 -0
- package/dist/Toaster/Toaster.js +60 -0
- package/dist/Toaster/Toaster.js.map +1 -0
- package/dist/Toaster/index.d.ts +1 -0
- package/dist/Toaster/index.js +7 -0
- package/dist/Toaster/index.js.map +1 -0
- package/dist/index.d.ts +8 -5
- package/dist/index.js +12 -5
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/@/config/index.ts +5 -0
- package/src/Alert/Alert.tsx +1 -1
- package/src/Badge/Badge.tsx +58 -0
- package/src/Badge/index.ts +1 -0
- package/src/Button/Button.tsx +1 -1
- package/src/FavoritePyments/FavoritePaymentsList.tsx +1 -1
- package/src/Input-OTP/Input.tsx +2 -2
- package/src/Page/Page.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +51 -1
- package/src/Select/SelectAsync.tsx +162 -1
- package/src/Select/SelectBase.tsx +168 -19
- package/src/Select/index.ts +0 -1
- package/src/Toaster/Toaster.tsx +71 -0
- package/src/Toaster/index.ts +1 -0
- package/src/assets/css/global.css +9 -1
- package/src/assets/images/logo/sbp-logo.svg +1 -0
- package/src/index.ts +15 -10
- package/src/pages/payments/SmsSign/sms-sign.tsx +91 -0
- package/dist/Select/SelectAccount.d.ts +0 -8
- package/dist/Select/SelectAccount.js +0 -50
- package/dist/Select/SelectAccount.js.map +0 -1
- package/dist/Select/components/components.d.ts +0 -15
- package/dist/Select/components/components.js +0 -80
- package/dist/Select/components/components.js.map +0 -1
- package/dist/Select/components/index.d.ts +0 -1
- package/dist/Select/components/index.js +0 -17
- package/dist/Select/components/index.js.map +0 -1
- package/src/Select/SelectAccount.tsx +0 -101
- package/src/Select/components/components.tsx +0 -186
- package/src/Select/components/index.tsx +0 -15
package/dist/Alert/Alert.js
CHANGED
|
@@ -25,7 +25,7 @@ const getClass = (variant, type) => {
|
|
|
25
25
|
return variants[variant];
|
|
26
26
|
};
|
|
27
27
|
const Alert = ({ className, variant = 'info', type, children, ...props }) => {
|
|
28
|
-
return (React.createElement("div", { className: (0, utils_1.cn)('flex', getClass(variant, type)), role: 'alert', ...props },
|
|
28
|
+
return (React.createElement("div", { className: (0, utils_1.cn)('flex', getClass(variant, type), className), role: 'alert', ...props },
|
|
29
29
|
AlertIcons[variant],
|
|
30
30
|
React.createElement("div", { className: 'pt-[2px]' }, children)));
|
|
31
31
|
};
|
package/dist/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AACnC,yCAAqE;AAGrE,MAAM,gBAAgB,GAAG,2BAA2B,CAAA;AACpD,MAAM,UAAU,GAAG;IAClB,IAAI,EAAE,oBAAC,gBAAS,mBAAc,IAAI,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,gBAAgB,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;IAC9G,OAAO,EAAE,oBAAC,cAAO,mBAAc,IAAI,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,gBAAgB,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;IAC/G,OAAO,EAAE,oBAAC,uBAAgB,mBAAc,IAAI,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,gBAAgB,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;IACxH,QAAQ,EAAE,oBAAC,gBAAS,mBAAc,IAAI,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,gBAAgB,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;CACnH,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAiE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChI,6BACC,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxI,2BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,gDAAgD,EAAE,SAAS,CAAC,KACtE,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,IAAI,EAAU,EAAE;IAC1C,MAAM,aAAa,GAAG,uCAAuC,CAAA;IAC7D,MAAM,QAAQ,GAAG;QAChB,IAAI,EAAE,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,aAAa,mCAAmC,CAAC,CAAC,CAAC,cAAc,EAAE;QACjG,OAAO,EAAE,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,aAAa,mCAAmC,CAAC,CAAC,CAAC,cAAc,EAAE;QACpG,OAAO,EAAE,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,aAAa,mCAAmC,CAAC,CAAC,CAAC,cAAc,EAAE;QACpG,QAAQ,EAAE,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,aAAa,qCAAqC,CAAC,CAAC,CAAC,eAAe,EAAE;KACxG,CAAA;IACD,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAA;AAEzB,CAAC,CAAA;AAiBD,MAAM,KAAK,GAA6C,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrH,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const badgeVariants: (props?: {
|
|
4
|
+
variant?: "default";
|
|
5
|
+
size?: "default" | "dot";
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
8
|
+
}
|
|
9
|
+
declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
|
|
10
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeVariants = exports.Badge = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const badgeClasses = {
|
|
9
|
+
variant: {
|
|
10
|
+
base: `
|
|
11
|
+
inline-block
|
|
12
|
+
focus:ring-2
|
|
13
|
+
focus:ring-ring
|
|
14
|
+
focus:ring-offset-2
|
|
15
|
+
focus:outline-none
|
|
16
|
+
transition-colors
|
|
17
|
+
rounded-full
|
|
18
|
+
`,
|
|
19
|
+
default: `
|
|
20
|
+
bg-critical
|
|
21
|
+
text-white
|
|
22
|
+
`,
|
|
23
|
+
},
|
|
24
|
+
size: {
|
|
25
|
+
default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
|
|
26
|
+
dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
|
|
27
|
+
sm: '',
|
|
28
|
+
md: '',
|
|
29
|
+
lg: '',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.base, {
|
|
33
|
+
variants: {
|
|
34
|
+
variant: {
|
|
35
|
+
default: badgeClasses.variant.default,
|
|
36
|
+
},
|
|
37
|
+
size: {
|
|
38
|
+
default: badgeClasses.size.default,
|
|
39
|
+
dot: badgeClasses.size.dot
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
variant: 'default',
|
|
44
|
+
size: 'default',
|
|
45
|
+
},
|
|
46
|
+
});
|
|
47
|
+
exports.badgeVariants = badgeVariants;
|
|
48
|
+
function Badge({ className, variant, size, ...props }) {
|
|
49
|
+
return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant, size }), className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
exports.Badge = Badge;
|
|
52
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;IAQJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,0DAA0D;QACnE,GAAG,EAAE,4DAA4D;QACjE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;SACrC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;YAClC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG;SAC1B;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Badge, badgeVariants } from './Badge';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeVariants = exports.Badge = void 0;
|
|
4
|
+
var Badge_1 = require("./Badge");
|
|
5
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
6
|
+
Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":";;;AAAA,iCAA8C;AAArC,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA"}
|
package/dist/Button/Button.js
CHANGED
|
@@ -13,7 +13,7 @@ const farvoriteLinkClasses = `
|
|
|
13
13
|
`;
|
|
14
14
|
exports.farvoriteLinkClasses = farvoriteLinkClasses;
|
|
15
15
|
const FavoritePaymentsList = ({ children }) => {
|
|
16
|
-
return react_1.default.createElement("ul", { className: "
|
|
16
|
+
return react_1.default.createElement("ul", { className: "divide-y" }, children);
|
|
17
17
|
};
|
|
18
18
|
exports.FavoritePaymentsList = FavoritePaymentsList;
|
|
19
19
|
const FavoritePaymentsItem = ({ children }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoritePaymentsList.js","sourceRoot":"","sources":["../../src/FavoritePyments/FavoritePaymentsList.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AAEjC,MAAM,oBAAoB,GAAW;;;;;;;CAOpC,CAAA;AA8BiF,oDAAoB;AA5BtG,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,sCAAI,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"FavoritePaymentsList.js","sourceRoot":"","sources":["../../src/FavoritePyments/FavoritePaymentsList.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AAEjC,MAAM,oBAAoB,GAAW;;;;;;;CAOpC,CAAA;AA8BiF,oDAAoB;AA5BtG,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,sCAAI,SAAS,EAAC,UAAU,IAAE,QAAQ,CAAM,CAAA;AAChD,CAAC,CAAA;AA0BQ,oDAAoB;AAxB7B,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,0CAAK,QAAQ,CAAM,CAAA;AAC3B,CAAC,CAAA;AAsB8B,oDAAoB;AAdnD,MAAM,2BAA2B,GAAe,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;IAC1E,OAAO,CACN;QACC,wCAAM,SAAS,EAAC,MAAM;YACrB,wCAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAQ;YACxC,wCAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACvD;QACP,wCAAM,SAAS,EAAC,+DAA+D,IAC7E,OAAO,CACF,CACL,CACH,CAAA;AACF,CAAC,CAAA;AAEoD,kEAA2B"}
|
package/dist/Input-OTP/Input.js
CHANGED
|
@@ -14,10 +14,9 @@ InputOTPGroup.displayName = 'InputOTPGroup';
|
|
|
14
14
|
const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
|
|
15
15
|
const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
|
|
16
16
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
17
|
-
return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', isActive && '
|
|
17
|
+
return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', isActive && 'border-b-primary', className), ...props },
|
|
18
18
|
char,
|
|
19
|
-
hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" }
|
|
20
|
-
React.createElement("div", { className: "bg-foreground w-px h-4 animate-caret-blink duration-1000" })))));
|
|
19
|
+
hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" }))));
|
|
21
20
|
});
|
|
22
21
|
exports.InputOTPSlot = InputOTPSlot;
|
|
23
22
|
InputOTPSlot.displayName = 'InputOTPSlot';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,kBAAkB,EAC9B,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE,GAEhF,CACN,CACI,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK,qCAGJ,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
|
package/dist/Page/Page.js
CHANGED
|
@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
6
|
const utils_1 = require("../@/lib/utils");
|
|
7
7
|
const Navbar = ({ children, className }) => {
|
|
8
|
-
return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[
|
|
8
|
+
return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[--page-header-height] px-[20px] shrink-0', className) }, children);
|
|
9
9
|
};
|
|
10
10
|
const Content = ({ children, className }) => {
|
|
11
11
|
return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px] overflow-y-auto grow', className) }, children);
|
package/dist/Page/Page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,0CAAmC;AAMnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,0CAAmC;AAMnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+DAA+D,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACxH,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,0CAA0C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACnG,CAAC,CAAA;AAOD,MAAM,IAAI,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5D,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,0CAA0C;QAC1C,2GAA2G;QAC3G,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -6,7 +6,6 @@ const React = (0, tslib_1.__importStar)(require("react"));
|
|
|
6
6
|
const Icon_1 = require("../../src/Icon");
|
|
7
7
|
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
8
|
const utils_1 = require("../@/lib/utils");
|
|
9
|
-
const components_1 = require("./components");
|
|
10
9
|
const selectTriggerClasses = `
|
|
11
10
|
flex
|
|
12
11
|
items-center
|
|
@@ -23,15 +22,38 @@ const selectTriggerClasses = `
|
|
|
23
22
|
shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)]
|
|
24
23
|
cursor-pointer
|
|
25
24
|
`;
|
|
25
|
+
const colourStyles = {
|
|
26
|
+
control: () => ({}),
|
|
27
|
+
option: () => ({}),
|
|
28
|
+
input: () => ({}),
|
|
29
|
+
dropdownIndicator: () => ({}),
|
|
30
|
+
indicatorsContainer: () => ({}),
|
|
31
|
+
menu: () => ({}),
|
|
32
|
+
menuList: () => ({}),
|
|
33
|
+
singleValue: () => ({}),
|
|
34
|
+
valueContainer: () => ({}),
|
|
35
|
+
};
|
|
26
36
|
const Control = ({ children, ...props }) => {
|
|
27
37
|
const { isFocused } = props;
|
|
28
38
|
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
29
39
|
};
|
|
40
|
+
const optionClasses = `
|
|
41
|
+
flex
|
|
42
|
+
items-center
|
|
43
|
+
py-[16px]
|
|
44
|
+
px-[12px]
|
|
45
|
+
w-full
|
|
46
|
+
first:rounded-t-md
|
|
47
|
+
last:rounded-b-md
|
|
48
|
+
cursor-default
|
|
49
|
+
select-none
|
|
50
|
+
outline-none
|
|
51
|
+
`;
|
|
30
52
|
const Option = ({ children, ...props }) => {
|
|
31
53
|
const { isSelected, isFocused, isDisabled,
|
|
32
54
|
// @ts-ignore
|
|
33
55
|
data: { label, account, balance, cur }, } = props;
|
|
34
|
-
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(
|
|
56
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
35
57
|
React.createElement("span", { className: "flex basis-0 grow" },
|
|
36
58
|
React.createElement("span", null,
|
|
37
59
|
React.createElement("span", null, label),
|
|
@@ -47,6 +69,9 @@ const DropdownIndicator = ({ children, ...props }) => {
|
|
|
47
69
|
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
48
70
|
React.createElement(Icon_1.DropdownSmallOld, { className: "text-white", width: "16", height: "16" })));
|
|
49
71
|
};
|
|
72
|
+
const ValueContainer = ({ children, ...props }) => {
|
|
73
|
+
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
74
|
+
};
|
|
50
75
|
const SingleValue = ({ children, ...props }) => {
|
|
51
76
|
// @ts-ignore
|
|
52
77
|
const { label, account, balance, cur } = props.data;
|
|
@@ -60,6 +85,9 @@ const SingleValue = ({ children, ...props }) => {
|
|
|
60
85
|
" ",
|
|
61
86
|
cur)));
|
|
62
87
|
};
|
|
88
|
+
const Menu = ({ children, ...props }) => {
|
|
89
|
+
return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-md mt-[8px] rounded-md", ...props }, children));
|
|
90
|
+
};
|
|
63
91
|
const SelectAccountCard = (props) => {
|
|
64
92
|
return (React.createElement(react_select_1.default, { isSearchable: false, components: {
|
|
65
93
|
Control,
|
|
@@ -67,9 +95,9 @@ const SelectAccountCard = (props) => {
|
|
|
67
95
|
SingleValue,
|
|
68
96
|
DropdownIndicator,
|
|
69
97
|
IndicatorSeparator: () => null,
|
|
70
|
-
Menu
|
|
71
|
-
ValueContainer
|
|
72
|
-
}, styles:
|
|
98
|
+
Menu,
|
|
99
|
+
ValueContainer,
|
|
100
|
+
}, styles: colourStyles, unstyled: true, ...props }));
|
|
73
101
|
};
|
|
74
102
|
exports.SelectAccountCard = SelectAccountCard;
|
|
75
103
|
//# sourceMappingURL=SelectAccountCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,21 +3,82 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectAsync = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const Icon_1 = require("../../src/Icon");
|
|
7
|
+
const react_select_1 = require("react-select");
|
|
6
8
|
const async_1 = (0, tslib_1.__importDefault)(require("react-select/async"));
|
|
7
|
-
const
|
|
9
|
+
const utils_1 = require("../@/lib/utils");
|
|
10
|
+
const selectTriggerClasses = `
|
|
11
|
+
flex
|
|
12
|
+
items-center
|
|
13
|
+
py-[12px]
|
|
14
|
+
px-[16px]
|
|
15
|
+
h-[44px]
|
|
16
|
+
border-[1px]
|
|
17
|
+
border-input
|
|
18
|
+
rounded-sm
|
|
19
|
+
text-left
|
|
20
|
+
cursor-pointer
|
|
21
|
+
`;
|
|
22
|
+
const colourStyles = {
|
|
23
|
+
control: () => ({}),
|
|
24
|
+
option: () => ({}),
|
|
25
|
+
input: () => ({}),
|
|
26
|
+
dropdownIndicator: () => ({}),
|
|
27
|
+
indicatorsContainer: () => ({}),
|
|
28
|
+
menu: () => ({}),
|
|
29
|
+
menuList: () => ({}),
|
|
30
|
+
singleValue: () => ({}),
|
|
31
|
+
valueContainer: () => ({}),
|
|
32
|
+
};
|
|
33
|
+
const Input = ({ ...props }) => {
|
|
34
|
+
return React.createElement(react_select_1.components.Input, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props });
|
|
35
|
+
};
|
|
36
|
+
const Control = ({ children, ...props }) => {
|
|
37
|
+
const { isFocused } = props;
|
|
38
|
+
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
39
|
+
};
|
|
40
|
+
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
41
|
+
const Option = ({ children, ...props }) => {
|
|
42
|
+
const { isSelected, isFocused, isDisabled, } = props;
|
|
43
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
44
|
+
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
45
|
+
React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
46
|
+
};
|
|
47
|
+
const IndicatorsContainer = ({ children, ...props }) => {
|
|
48
|
+
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
49
|
+
};
|
|
50
|
+
const LoadingIndicator = ({ ...props }) => {
|
|
51
|
+
return (React.createElement(react_select_1.components.LoadingIndicator, { className: 'text-light shrink-0', ...props }));
|
|
52
|
+
};
|
|
53
|
+
const DropdownIndicator = ({ children, ...props }) => {
|
|
54
|
+
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
55
|
+
React.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
|
|
56
|
+
};
|
|
57
|
+
const ValueContainer = ({ children, ...props }) => {
|
|
58
|
+
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
59
|
+
};
|
|
60
|
+
const SingleValue = ({ children, ...props }) => {
|
|
61
|
+
return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
|
|
62
|
+
};
|
|
63
|
+
const Menu = ({ children, ...props }) => {
|
|
64
|
+
return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
|
|
65
|
+
};
|
|
66
|
+
const Placeholder = ({ children, ...props }) => {
|
|
67
|
+
return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
|
|
68
|
+
};
|
|
8
69
|
const SelectAsync = ({ ...props }) => (React.createElement(async_1.default, { components: {
|
|
9
|
-
Control
|
|
10
|
-
Option
|
|
11
|
-
SingleValue
|
|
12
|
-
DropdownIndicator
|
|
70
|
+
Control,
|
|
71
|
+
Option,
|
|
72
|
+
SingleValue,
|
|
73
|
+
DropdownIndicator,
|
|
13
74
|
IndicatorSeparator: () => null,
|
|
14
|
-
Menu
|
|
15
|
-
ValueContainer
|
|
16
|
-
Placeholder
|
|
17
|
-
Input
|
|
18
|
-
LoadingIndicator
|
|
19
|
-
IndicatorsContainer
|
|
20
|
-
}, styles:
|
|
75
|
+
Menu,
|
|
76
|
+
ValueContainer,
|
|
77
|
+
Placeholder,
|
|
78
|
+
Input,
|
|
79
|
+
LoadingIndicator,
|
|
80
|
+
IndicatorsContainer
|
|
81
|
+
}, styles: colourStyles, unstyled: true, ...props }));
|
|
21
82
|
exports.SelectAsync = SelectAsync;
|
|
22
83
|
SelectAsync.displayName = 'SelectAsync';
|
|
23
84
|
//# sourceMappingURL=SelectAsync.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,4EAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAA6D;AAC7D,+CAaqB;AACrB,4EAA4C;AAC5C,0CAAmC;AAEnC,MAAM,oBAAoB,GAAW;;;;;;;;;;;CAWpC,CAAA;AAED,MAAM,YAAY,GAAiB;IAClC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACjB,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7B,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACvB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CAC1B,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,EAAC,GAAG,KAAK,EAAc,EAAE,EAAE;IACzC,OAAO,oBAAC,yBAAU,CAAC,KAAK,IAAC,SAAS,EAAC,6CAA6C,KAAK,KAAK,GAAI,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC3B,OAAO,CACN,oBAAC,yBAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAA,UAAE,EAAC,oBAAoB,EAAE,EAAE,oDAAoD,EAAE,SAAS,EAAE,CAAC,KACpG,KAAK,IAER,QAAQ,CACW,CACrB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,aAAa,GAClB,2HAA2H,CAAA;AAE5H,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACtD,MAAM,EACL,UAAU,EACV,SAAS,EACT,UAAU,GACV,GAAG,KAAK,CAAA;IACT,OAAO,CACN,oBAAC,yBAAU,CAAC,MAAM,IACjB,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,gCAAgC,EAAE,UAAU,EAAE,CAAC,KACrG,KAAK;QAET,8BAAM,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAQ;QAErD,8BAAM,SAAS,EAAC,gCAAgC,IAC9C,UAAU,IAAI,CACd,oBAAC,iBAAU,IACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,cAAc,GACvB,CACF,CACK,CACY,CACpB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAE,EAAE;IAChF,OAAO,CACN,oBAAC,yBAAU,CAAC,mBAAmB,IAAC,SAAS,EAAC,wCAAwC,KAAK,KAAK,IAC1F,QAAQ,CACuB,CACjC,CAAA;AACF,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,EAAC,GAAG,KAAK,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACN,oBAAC,yBAAU,CAAC,gBAAgB,IAC3B,SAAS,EAAC,qBAAqB,KAC3B,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC5E,OAAO,CACN,oBAAC,yBAAU,CAAC,iBAAiB,IAC5B,SAAS,EAAC,UAAU,KAChB,KAAK;QAET,oBAAC,uBAAgB,IAChB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACV,CAC4B,CAC/B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IACtE,OAAO,CACN,oBAAC,yBAAU,CAAC,cAAc,IACzB,SAAS,EAAC,aAAa,KACnB,KAAK,IAER,QAAQ,CACkB,CAC5B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6CAA6C,KACnD,KAAK,IAER,QAAQ,CACe,CACzB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IAClD,OAAO,CACN,oBAAC,yBAAU,CAAC,IAAI,IACf,SAAS,EAAC,gEAAgE,KACtE,KAAK,IAER,QAAQ,CACQ,CAClB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6EAA6E,KACnF,KAAK,IAER,QAAQ,CACe,CACzB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,oBAAC,eAAW,IACX,UAAU,EAAE;QACX,OAAO;QACP,MAAM;QACN,WAAW;QACX,iBAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;QAC9B,IAAI;QACJ,cAAc;QACd,WAAW;QACX,KAAK;QACL,gBAAgB;QAChB,mBAAmB;KACnB,EACD,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AAIQ,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}
|
|
@@ -3,22 +3,82 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectBase = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const
|
|
7
|
-
const
|
|
6
|
+
const Icon_1 = require("../../src/Icon");
|
|
7
|
+
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const selectTriggerClasses = `
|
|
10
|
+
flex
|
|
11
|
+
items-center
|
|
12
|
+
py-[12px]
|
|
13
|
+
px-[16px]
|
|
14
|
+
h-[44px]
|
|
15
|
+
text-left
|
|
16
|
+
border-[1px]
|
|
17
|
+
border-input
|
|
18
|
+
rounded-sm
|
|
19
|
+
cursor-pointer
|
|
20
|
+
`;
|
|
21
|
+
const colourStyles = {
|
|
22
|
+
control: () => ({}),
|
|
23
|
+
option: () => ({}),
|
|
24
|
+
input: () => ({}),
|
|
25
|
+
dropdownIndicator: () => ({}),
|
|
26
|
+
indicatorsContainer: () => ({}),
|
|
27
|
+
menu: () => ({}),
|
|
28
|
+
menuList: () => ({}),
|
|
29
|
+
singleValue: () => ({}),
|
|
30
|
+
valueContainer: () => ({}),
|
|
31
|
+
};
|
|
32
|
+
const Input = ({ ...props }) => {
|
|
33
|
+
return React.createElement(react_select_1.components.Input, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props });
|
|
34
|
+
};
|
|
35
|
+
const Control = ({ children, ...props }) => {
|
|
36
|
+
const { isFocused } = props;
|
|
37
|
+
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
38
|
+
};
|
|
39
|
+
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
40
|
+
const Option = ({ children, ...props }) => {
|
|
41
|
+
const { isSelected, isFocused, isDisabled, } = props;
|
|
42
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
43
|
+
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
44
|
+
React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
45
|
+
};
|
|
46
|
+
const IndicatorsContainer = ({ children, ...props }) => {
|
|
47
|
+
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
48
|
+
};
|
|
49
|
+
const LoadingIndicator = ({ ...props }) => {
|
|
50
|
+
return (React.createElement(react_select_1.components.LoadingIndicator, { className: 'text-light shrink-0', ...props }));
|
|
51
|
+
};
|
|
52
|
+
const DropdownIndicator = ({ children, ...props }) => {
|
|
53
|
+
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
54
|
+
React.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
|
|
55
|
+
};
|
|
56
|
+
const ValueContainer = ({ children, ...props }) => {
|
|
57
|
+
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
58
|
+
};
|
|
59
|
+
const SingleValue = ({ children, ...props }) => {
|
|
60
|
+
return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
|
|
61
|
+
};
|
|
62
|
+
const Menu = ({ children, ...props }) => {
|
|
63
|
+
return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
|
|
64
|
+
};
|
|
65
|
+
const Placeholder = ({ children, ...props }) => {
|
|
66
|
+
return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
|
|
67
|
+
};
|
|
8
68
|
function SelectBase(props) {
|
|
9
69
|
return (React.createElement(react_select_1.default, { components: {
|
|
10
|
-
Control
|
|
11
|
-
Option
|
|
12
|
-
SingleValue
|
|
13
|
-
DropdownIndicator
|
|
70
|
+
Control,
|
|
71
|
+
Option,
|
|
72
|
+
SingleValue,
|
|
73
|
+
DropdownIndicator,
|
|
14
74
|
IndicatorSeparator: () => null,
|
|
15
|
-
Menu
|
|
16
|
-
ValueContainer
|
|
17
|
-
Placeholder
|
|
18
|
-
Input
|
|
19
|
-
LoadingIndicator
|
|
20
|
-
IndicatorsContainer
|
|
21
|
-
}, styles:
|
|
75
|
+
Menu,
|
|
76
|
+
ValueContainer,
|
|
77
|
+
Placeholder,
|
|
78
|
+
Input,
|
|
79
|
+
LoadingIndicator,
|
|
80
|
+
IndicatorsContainer
|
|
81
|
+
}, styles: colourStyles, unstyled: true, ...props }));
|
|
22
82
|
}
|
|
23
83
|
exports.SelectBase = SelectBase;
|
|
24
84
|
SelectBase.displayName = 'SelectBase';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,
|
|
1
|
+
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":"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"}
|
package/dist/Select/index.d.ts
CHANGED
package/dist/Select/index.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Select = exports.SelectBase = exports.SelectAsync = exports.
|
|
3
|
+
exports.Select = exports.SelectBase = exports.SelectAsync = exports.SelectAccountCard = void 0;
|
|
4
4
|
var SelectAccountCard_1 = require("./SelectAccountCard");
|
|
5
5
|
Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return SelectAccountCard_1.SelectAccountCard; } });
|
|
6
|
-
var SelectAccount_1 = require("./SelectAccount");
|
|
7
|
-
Object.defineProperty(exports, "SelectAccount", { enumerable: true, get: function () { return SelectAccount_1.SelectAccount; } });
|
|
8
6
|
var SelectAsync_1 = require("./SelectAsync");
|
|
9
7
|
Object.defineProperty(exports, "SelectAsync", { enumerable: true, get: function () { return SelectAsync_1.SelectAsync; } });
|
|
10
8
|
var SelectBase_1 = require("./SelectBase");
|
package/dist/Select/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { ToasterProps, ExternalToast } from 'sonner';
|
|
3
|
+
declare const Toaster: {
|
|
4
|
+
({ ...props }: ToasterProps): React.JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
interface IToast {
|
|
8
|
+
success: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode;
|
|
9
|
+
critical: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode;
|
|
10
|
+
snackbar: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const toast: IToast;
|
|
13
|
+
export { Toaster, toast };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.toast = exports.Toaster = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const Icon_1 = require("../Icon");
|
|
7
|
+
const sonner_1 = require("sonner");
|
|
8
|
+
const Toaster = ({ ...props }) => {
|
|
9
|
+
return (react_1.default.createElement(sonner_1.Toaster, { visibleToasts: 1, toastOptions: {
|
|
10
|
+
unstyled: true,
|
|
11
|
+
classNames: {
|
|
12
|
+
icon: 'shrink-0 size-[24px]',
|
|
13
|
+
toast: 'px-[12px] py-[8px] text-white border-none rounded-md flex w-full sm:width-[--page-container-width] shadow-md',
|
|
14
|
+
description: 'text-[14px] leading-[1.125] mt-[4px]',
|
|
15
|
+
content: 'grow',
|
|
16
|
+
actionButton: 'shrink-0 py-[12px] px-[24px] font-medium',
|
|
17
|
+
cancelButton: 'shrink-0 py-[12px] px-[24px] font-medium',
|
|
18
|
+
},
|
|
19
|
+
}, expand: true, ...props }));
|
|
20
|
+
};
|
|
21
|
+
exports.Toaster = Toaster;
|
|
22
|
+
Toaster.displayName = 'Toaster';
|
|
23
|
+
const toast = {
|
|
24
|
+
success: (title, options) => {
|
|
25
|
+
return (0, sonner_1.toast)(title, {
|
|
26
|
+
position: 'top-center',
|
|
27
|
+
icon: react_1.default.createElement(Icon_1.CheckCircleSolid, null),
|
|
28
|
+
classNames: {
|
|
29
|
+
content: 'w-[calc(100%-28px)]',
|
|
30
|
+
},
|
|
31
|
+
className: 'bg-success',
|
|
32
|
+
...options,
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
critical: (title, options) => {
|
|
36
|
+
return (0, sonner_1.toast)(title, {
|
|
37
|
+
position: 'top-center',
|
|
38
|
+
icon: react_1.default.createElement(Icon_1.InfoSolid, null),
|
|
39
|
+
duration: Infinity,
|
|
40
|
+
classNames: {
|
|
41
|
+
content: 'w-[calc(100%-28px)]',
|
|
42
|
+
},
|
|
43
|
+
className: 'bg-critical',
|
|
44
|
+
...options,
|
|
45
|
+
});
|
|
46
|
+
},
|
|
47
|
+
snackbar: (title, options) => {
|
|
48
|
+
return (0, sonner_1.toast)(title, {
|
|
49
|
+
position: 'bottom-center',
|
|
50
|
+
classNames: {
|
|
51
|
+
toast: 'items-center',
|
|
52
|
+
content: 'mt-0'
|
|
53
|
+
},
|
|
54
|
+
className: 'bg-[--base]',
|
|
55
|
+
...options,
|
|
56
|
+
});
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
exports.toast = toast;
|
|
60
|
+
//# sourceMappingURL=Toaster.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/Toaster/Toaster.tsx"],"names":[],"mappings":";;;;AAAA,+DAAwC;AACxC,kCAAqD;AACrD,mCAAmG;AAEnG,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC9C,OAAO,CACN,8BAAC,gBAAc,IACd,aAAa,EAAE,CAAC,EAChB,YAAY,EAAE;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE;gBACX,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,8GAA8G;gBACrH,WAAW,EAAE,sCAAsC;gBACnD,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,0CAA0C;gBACxD,YAAY,EAAE,0CAA0C;aACxD;SACD,EACD,MAAM,EAAE,IAAI,KACR,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AA+CQ,0BAAO;AA7ChB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAM/B,MAAM,KAAK,GAAW;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC3B,OAAO,IAAA,cAAS,EAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,8BAAC,uBAAgB,OAAG;YAC1B,UAAU,EAAE;gBACX,OAAO,EAAE,qBAAqB;aAC9B;YACD,SAAS,EAAE,YAAY;YACvB,GAAG,OAAO;SACV,CAAC,CAAA;IACH,CAAC;IAED,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC5B,OAAO,IAAA,cAAS,EAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,8BAAC,gBAAS,OAAG;YACnB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE;gBACX,OAAO,EAAE,qBAAqB;aAC9B;YACD,SAAS,EAAE,aAAa;YACxB,GAAG,OAAO;SACV,CAAC,CAAA;IACH,CAAC;IAED,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC5B,OAAO,IAAA,cAAS,EAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,eAAe;YACzB,UAAU,EAAE;gBACX,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,MAAM;aACf;YACD,SAAS,EAAE,aAAa;YACxB,GAAG,OAAO;SACV,CAAC,CAAA;IACH,CAAC;CACD,CAAA;AAEiB,sBAAK"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Toaster, toast } from './Toaster';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.toast = exports.Toaster = void 0;
|
|
4
|
+
var Toaster_1 = require("./Toaster");
|
|
5
|
+
Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toaster_1.Toaster; } });
|
|
6
|
+
Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return Toaster_1.toast; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Toaster/index.ts"],"names":[],"mappings":";;;AAAA,qCAAyC;AAAhC,kGAAA,OAAO,OAAA;AAAE,gGAAA,KAAK,OAAA"}
|