period-ui 0.1.23 → 0.1.25
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/components/atoms/billo-icon/billo-icon-types.js +122 -0
- package/dist/components/atoms/billo-icon/billo-icon-types.js.map +1 -0
- package/dist/components/atoms/billo-icon/billo-icon.js +10 -0
- package/dist/components/atoms/billo-icon/billo-icon.js.map +1 -0
- package/dist/components/atoms/billo-icon/index.js +19 -0
- package/dist/components/atoms/billo-icon/index.js.map +1 -0
- package/dist/components/atoms/button/button-types.js +10 -0
- package/dist/components/atoms/button/button-types.js.map +1 -0
- package/dist/components/atoms/button/button.js +31 -0
- package/dist/components/atoms/button/button.js.map +1 -0
- package/dist/components/atoms/button/index.js +19 -0
- package/dist/components/atoms/button/index.js.map +1 -0
- package/dist/components/atoms/check-box/check-box-types.js +14 -0
- package/dist/components/atoms/check-box/check-box-types.js.map +1 -0
- package/dist/components/atoms/check-box/check-box.js +33 -0
- package/dist/components/atoms/check-box/check-box.js.map +1 -0
- package/dist/components/atoms/check-box/index.js +19 -0
- package/dist/components/atoms/check-box/index.js.map +1 -0
- package/dist/components/atoms/chip/chip/chip.js +13 -0
- package/dist/components/atoms/chip/chip/chip.js.map +1 -0
- package/dist/components/atoms/chip/chip/components/clear-button.js +11 -0
- package/dist/components/atoms/chip/chip/components/clear-button.js.map +1 -0
- package/dist/components/atoms/chip/chip/index.js +18 -0
- package/dist/components/atoms/chip/chip/index.js.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.js +11 -0
- package/dist/components/atoms/chip/chips-list/chips-list.js.map +1 -0
- package/dist/components/atoms/chip/chips-list/index.js +18 -0
- package/dist/components/atoms/chip/chips-list/index.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.js +19 -0
- package/dist/components/atoms/drop-down-menu/components/index.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.js +11 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +22 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +25 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/index.js +18 -0
- package/dist/components/atoms/drop-down-menu/index.js.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.js +11 -0
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -0
- package/dist/components/atoms/icon-button/index.js +18 -0
- package/dist/components/atoms/icon-button/index.js.map +1 -0
- package/dist/components/atoms/search-bar/components/clear-button.js +11 -0
- package/dist/components/atoms/search-bar/components/clear-button.js.map +1 -0
- package/dist/components/atoms/search-bar/index.js +18 -0
- package/dist/components/atoms/search-bar/index.js.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.js +14 -0
- package/dist/components/atoms/search-bar/search-bar.js.map +1 -0
- package/dist/components/atoms/text/index.js +19 -0
- package/dist/components/atoms/text/index.js.map +1 -0
- package/dist/components/atoms/text/text-types.js +37 -0
- package/dist/components/atoms/text/text-types.js.map +1 -0
- package/dist/components/atoms/text/text.js +26 -0
- package/dist/components/atoms/text/text.js.map +1 -0
- package/dist/components/atoms/text-button/index.js +19 -0
- package/dist/components/atoms/text-button/index.js.map +1 -0
- package/dist/components/atoms/text-button/text-button-types.js +13 -0
- package/dist/components/atoms/text-button/text-button-types.js.map +1 -0
- package/dist/components/atoms/text-button/text-button.js +14 -0
- package/dist/components/atoms/text-button/text-button.js.map +1 -0
- package/dist/components/index.js +32 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.js +29 -0
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -0
- package/dist/components/molecules/form/form-select/index.js +18 -0
- package/dist/components/molecules/form/form-select/index.js.map +1 -0
- package/dist/components/molecules/form/form-story-stubs.js +81 -0
- package/dist/components/molecules/form/form-story-stubs.js.map +1 -0
- package/dist/components/molecules/form/form-test-stubs.js +41 -0
- package/dist/components/molecules/form/form-test-stubs.js.map +1 -0
- package/dist/components/molecules/form/form-text-field/form-text-field.js +10 -0
- package/dist/components/molecules/form/form-text-field/form-text-field.js.map +1 -0
- package/dist/components/molecules/form/form-text-field/index.js +18 -0
- package/dist/components/molecules/form/form-text-field/index.js.map +1 -0
- package/dist/components/molecules/form/form-types.js +3 -0
- package/dist/components/molecules/form/form-types.js.map +1 -0
- package/dist/components/molecules/form/form.js +44 -0
- package/dist/components/molecules/form/form.js.map +1 -0
- package/dist/components/molecules/form/index.js +19 -0
- package/dist/components/molecules/form/index.js.map +1 -0
- package/dist/components/molecules/select/components/select-input.js +11 -0
- package/dist/components/molecules/select/components/select-input.js.map +1 -0
- package/dist/components/molecules/select/index.js +19 -0
- package/dist/components/molecules/select/index.js.map +1 -0
- package/dist/components/molecules/select/select.js +30 -0
- package/dist/components/molecules/select/select.js.map +1 -0
- package/dist/components/molecules/select/use-select.js +149 -0
- package/dist/components/molecules/select/use-select.js.map +1 -0
- package/dist/components/molecules/text-field/index.js +18 -0
- package/dist/components/molecules/text-field/index.js.map +1 -0
- package/dist/components/molecules/text-field/text-field.js +10 -0
- package/dist/components/molecules/text-field/text-field.js.map +1 -0
- package/dist/containers/form-control/components/form-error.js +10 -0
- package/dist/containers/form-control/components/form-error.js.map +1 -0
- package/dist/containers/form-control/components/form-helper.js +10 -0
- package/dist/containers/form-control/components/form-helper.js.map +1 -0
- package/dist/containers/form-control/components/form-label.js +10 -0
- package/dist/containers/form-control/components/form-label.js.map +1 -0
- package/dist/containers/form-control/form-control-types.js +19 -0
- package/dist/containers/form-control/form-control-types.js.map +1 -0
- package/dist/containers/form-control/form-control.js +18 -0
- package/dist/containers/form-control/form-control.js.map +1 -0
- package/dist/containers/form-control/index.js +19 -0
- package/dist/containers/form-control/index.js.map +1 -0
- package/dist/containers/index.js +18 -0
- package/dist/containers/index.js.map +1 -0
- package/dist/index.js +30 -49
- package/dist/index.js.map +1 -0
- package/dist/utils/string-utils/string-utils.js +15 -0
- package/dist/utils/string-utils/string-utils.js.map +1 -0
- package/dist/utils/tailwind-utils.js +12 -0
- package/dist/utils/tailwind-utils.js.map +1 -0
- package/dist/utils/window-dimensions-utils.js +37 -0
- package/dist/utils/window-dimensions-utils.js.map +1 -0
- package/dist/vitest.setup.js +3 -0
- package/dist/vitest.setup.js.map +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconColor = exports.IconSize = exports.IconSymbol = void 0;
|
|
4
|
+
var IconSymbol;
|
|
5
|
+
(function (IconSymbol) {
|
|
6
|
+
IconSymbol["WARNING"] = "icon-warning";
|
|
7
|
+
IconSymbol["CHEVRON_DOWN"] = "icon-chevron-down";
|
|
8
|
+
IconSymbol["CHEVRON_UP"] = "icon-chevron-up";
|
|
9
|
+
IconSymbol["CHEVRON_RIGHT"] = "icon-chevron-right";
|
|
10
|
+
IconSymbol["CHEVRON_LEFT"] = "icon-chevron-left";
|
|
11
|
+
IconSymbol["COPY"] = "icon-copy";
|
|
12
|
+
IconSymbol["DOT_MENU"] = "icon-dot-menu";
|
|
13
|
+
IconSymbol["FUNNEL"] = "icon-funnel";
|
|
14
|
+
IconSymbol["CLOCK_WARNING"] = "icon-clock-warning";
|
|
15
|
+
IconSymbol["SPINNER"] = "icon-spinner";
|
|
16
|
+
IconSymbol["MINUS"] = "icon-minus";
|
|
17
|
+
IconSymbol["MAGNIFYING_GLASS"] = "icon-magnifying-glass";
|
|
18
|
+
IconSymbol["ARROWS_LEFT_RIGHT"] = "icon-arrows-left-right";
|
|
19
|
+
IconSymbol["TAG"] = "icon-tag";
|
|
20
|
+
IconSymbol["CALENDER"] = "icon-calendar";
|
|
21
|
+
IconSymbol["CHECK_CIRCLE"] = "icon-check-circle";
|
|
22
|
+
IconSymbol["ADDRESS_BOOK"] = "icon-address-book";
|
|
23
|
+
IconSymbol["ICON_X"] = "icon-x";
|
|
24
|
+
IconSymbol["CREDIT_CARD"] = "icon-credit-card";
|
|
25
|
+
IconSymbol["POS"] = "icon-pos";
|
|
26
|
+
IconSymbol["FILE"] = "icon-file";
|
|
27
|
+
IconSymbol["DOWNLOAD"] = "icon-download";
|
|
28
|
+
IconSymbol["PENCIL"] = "icon-pencil";
|
|
29
|
+
IconSymbol["ALERT"] = "icon-alert";
|
|
30
|
+
IconSymbol["QUESTION_CONTAINED"] = "icon-question-contained";
|
|
31
|
+
IconSymbol["EYE_SLASH"] = "icon-eye-slash";
|
|
32
|
+
IconSymbol["IMAGE"] = "icon-image";
|
|
33
|
+
IconSymbol["UPLOAD"] = "icon-upload";
|
|
34
|
+
IconSymbol["LINK"] = "icon-link";
|
|
35
|
+
IconSymbol["SIGN_OUT"] = "icon-sign-out";
|
|
36
|
+
IconSymbol["MASTER_CARD"] = "icon-mastercard";
|
|
37
|
+
IconSymbol["MENU"] = "icon-menu";
|
|
38
|
+
IconSymbol["FILE_PDF"] = "icon-file-pdf";
|
|
39
|
+
IconSymbol["PLUS"] = "icon-plus";
|
|
40
|
+
IconSymbol["BASKET"] = "icon-basket";
|
|
41
|
+
IconSymbol["STOCK"] = "icon-stock";
|
|
42
|
+
IconSymbol["QR_CODE"] = "icon-qr-code";
|
|
43
|
+
IconSymbol["X_CIRCLE"] = "icon-x-circle";
|
|
44
|
+
IconSymbol["PIE_CHART"] = "icon-pie-chart";
|
|
45
|
+
IconSymbol["MAGNIFYING_GLASS_X"] = "icon-magnifying-glass-x";
|
|
46
|
+
IconSymbol["PAPER_PLANE"] = "icon-paper-plane";
|
|
47
|
+
IconSymbol["GEAR"] = "icon-gear";
|
|
48
|
+
IconSymbol["EYE"] = "icon-eye";
|
|
49
|
+
IconSymbol["CLIPBOARD"] = "icon-clipboard";
|
|
50
|
+
IconSymbol["INFO"] = "icon-info";
|
|
51
|
+
IconSymbol["TRASH"] = "icon-trash";
|
|
52
|
+
IconSymbol["LINK_BREAK"] = "icon-link-break";
|
|
53
|
+
IconSymbol["ELECTRICITY_BILL"] = "icon-electricity-bill";
|
|
54
|
+
IconSymbol["VISA"] = "icon-visa";
|
|
55
|
+
IconSymbol["RECEIPT"] = "icon-receipt";
|
|
56
|
+
IconSymbol["RECEIPT_CONTAINED"] = "icon-receipt-contained";
|
|
57
|
+
IconSymbol["CLOCK"] = "icon-clock";
|
|
58
|
+
IconSymbol["CARET_DOWN"] = "icon-caret-down";
|
|
59
|
+
IconSymbol["CARET_UP"] = "icon-caret-up";
|
|
60
|
+
IconSymbol["QUESTION"] = "icon-question";
|
|
61
|
+
IconSymbol["USER_CONTAINED"] = "icon-user-contained";
|
|
62
|
+
IconSymbol["WHATSAPP"] = "icon-whatsapp";
|
|
63
|
+
IconSymbol["STORE_CLOCK"] = "icon-store-clock";
|
|
64
|
+
IconSymbol["PHONE_CALL"] = "icon-phone-call";
|
|
65
|
+
IconSymbol["LOCK"] = "icon-lock";
|
|
66
|
+
IconSymbol["ARROW_SQUARE_OUT"] = "icon-arrow-square-out";
|
|
67
|
+
IconSymbol["ARROW_LEFT"] = "icon-arrow-left";
|
|
68
|
+
IconSymbol["ARROW_RIGHT"] = "icon-arrow-right";
|
|
69
|
+
IconSymbol["DEVICES"] = "icon-devices";
|
|
70
|
+
IconSymbol["CASH"] = "icon-cash";
|
|
71
|
+
IconSymbol["BANK"] = "icon-bank";
|
|
72
|
+
IconSymbol["MOBILE"] = "icon-mobile";
|
|
73
|
+
IconSymbol["CHECK"] = "icon-check";
|
|
74
|
+
IconSymbol["MEGAPHONE"] = "icon-megaphone";
|
|
75
|
+
IconSymbol["BELL"] = "icon-bell";
|
|
76
|
+
IconSymbol["STOREFRONT"] = "icon-storefront";
|
|
77
|
+
IconSymbol["HOUSE"] = "icon-house";
|
|
78
|
+
IconSymbol["ARROW_CLOCKWISE"] = "icon-arrow-clockwise";
|
|
79
|
+
IconSymbol["ENVELOPE"] = "icon-envelope";
|
|
80
|
+
IconSymbol["USER"] = "icon-user";
|
|
81
|
+
IconSymbol["CHECK_SEAL"] = "icon-check-seal";
|
|
82
|
+
IconSymbol["PIN"] = "icon-pin";
|
|
83
|
+
IconSymbol["BILLO_LOGO"] = "icon-billo-logo";
|
|
84
|
+
IconSymbol["BN_LOGO"] = "icon-banco-nacional-logo";
|
|
85
|
+
IconSymbol["SHOPPING_CART"] = "icon-shopping-cart";
|
|
86
|
+
IconSymbol["WARNING_FILLED"] = "icon-warning-filled";
|
|
87
|
+
IconSymbol["INFO_FILLED"] = "icon-info-filled";
|
|
88
|
+
IconSymbol["CHECK_CIRCLE_FILLED"] = "icon-check-circle-filled";
|
|
89
|
+
IconSymbol["ALERT_FILLED"] = "icon-alert-filled";
|
|
90
|
+
IconSymbol["DUPLICATE_AND_SEND"] = "icon-duplicate-and-send";
|
|
91
|
+
IconSymbol["NUMBER_PAD"] = "icon-number-pad";
|
|
92
|
+
})(IconSymbol || (exports.IconSymbol = IconSymbol = {}));
|
|
93
|
+
var IconSize;
|
|
94
|
+
(function (IconSize) {
|
|
95
|
+
IconSize["XXS"] = "text-[10px]";
|
|
96
|
+
IconSize["XS"] = "text-[12px]";
|
|
97
|
+
IconSize["SM"] = "text-[14px]";
|
|
98
|
+
IconSize["MD"] = "text-[16px]";
|
|
99
|
+
IconSize["LG"] = "text-[18px]";
|
|
100
|
+
IconSize["XL"] = "text-[20px]";
|
|
101
|
+
IconSize["TWO_XL"] = "text-[24px]";
|
|
102
|
+
IconSize["THREE_XL"] = "text-[30px]";
|
|
103
|
+
IconSize["FOUR_XL"] = "text-[36px]";
|
|
104
|
+
IconSize["FIVE_XL"] = "text-[48px]";
|
|
105
|
+
IconSize["SIX_XL"] = "text-[60px]";
|
|
106
|
+
IconSize["SEVEN_XL"] = "text-[72px]";
|
|
107
|
+
IconSize["EIGHT_XL"] = "text-[96px]";
|
|
108
|
+
})(IconSize || (exports.IconSize = IconSize = {}));
|
|
109
|
+
var IconColor;
|
|
110
|
+
(function (IconColor) {
|
|
111
|
+
IconColor["WHITE"] = "text-white";
|
|
112
|
+
IconColor["BLUE_01"] = "text-blue-01";
|
|
113
|
+
IconColor["BLUE_02"] = "text-blue-02";
|
|
114
|
+
IconColor["BLUE_03"] = "text-blue-03";
|
|
115
|
+
IconColor["GREEN_02"] = "text-green-02";
|
|
116
|
+
IconColor["YELLOW_02"] = "text-yellow-02";
|
|
117
|
+
IconColor["RED_02"] = "text-red-02";
|
|
118
|
+
IconColor["GRAY_02"] = "text-gray-02";
|
|
119
|
+
IconColor["GRAY_03"] = "text-gray-03";
|
|
120
|
+
IconColor["RED_01"] = "text-red-01";
|
|
121
|
+
})(IconColor || (exports.IconColor = IconColor = {}));
|
|
122
|
+
//# sourceMappingURL=billo-icon-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"billo-icon-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,UAuFX;AAvFD,WAAY,UAAU;IACpB,sCAAwB,CAAA;IACxB,gDAAkC,CAAA;IAClC,4CAA8B,CAAA;IAC9B,kDAAoC,CAAA;IACpC,gDAAkC,CAAA;IAClC,gCAAkB,CAAA;IAClB,wCAA0B,CAAA;IAC1B,oCAAsB,CAAA;IACtB,kDAAoC,CAAA;IACpC,sCAAwB,CAAA;IACxB,kCAAoB,CAAA;IACpB,wDAA0C,CAAA;IAC1C,0DAA4C,CAAA;IAC5C,8BAAgB,CAAA;IAChB,wCAA0B,CAAA;IAC1B,gDAAkC,CAAA;IAClC,gDAAkC,CAAA;IAClC,+BAAiB,CAAA;IACjB,8CAAgC,CAAA;IAChC,8BAAgB,CAAA;IAChB,gCAAkB,CAAA;IAClB,wCAA0B,CAAA;IAC1B,oCAAsB,CAAA;IACtB,kCAAoB,CAAA;IACpB,4DAA8C,CAAA;IAC9C,0CAA4B,CAAA;IAC5B,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,gCAAkB,CAAA;IAClB,wCAA0B,CAAA;IAC1B,6CAA+B,CAAA;IAC/B,gCAAkB,CAAA;IAClB,wCAA0B,CAAA;IAC1B,gCAAkB,CAAA;IAClB,oCAAsB,CAAA;IACtB,kCAAoB,CAAA;IACpB,sCAAwB,CAAA;IACxB,wCAA0B,CAAA;IAC1B,0CAA4B,CAAA;IAC5B,4DAA8C,CAAA;IAC9C,8CAAgC,CAAA;IAChC,gCAAkB,CAAA;IAClB,8BAAgB,CAAA;IAChB,0CAA4B,CAAA;IAC5B,gCAAkB,CAAA;IAClB,kCAAoB,CAAA;IACpB,4CAA8B,CAAA;IAC9B,wDAA0C,CAAA;IAC1C,gCAAkB,CAAA;IAClB,sCAAwB,CAAA;IACxB,0DAA4C,CAAA;IAC5C,kCAAoB,CAAA;IACpB,4CAA8B,CAAA;IAC9B,wCAA0B,CAAA;IAC1B,wCAA0B,CAAA;IAC1B,oDAAsC,CAAA;IACtC,wCAA0B,CAAA;IAC1B,8CAAgC,CAAA;IAChC,4CAA8B,CAAA;IAC9B,gCAAkB,CAAA;IAClB,wDAA0C,CAAA;IAC1C,4CAA8B,CAAA;IAC9B,8CAAgC,CAAA;IAChC,sCAAwB,CAAA;IACxB,gCAAkB,CAAA;IAClB,gCAAkB,CAAA;IAClB,oCAAsB,CAAA;IACtB,kCAAoB,CAAA;IACpB,0CAA4B,CAAA;IAC5B,gCAAkB,CAAA;IAClB,4CAA8B,CAAA;IAC9B,kCAAoB,CAAA;IACpB,sDAAwC,CAAA;IACxC,wCAA0B,CAAA;IAC1B,gCAAkB,CAAA;IAClB,4CAA8B,CAAA;IAC9B,8BAAgB,CAAA;IAChB,4CAA8B,CAAA;IAC9B,kDAAoC,CAAA;IACpC,kDAAoC,CAAA;IACpC,oDAAsC,CAAA;IACtC,8CAAgC,CAAA;IAChC,8DAAgD,CAAA;IAChD,gDAAkC,CAAA;IAClC,4DAA8C,CAAA;IAC9C,4CAA8B,CAAA;AAChC,CAAC,EAvFW,UAAU,0BAAV,UAAU,QAuFrB;AAED,IAAY,QAcX;AAdD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,kCAAsB,CAAA;IACtB,oCAAwB,CAAA;IACxB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,kCAAsB,CAAA;IACtB,oCAAwB,CAAA;IACxB,oCAAwB,CAAA;AAC1B,CAAC,EAdW,QAAQ,wBAAR,QAAQ,QAcnB;AAED,IAAY,SAWX;AAXD,WAAY,SAAS;IACnB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,uCAA0B,CAAA;IAC1B,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,mCAAsB,CAAA;AACxB,CAAC,EAXW,SAAS,yBAAT,SAAS,QAWpB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BilloIcon = BilloIcon;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
+
const billo_icon_types_1 = require("./billo-icon-types");
|
|
7
|
+
function BilloIcon({ icon, size = billo_icon_types_1.IconSize.LG, color = billo_icon_types_1.IconColor.GRAY_02, touchTarget, className, }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('inline-flex items-center justify-center', touchTarget), children: (0, jsx_runtime_1.jsx)("i", { role: "presentation", className: (0, tailwind_utils_1.tailwind)(size, color, className, icon) }) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=billo-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"billo-icon.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":";;AAWA,8BAYC;;AAvBD,kEAAyD;AACzD,yDAAqE;AAUrE,SAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,GAAG,2BAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,4BAAS,CAAC,OAAO,EACzB,WAAW,EACX,SAAS,GACH;IACN,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,WAAW,CAAC,YAC9E,8BAAG,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,GAAI,GACxE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./billo-icon"), exports);
|
|
18
|
+
__exportStar(require("./billo-icon-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,qDAAmC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ButtonVariant = void 0;
|
|
4
|
+
var ButtonVariant;
|
|
5
|
+
(function (ButtonVariant) {
|
|
6
|
+
ButtonVariant["PRIMARY"] = "primary";
|
|
7
|
+
ButtonVariant["SECONDARY"] = "secondary";
|
|
8
|
+
ButtonVariant["DESTRUCTIVE"] = "destructive";
|
|
9
|
+
})(ButtonVariant || (exports.ButtonVariant = ButtonVariant = {}));
|
|
10
|
+
//# sourceMappingURL=button-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,wCAAuB,CAAA;IACvB,4CAA2B,CAAA;AAC7B,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Button = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
|
+
const button_types_1 = require("./button-types");
|
|
9
|
+
const buttonStyles = (0, class_variance_authority_1.cva)([
|
|
10
|
+
'w-full md:w-fit',
|
|
11
|
+
'py-4 md:px-8',
|
|
12
|
+
'rounded-lg',
|
|
13
|
+
'sm:font-semibold md:font-semibold',
|
|
14
|
+
'sm:font-semibold md:font-semibold',
|
|
15
|
+
'disabled:cursor-not-allowed',
|
|
16
|
+
], {
|
|
17
|
+
variants: {
|
|
18
|
+
variant: {
|
|
19
|
+
primary: 'bg-blue-01 text-white shadow-blue-02 hover:bg-blue-02 active:bg-blue-00 disabled:bg-blue-03 disabled:shadow-none',
|
|
20
|
+
secondary: 'bg-white text-blue-01 shadow-white-02 hover:text-blue-02 hover:bg-blue-04 active:bg-blue-03 disabled:text-blue-03 disabled:bg-gray-05 disabled:shadow-none',
|
|
21
|
+
destructive: 'bg-red-01 text-white shadow-red-02 hover:bg-red-02 active:bg-red-00 disabled:bg-red-03 disabled:shadow-none',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: { variant: 'primary' },
|
|
25
|
+
});
|
|
26
|
+
const RawButton = (0, react_1.forwardRef)(({ variant = button_types_1.ButtonVariant.PRIMARY, className, ...props }, ref) => {
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)("button", { ref: ref, className: (0, tailwind_utils_1.tailwind)(buttonStyles({ variant, className })), ...props }));
|
|
28
|
+
});
|
|
29
|
+
RawButton.displayName = 'Button';
|
|
30
|
+
exports.Button = RawButton;
|
|
31
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uEAA6D;AAC7D,kEAAyD;AACzD,iDAA+C;AAE/C,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;IACE,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,mCAAmC;IACnC,mCAAmC;IACnC,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kHAAkH;YACpH,SAAS,EACP,4JAA4J;YAC9J,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,CACL,mCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,QAAQ,CAAC;AAGpB,QAAA,MAAM,GAAG,SAErB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./button"), exports);
|
|
18
|
+
__exportStar(require("./button-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,iDAA+B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.checkBoxStyles = exports.CheckboxVariant = void 0;
|
|
4
|
+
var CheckboxVariant;
|
|
5
|
+
(function (CheckboxVariant) {
|
|
6
|
+
CheckboxVariant["DEFAULT"] = "DEFAULT";
|
|
7
|
+
CheckboxVariant["INTERMEDIATE"] = "INTERMEDIATE";
|
|
8
|
+
CheckboxVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
|
|
9
|
+
})(CheckboxVariant || (exports.CheckboxVariant = CheckboxVariant = {}));
|
|
10
|
+
exports.checkBoxStyles = {
|
|
11
|
+
[CheckboxVariant.DEFAULT]: 'bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03',
|
|
12
|
+
[CheckboxVariant.DESTRUCTIVE]: 'bg-red-01 hover:bg-red-02 focus-visible:bg-red-02 disabled:bg-red-03',
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=check-box-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"check-box-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,gDAA6B,CAAA;IAC7B,8CAA2B,CAAA;AAC7B,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAIY,QAAA,cAAc,GAEvB;IACF,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,0EAA0E;IAC5E,CAAC,eAAe,CAAC,WAAW,CAAC,EAC3B,sEAAsE;CACzE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Checkbox = Checkbox;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("@/components");
|
|
7
|
+
const components_2 = require("@/components");
|
|
8
|
+
const window_dimensions_utils_1 = require("@/utils/window-dimensions-utils");
|
|
9
|
+
const tailwind_utils_1 = require("@/utils/tailwind-utils");
|
|
10
|
+
function Checkbox({ value, isDisabled = false, label, className, labelName, containerClassName, variant = components_2.CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
|
|
11
|
+
const [isChecked, setIsChecked] = (0, react_1.useState)(false);
|
|
12
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
13
|
+
(0, react_1.useEffect)(() => {
|
|
14
|
+
if (value === undefined) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
setIsChecked(value);
|
|
18
|
+
}, [value]);
|
|
19
|
+
const handleClick = () => {
|
|
20
|
+
if (isDisabled) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
setIsChecked((current) => !current);
|
|
24
|
+
if (!onCheckToggle) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
onCheckToggle(isChecked);
|
|
28
|
+
};
|
|
29
|
+
const isIntermediate = variant === components_2.CheckboxVariant.INTERMEDIATE;
|
|
30
|
+
const checkBoxVariantStyle = components_2.checkBoxStyles[isIntermediate ? components_2.CheckboxVariant.DEFAULT : variant];
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-start', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', containerClassName), onClick: handleClick, children: [(0, jsx_runtime_1.jsxs)("button", { role: "checkbox", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center border-2 border-gray-04 rounded shrink-0', 'h-[18px] w-[18px] md:h-5 md:w-5', 'hover:border-gray-03 hover:bg-gray-05', 'disabled:bg-gray-06 disabled:border-gray-04 disabled:cursor-not-allowed', 'focus-visible:border-none focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus:outline-blue-01', isChecked && `${checkBoxVariantStyle} border-none`, className), children: [isChecked && !isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.CHECK, className: "no-selectable text-white" })), isChecked && isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.MINUS, className: "text-white" }))] }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex ml-2 select-none whitespace-normal', labelName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=check-box.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAwBA,4BA0FC;;AAlHD,iCAA4C;AAC5C,6CAOsB;AACtB,6CAA+D;AAC/D,6EAAsE;AACtE,2DAAkD;AAalD,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,iCAAiC,EACjC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,SAAS,IAAI,GAAG,oBAAoB,cAAc,EAClD,SAAS,CACV,aAEA,SAAS,IAAI,CAAC,cAAc,IAAI,CAC/B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,SAAS,IAAI,cAAc,IAAI,CAC9B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./check-box"), exports);
|
|
18
|
+
__exportStar(require("./check-box-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Chip = Chip;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
6
|
+
const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
|
|
7
|
+
const components_1 = require("../../../../components");
|
|
8
|
+
const clear_button_1 = require("./components/clear-button");
|
|
9
|
+
function Chip({ id, label, className, onClick }) {
|
|
10
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-chip": true, className: (0, tailwind_utils_1.tailwind)('flex flex-row pl-4 pr-1 md:pr-[2px] w-fit rounded-lg items-center justify-center', 'bg-gray-06 border border-gray-04', 'max-h-[34px] md:max-h-10', { 'py-2 px-4 md:px-4': !onClick }, className), children: [(0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK_02, className: (0, tailwind_utils_1.tailwind)('w-full truncate max-w-96 mr-1 md:mr-[2px]'), children: label }), onClick && (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { onClick: onClick, size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS })] }, id));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":";;AAYA,oBAwBC;;AApCD,qEAA4D;AAC5D,uFAAgF;AAChF,uDAAiF;AACjF,4DAAwD;AASxD,SAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAS;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,OAAO,CACL,oDAGE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kFAAkF,EAClF,kCAAkC,EAClC,0BAA0B,EAC1B,EAAE,mBAAmB,EAAE,CAAC,OAAO,EAAE,EACjC,SAAS,CACV,aAED,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,QAAQ,EAC1B,SAAS,EAAE,IAAA,yBAAQ,EAAC,2CAA2C,CAAC,YAE/D,KAAK,GACD,EACN,OAAO,IAAI,uBAAC,0BAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,GAAI,KAjBrF,EAAE,CAkBH,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ClearButton = ClearButton;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../../../components");
|
|
6
|
+
const tailwind_utils_1 = require("../../../../../utils/tailwind-utils");
|
|
7
|
+
function ClearButton({ isDisabled = false, size = components_1.IconSize.LG, onClick, className, }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group', 'flex cursor-pointer justify-center items-center', 'min-w-[34px] h-[34px] md:min-w-[40px] md:h-[40px] outline-none', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ICON_X, size: size, color: isDisabled ? components_1.IconColor.GRAY_03 : components_1.IconColor.GRAY_02, touchTarget: (0, tailwind_utils_1.tailwind)('w-[28px] h-[28px] md:w-[34px] md:h-[34px]', 'rounded-full self-center outline-none', 'group-active:bg-gray-04', 'group-hover:bg-gray-05', 'group-focus-visible:bg-gray-05 group-focus-visible:ring-2 group-focus-visible:ring-offset-2 group-focus-visible:ring-blue-01', 'group-focus-visible:w-[25px] group-focus-visible:h-[25px] md:group-focus-visible:w-[31px] md:group-focus-visible:h-[31px]'), className: (0, tailwind_utils_1.tailwind)(!isDisabled &&
|
|
9
|
+
'group-active:text-gray-01 group-hover:text-gray-01 group-focus-visible:text-gray-01') }) }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=clear-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clear-button.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":";;AAWA,kCAsCC;;AAjDD,0DAAuF;AACvF,wEAA+D;AAU/D,SAAgB,WAAW,CAAC,EAC1B,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,OAAO,EACP,SAAS,GACH;IACN,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,iDAAiD,EACjD,gEAAgE,EAChE,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,EACzD,WAAW,EAAE,IAAA,yBAAQ,EACnB,2CAA2C,EAC3C,uCAAuC,EACvC,yBAAyB,EACzB,wBAAwB,EACxB,8HAA8H,EAC9H,2HAA2H,CAC5H,EACD,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU;gBACT,qFAAqF,CACxF,GACD,GACK,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./chip"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChipList = ChipList;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
function ChipList({ data, className, firstComponent, lasItemComponent }) {
|
|
8
|
+
const uniqueData = data?.filter((_data, index, self) => self.findIndex((data) => data.value === _data.value) === index);
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-wrap items-center overflow-y-auto w-full', 'gap-x-1 gap-y-1', className), children: [firstComponent && firstComponent, uniqueData.map((item) => ((0, jsx_runtime_1.jsx)(components_1.Chip, { id: item.value, label: item.label, onClick: item.onClear }, item.value))), lasItemComponent && lasItemComponent] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=chips-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chips-list.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":";;AAiBA,4BAoBC;;AApCD,qEAA4D;AAC5D,uDAA8C;AAe9C,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAS;IACnF,MAAM,UAAU,GAAG,IAAI,EAAE,MAAM,CAC7B,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CACvF,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oDAAoD,EACpD,iBAAiB,EACjB,SAAS,CACV,aAEA,cAAc,IAAI,cAAc,EAChC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAsB,EAAE,EAAE,CAAC,CAC1C,uBAAC,iBAAI,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAmB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAApD,IAAI,CAAC,KAAK,CAA8C,CACpF,CAAC,EACD,gBAAgB,IAAI,gBAAgB,IACjC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./chips-list"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./menu-item"), exports);
|
|
18
|
+
__exportStar(require("./menu-item-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuItemVariant = void 0;
|
|
4
|
+
var MenuItemVariant;
|
|
5
|
+
(function (MenuItemVariant) {
|
|
6
|
+
MenuItemVariant["DEFAULT"] = "DEFAULT";
|
|
7
|
+
MenuItemVariant["TEXT_BUTTON"] = "TEXT_BUTTON";
|
|
8
|
+
MenuItemVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
|
|
9
|
+
MenuItemVariant["CHECK_BOX"] = "CHECK_BOX";
|
|
10
|
+
})(MenuItemVariant || (exports.MenuItemVariant = MenuItemVariant = {}));
|
|
11
|
+
//# sourceMappingURL=menu-item-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item-types.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;AACzB,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuItem = MenuItem;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../../components");
|
|
6
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
+
const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
|
|
8
|
+
const menu_item_types_1 = require("./menu-item-types");
|
|
9
|
+
function MenuItem({ isDisabled = false, isSelected = false, id, label, className, helperLabel, variant = menu_item_types_1.MenuItemVariant.DEFAULT, icon, onClick = () => { }, }) {
|
|
10
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
11
|
+
const isDestructive = variant === menu_item_types_1.MenuItemVariant.DESTRUCTIVE;
|
|
12
|
+
const isTextButton = variant === menu_item_types_1.MenuItemVariant.TEXT_BUTTON;
|
|
13
|
+
const isCheckBox = variant === menu_item_types_1.MenuItemVariant.CHECK_BOX;
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('group', 'flex flex-row items-center p-4 w-full', 'cursor-pointer bg-white outline-none', 'disabled:cursor-not-allowed disabled:bg-white hover:bg-gray-05 active:bg-gray-04', 'focus-visible:border-2 focus-visible:border-blue-01 focus-visible:p-[14px]', isTextButton &&
|
|
15
|
+
'py-2 hover:bg-blue-03 active:bg-blue-03 focus-visible:py-[6px] focus-visible:bg-blue-03', isSelected && 'bg-gray-04 hover:bg-gray-04', className), "data-testid": id, onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, className: (0, tailwind_utils_1.tailwind)('mr-2', isDestructive
|
|
16
|
+
? 'text-red-01 group-disabled:text-red-03'
|
|
17
|
+
: 'text-gray-01 group-disabled:text-gray-03') })), isCheckBox && ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { isDisabled: isDisabled, value: isSelected, onCheckToggle: onClick, containerClassName: "mr-2", className: (0, tailwind_utils_1.tailwind)(!isSelected && 'group-hover:border-gray-03 group-hover:bg-gray-05', !isSelected &&
|
|
18
|
+
'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, onClick: onClick, label: label, className: (0, tailwind_utils_1.tailwind)('text-blue-01', 'group-disabled:text-blue-03', 'group-hover:bg-blue-03', 'group-active:bg-blue-03 group-active:text-blue-00', 'group-focus-visible:bg-blue-03') })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('whitespace-normal', isDestructive
|
|
19
|
+
? 'text-red-01 group-disabled:text-red-03'
|
|
20
|
+
: 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK, className: "group-disabled:text-gray-03 whitespace-normal", children: helperLabel }))] })] }, id));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=menu-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":";;AA0BA,4BAqGC;;AA/HD,uDASgC;AAChC,qEAA4D;AAC5D,uFAAgF;AAChF,uDAAoD;AAcpD,SAAgB,QAAQ,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,EAAE,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,KAAK,iCAAe,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,uCAAuC,EACvC,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,sBAAS,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,SAAS,EAAE,IAAA,yBAAQ,EACjB,MAAM,EACN,aAAa;oBACX,CAAC,CAAC,wCAAwC;oBAC1C,CAAC,CAAC,0CAA0C,CAC/C,GACD,CACH,EAEA,UAAU,IAAI,CACb,uBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,OAAO,EACtB,kBAAkB,EAAC,MAAM,EACzB,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU,IAAI,mDAAmD,EAClE,CAAC,UAAU;oBACT,2FAA2F,CAC9F,GACD,CACH,EAED,iCAAK,SAAS,EAAC,2BAA2B,aACvC,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EACjB,cAAc,EACd,6BAA6B,EAC7B,wBAAwB,EACxB,mDAAmD,EACnD,gCAAgC,CACjC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAI,IACH,SAAS,EAAE,IAAA,yBAAQ,EACjB,mBAAmB,EACnB,aAAa;4BACX,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,0CAA0C,CAC/C,YAEA,KAAK,GACD,CACR,EAEA,WAAW,IAAI,CACd,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,+CAA+C,YAExD,WAAW,GACP,CACR,IACG,KAnED,EAAE,CAoEA,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropDownMenu = DropDownMenu;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const components_1 = require("./components");
|
|
8
|
+
function DropDownMenu({ options, className, emptyElement, selectedIDs = [], variant = components_1.MenuItemVariant.DEFAULT, }) {
|
|
9
|
+
function handleIsSelected(optionID) {
|
|
10
|
+
return selectedIDs.includes(optionID);
|
|
11
|
+
}
|
|
12
|
+
const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('absolute z-30 mt-2 shadow-black-01 rounded-lg w-fit', 'overflow-y-auto overflow-x-hidden h-fit', className), children: uniqueOptions && uniqueOptions.length > 0
|
|
14
|
+
? uniqueOptions.map((option, key) => {
|
|
15
|
+
const isLastItem = key === uniqueOptions.length - 1;
|
|
16
|
+
const isFistItem = key === 0;
|
|
17
|
+
return ((0, react_1.createElement)(components_1.MenuItem, { ...option, variant: option.variant ?? variant, key: option.value, id: option.value, className: (0, tailwind_utils_1.tailwind)({
|
|
18
|
+
'rounded-b-lg': isLastItem,
|
|
19
|
+
'rounded-t-lg': isFistItem,
|
|
20
|
+
'border-t': !isFistItem,
|
|
21
|
+
}), isSelected: handleIsSelected(option.value) }));
|
|
22
|
+
})
|
|
23
|
+
: emptyElement }));
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=drop-down-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;AAwBA,oCA6CC;;;AApED,kEAAyD;AAEzD,6CAAyD;AAqBzD,SAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,4BAAe,CAAC,OAAO,GAC3B;IACN,SAAS,gBAAgB,CAAC,QAAgB;QACxC,OAAO,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,aAAa,GAAG,OAAO,EAAE,MAAM,CACnC,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAC/F,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,qDAAqD,EACrD,yCAAyC,EACzC,SAAS,CACV,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;YACxC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBAChC,MAAM,UAAU,GAAG,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,MAAM,UAAU,GAAG,GAAG,KAAK,CAAC,CAAC;gBAC7B,OAAO,CACL,2BAAC,qBAAQ,OACH,MAAM,EACV,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC;wBAClB,cAAc,EAAE,UAAU;wBAC1B,cAAc,EAAE,UAAU;wBAC1B,UAAU,EAAE,CAAC,UAAU;qBACxB,CAAC,EACF,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC1C,CACH,CAAC;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,YAAY,GACZ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./drop-down-menu"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconButton = IconButton;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../components");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
function IconButton({ isDisabled = false, icon, size = components_1.IconSize.LG, color = components_1.IconColor.GRAY_02, onClick, className, }) {
|
|
8
|
+
const isClickable = Boolean(onClick);
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('inline-flex items-center justify-center', isClickable && 'w-10 h-10', isClickable && 'cursor-pointer', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: size, color: color }) }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=icon-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":";;AAYA,gCA0BC;;AAtCD,oDAAiF;AACjF,kEAAyD;AAWzD,SAAgB,UAAU,CAAC,EACzB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,sBAAS,CAAC,OAAO,EACzB,OAAO,EACP,SAAS,GACH;IACN,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,yCAAyC,EACzC,WAAW,IAAI,WAAW,EAC1B,WAAW,IAAI,gBAAgB,EAC/B,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,GAC5C,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./icon-button"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|