period-ui 0.1.46 → 0.1.48
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/accordion/accordion.d.ts +7 -0
- package/dist/components/atoms/accordion/accordion.d.ts.map +1 -0
- package/dist/components/atoms/accordion/accordion.js +13 -0
- package/dist/components/atoms/accordion/accordion.js.map +1 -0
- package/dist/components/atoms/accordion/components/accordion-item.d.ts +16 -0
- package/dist/components/atoms/accordion/components/accordion-item.d.ts.map +1 -0
- package/dist/components/atoms/accordion/components/accordion-item.js +34 -0
- package/dist/components/atoms/accordion/components/accordion-item.js.map +1 -0
- package/dist/components/atoms/accordion/index.d.ts +3 -0
- package/dist/components/atoms/accordion/index.d.ts.map +1 -0
- package/dist/components/atoms/accordion/index.js +19 -0
- package/dist/components/atoms/accordion/index.js.map +1 -0
- package/dist/components/atoms/button/button.js +3 -3
- package/dist/components/atoms/button/button.js.map +1 -1
- package/dist/components/atoms/divider/divider-types.d.ts +5 -0
- package/dist/components/atoms/divider/divider-types.d.ts.map +1 -0
- package/dist/components/atoms/divider/divider-types.js +9 -0
- package/dist/components/atoms/divider/divider-types.js.map +1 -0
- package/dist/components/atoms/divider/divider.d.ts +7 -0
- package/dist/components/atoms/divider/divider.d.ts.map +1 -0
- package/dist/components/atoms/divider/divider.js +10 -0
- package/dist/components/atoms/divider/divider.js.map +1 -0
- package/dist/components/atoms/divider/index.d.ts +3 -0
- package/dist/components/atoms/divider/index.d.ts.map +1 -0
- package/dist/components/atoms/divider/index.js +19 -0
- package/dist/components/atoms/divider/index.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +2 -2
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/index.d.ts +4 -0
- package/dist/components/atoms/drop-down-menu/index.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/index.js +1 -0
- package/dist/components/atoms/drop-down-menu/index.js.map +1 -1
- package/dist/components/atoms/icon-button/icon-button-types.d.ts.map +1 -1
- package/dist/components/atoms/icon-button/icon-button-types.js.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.d.ts +8 -5
- package/dist/components/atoms/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.js +15 -16
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -1
- package/dist/components/atoms/pop-over/pop-over.d.ts +5 -3
- package/dist/components/atoms/pop-over/pop-over.d.ts.map +1 -1
- package/dist/components/atoms/pop-over/pop-over.js +12 -11
- package/dist/components/atoms/pop-over/pop-over.js.map +1 -1
- package/dist/components/atoms/text-button/text-button.d.ts +13 -0
- package/dist/components/atoms/text-button/text-button.d.ts.map +1 -1
- package/dist/components/atoms/text-button/text-button.js +1 -1
- package/dist/components/atoms/text-button/text-button.js.map +1 -1
- package/dist/components/atoms/tool-tip/index.d.ts +1 -0
- package/dist/components/atoms/tool-tip/index.d.ts.map +1 -1
- package/dist/components/atoms/tool-tip/index.js +1 -0
- package/dist/components/atoms/tool-tip/index.js.map +1 -1
- package/dist/components/atoms/tool-tip/tool-tip-type.d.ts +5 -0
- package/dist/components/atoms/tool-tip/tool-tip-type.d.ts.map +1 -0
- package/dist/components/atoms/tool-tip/tool-tip-type.js +9 -0
- package/dist/components/atoms/tool-tip/tool-tip-type.js.map +1 -0
- package/dist/components/atoms/tool-tip/tool-tip.d.ts +4 -2
- package/dist/components/atoms/tool-tip/tool-tip.d.ts.map +1 -1
- package/dist/components/atoms/tool-tip/tool-tip.js +2 -2
- package/dist/components/atoms/tool-tip/tool-tip.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/select/select.d.ts.map +1 -1
- package/dist/components/molecules/select/select.js +1 -1
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AccordionItemProps } from './components/accordion-item';
|
|
2
|
+
type Props = {
|
|
3
|
+
accordions: AccordionItemProps[];
|
|
4
|
+
};
|
|
5
|
+
export declare function Accordion({ accordions }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/accordion/accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEhF,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,kBAAkB,EAAE,CAAC;CAClC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,2CAe9C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Accordion = Accordion;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const divider_1 = require("../divider");
|
|
6
|
+
const accordion_item_1 = require("./components/accordion-item");
|
|
7
|
+
function Accordion({ accordions }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: accordions.map((accordion, index) => {
|
|
9
|
+
const lastItem = index === accordions.length - 1;
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(accordion_item_1.AccordionItem, { ...accordion }), !lastItem && (0, jsx_runtime_1.jsx)(divider_1.Divider, { variant: divider_1.DividerVariant.GRAY, ...accordion }, index)] }, index));
|
|
11
|
+
}) }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/atoms/accordion/accordion.tsx"],"names":[],"mappings":";;AAOA,8BAeC;;AAtBD,wCAAqD;AACrD,gEAAgF;AAMhF,SAAgB,SAAS,CAAC,EAAE,UAAU,EAAS;IAC7C,OAAO,CACL,2DACG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,QAAQ,GAAG,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAEjD,OAAO,CACL,4CACE,uBAAC,8BAAa,OAAK,SAAS,GAAI,EAC/B,CAAC,QAAQ,IAAI,uBAAC,iBAAO,IAAC,OAAO,EAAE,wBAAc,CAAC,IAAI,KAAkB,SAAS,IAApB,KAAK,CAAmB,KAF1E,KAAK,CAGT,CACP,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { TextVariant } from '../../..';
|
|
3
|
+
export type AccordionItemProps = {
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
content?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
children?: ReactElement;
|
|
9
|
+
labelClassName?: string;
|
|
10
|
+
labelVariant?: TextVariant;
|
|
11
|
+
contentClassName?: string;
|
|
12
|
+
containerClassName?: string;
|
|
13
|
+
onClick?: (value: boolean) => void;
|
|
14
|
+
};
|
|
15
|
+
export declare function AccordionItem({ isOpen, label, content, className, children, labelClassName, contentClassName, containerClassName, labelVariant, onClick, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=accordion-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAqD,WAAW,EAAE,MAAM,UAAU,CAAC;AAI1F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,YAAoC,EACpC,OAAkB,GACnB,EAAE,kBAAkB,2CAwFpB"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AccordionItem = AccordionItem;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const __1 = require("../../..");
|
|
7
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
8
|
+
const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
|
|
9
|
+
function AccordionItem({ isOpen, label, content, className, children, labelClassName, contentClassName, containerClassName, labelVariant = __1.TextVariant.BODY_BOLD, onClick = () => { }, }) {
|
|
10
|
+
const [isAccordionOpen, setIsAccordionOpen] = (0, react_1.useState)(isOpen ?? false);
|
|
11
|
+
const [contentHeight, setContentHeight] = (0, react_1.useState)(0);
|
|
12
|
+
const contentRef = (0, react_1.useRef)(null);
|
|
13
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
if (isOpen === undefined) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
setIsAccordionOpen(isOpen);
|
|
19
|
+
}, [isOpen]);
|
|
20
|
+
(0, react_1.useEffect)(() => {
|
|
21
|
+
if (contentRef.current) {
|
|
22
|
+
setContentHeight(contentRef.current.scrollHeight);
|
|
23
|
+
}
|
|
24
|
+
}, [isAccordionOpen, content, children]);
|
|
25
|
+
const handleClick = () => {
|
|
26
|
+
setIsAccordionOpen((current) => !current);
|
|
27
|
+
onClick(isAccordionOpen);
|
|
28
|
+
};
|
|
29
|
+
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-col w-full overflow-hidden', containerClassName), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleClick, className: (0, tailwind_utils_1.tailwind)('flex justify-between items-center rounded-lg py-4 px-2 md:px-4', 'hover:bg-[#F4F4F5]', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-0 focus:outline-blue-01', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: labelVariant, className: (0, tailwind_utils_1.tailwind)('select-none truncate', labelClassName), color: __1.TextColors.BLACK, children: label }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-6 h-6 flex-shrink-0 ml-2", children: [(0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_UP, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_DOWN, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-0' : 'opacity-100 ') })] })] }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, tailwind_utils_1.tailwind)('overflow-hidden transition-all duration-300 ease-in-out'), style: {
|
|
30
|
+
maxHeight: isAccordionOpen ? `${contentHeight}px` : '0px',
|
|
31
|
+
opacity: isAccordionOpen ? 1 : 0,
|
|
32
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col select-none whitespace-normal', contentClassName), children: content ?? children }) }) })] }) }));
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=accordion-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,aAAa,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("./components/accordion-item"), exports);
|
|
18
|
+
__exportStar(require("./accordion"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/accordion/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA4C;AAC5C,8CAA4B"}
|
|
@@ -16,9 +16,9 @@ const buttonStyles = (0, class_variance_authority_1.cva)([
|
|
|
16
16
|
], {
|
|
17
17
|
variants: {
|
|
18
18
|
variant: {
|
|
19
|
-
primary: 'bg-blue-01 text-white shadow-blue-
|
|
20
|
-
secondary: 'bg-white text-blue-01 shadow-white-
|
|
21
|
-
destructive: 'bg-red-01 text-white shadow-red-
|
|
19
|
+
primary: 'bg-blue-01 text-white shadow-blue-two hover:bg-blue-02 active:bg-blue-00 disabled:bg-blue-03 disabled:shadow-none',
|
|
20
|
+
secondary: 'bg-white text-blue-01 shadow-white-two 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-two hover:bg-red-02 active:bg-red-00 disabled:bg-red-03 disabled:shadow-none',
|
|
22
22
|
},
|
|
23
23
|
},
|
|
24
24
|
defaultVariants: { variant: 'primary' },
|
|
@@ -1 +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,
|
|
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,mHAAmH;YACrH,SAAS,EACP,6JAA6J;YAC/J,WAAW,EACT,8GAA8G;SACjH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAIW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,GAAG,4BAAa,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,OAAO,CACL,mCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/divider/divider-types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,IAAI,SAAS;CACd"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DividerVariant = void 0;
|
|
4
|
+
var DividerVariant;
|
|
5
|
+
(function (DividerVariant) {
|
|
6
|
+
DividerVariant["BLACK"] = "BLACK";
|
|
7
|
+
DividerVariant["GRAY"] = "GRAY";
|
|
8
|
+
})(DividerVariant || (exports.DividerVariant = DividerVariant = {}));
|
|
9
|
+
//# sourceMappingURL=divider-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/divider/divider-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/divider/divider.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,OAA8B,EAAE,EAAE,KAAK,2CAW3E"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Divider = Divider;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
+
const divider_types_1 = require("./divider-types");
|
|
7
|
+
function Divider({ className, variant = divider_types_1.DividerVariant.BLACK }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("div", { role: "separator", className: (0, tailwind_utils_1.tailwind)('h-[1px] w-full', variant === divider_types_1.DividerVariant.BLACK ? 'bg-black' : 'bg-gray-04', className) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/atoms/divider/divider.tsx"],"names":[],"mappings":";;AAQA,0BAWC;;AAnBD,kEAAyD;AACzD,mDAAiD;AAOjD,SAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,8BAAc,CAAC,KAAK,EAAS;IAC1E,OAAO,CACL,gCACE,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,gBAAgB,EAChB,OAAO,KAAK,8BAAc,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAC5D,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,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("./divider"), exports);
|
|
18
|
+
__exportStar(require("./divider-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/divider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,kDAAgC"}
|
|
@@ -12,10 +12,10 @@ function MenuItem({ isDisabled = false, isSelected = false, id, label, className
|
|
|
12
12
|
const isTextButton = variant === menu_item_types_1.MenuItemVariant.TEXT_BUTTON;
|
|
13
13
|
const isCheckBox = variant === menu_item_types_1.MenuItemVariant.CHECK_BOX;
|
|
14
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 md:h-[56px] h-[50px]', '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
|
|
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: [!isTextButton && 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
16
|
? 'text-red-01 group-disabled:text-red-03'
|
|
17
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 w-full max-w-full", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled,
|
|
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 w-full max-w-full", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, icon: icon, 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)('truncate text-left w-full', isDestructive
|
|
19
19
|
? 'text-red-01 group-disabled:text-red-03'
|
|
20
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 text-left truncate w-full", children: helperLabel }))] })] }, id));
|
|
21
21
|
}
|
|
@@ -1 +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,4DAA4D,EAC5D,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,
|
|
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,4DAA4D,EAC5D,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,CAAC,YAAY,IAAI,IAAI,IAAI,CACxB,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,6CAA6C,aACzD,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,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,2BAA2B,EAC3B,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,uDAAuD,YAEhE,WAAW,GACP,CACR,IACG,KAnED,EAAE,CAoEA,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -10,7 +10,7 @@ function DropDownMenu({ options, className, emptyElement, selectedIDs = [], vari
|
|
|
10
10
|
return selectedIDs.includes(optionID);
|
|
11
11
|
}
|
|
12
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-
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('absolute z-30 mt-2 shadow-white-tree rounded-lg w-fit', 'overflow-y-auto overflow-x-hidden h-fit', className), children: uniqueOptions && uniqueOptions.length > 0
|
|
14
14
|
? uniqueOptions.map((option, key) => {
|
|
15
15
|
const isLastItem = key === uniqueOptions.length - 1;
|
|
16
16
|
const isFistItem = key === 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;AAaA,oCA6CC;;;AAxDD,kEAAyD;AACzD,6CAAyD;AAUzD,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,
|
|
1
|
+
{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;AAaA,oCA6CC;;;AAxDD,kEAAyD;AACzD,6CAAyD;AAUzD,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,uDAAuD,EACvD,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}
|
|
@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./drop-down-menu"), exports);
|
|
18
18
|
__exportStar(require("./drop-down-menu-types"), exports);
|
|
19
|
+
__exportStar(require("./components/menu-item-types"), exports);
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,yDAAuC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,yDAAuC;AACvC,+DAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button-types.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;
|
|
1
|
+
{"version":3,"file":"icon-button-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button-types.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;CAC1C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,
|
|
1
|
+
{"version":3,"file":"icon-button-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,sCAAiB,CAAA;IACjB,gDAA2B,CAAA;IAC3B,8DAAyC,CAAA;AAC3C,CAAC,EALW,iBAAiB,iCAAjB,iBAAiB,QAK5B"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IconButtonVariant, IconSize, IconSymbol } from '../../../components';
|
|
2
2
|
type Props = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
3
|
-
isDisabled?: boolean;
|
|
4
3
|
icon: IconSymbol;
|
|
5
4
|
size?: IconSize;
|
|
6
|
-
color?: IconColor;
|
|
7
|
-
onClick?: () => void;
|
|
8
5
|
className?: string;
|
|
6
|
+
iconClassName?: string;
|
|
7
|
+
isDisabled?: boolean;
|
|
8
|
+
isFocusable?: boolean;
|
|
9
|
+
isClickable?: boolean;
|
|
10
|
+
variant?: IconButtonVariant;
|
|
11
|
+
onClick?: () => void;
|
|
9
12
|
};
|
|
10
|
-
export declare function IconButton({
|
|
13
|
+
export declare function IconButton({ size, icon, className, iconClassName, isDisabled, isClickable, isFocusable, variant, onClick, ...buttonProps }: Props): JSX.Element;
|
|
11
14
|
export {};
|
|
12
15
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIzF,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAClC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB,GAAG;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,UAAkB,EAClB,OAAmC,EACnC,OAAO,EACP,GAAG,WAAW,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIzF,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAClC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB,GAAG;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,UAAkB,EAClB,WAAkB,EAClB,WAAkB,EAClB,OAAmC,EACnC,OAAO,EACP,GAAG,WAAW,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsFrB"}
|
|
@@ -6,24 +6,23 @@ const class_variance_authority_1 = require("class-variance-authority");
|
|
|
6
6
|
const components_1 = require("../../../components");
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
9
|
-
function IconButton({ size, icon, className, iconClassName, isDisabled = false, variant = components_1.IconButtonVariant.REGULAR, onClick, ...buttonProps }) {
|
|
10
|
-
const
|
|
9
|
+
function IconButton({ size, icon, className, iconClassName, isDisabled = false, isClickable = true, isFocusable = true, variant = components_1.IconButtonVariant.REGULAR, onClick, ...buttonProps }) {
|
|
10
|
+
const isClickEnabled = isClickable && Boolean(onClick);
|
|
11
11
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
12
|
const DefaultIconSize = isMobile ? components_1.IconSize.LG : components_1.IconSize.XL;
|
|
13
13
|
const buttonStyles = (0, class_variance_authority_1.cva)([
|
|
14
|
-
'rounded-full',
|
|
15
|
-
'disabled:cursor-not-allowed',
|
|
14
|
+
'rounded-full w-10 h-10',
|
|
16
15
|
'inline-flex items-center justify-center',
|
|
17
|
-
'disabled:cursor-not-allowed',
|
|
18
|
-
|
|
19
|
-
'focus-visible:outline-offset-2 focus:outline-blue-01',
|
|
16
|
+
'disabled:cursor-not-allowed disabled:shadow-none',
|
|
17
|
+
isClickEnabled && 'cursor-pointer active:shadow-none',
|
|
18
|
+
isFocusable && 'focus-visible:shadow-none focus-visible:outline-offset-2 focus:outline-blue-01',
|
|
20
19
|
], {
|
|
21
20
|
variants: {
|
|
22
21
|
variant: {
|
|
23
|
-
regular: 'bg-transparent hover:bg-blue-04 active:bg-blue-03
|
|
24
|
-
filled: 'bg-blue-04 shadow-
|
|
25
|
-
destructive: 'bg-transparent hover:bg-red-04 active:bg-red-03
|
|
26
|
-
'destructive-filled': 'bg-red-04 shadow-
|
|
22
|
+
regular: (0, tailwind_utils_1.tailwind)('bg-transparent hover:bg-blue-04 disabled:bg-transparent', isClickEnabled && 'active:bg-blue-03', isFocusable && 'focus-visible:bg-blue-04'),
|
|
23
|
+
filled: (0, tailwind_utils_1.tailwind)('bg-blue-04 shadow-blue-two hover:bg-gray-05 disabled:bg-blue-04', isClickEnabled && 'active:bg-blue-00', isFocusable && 'focus-visible:bg-gray-05'),
|
|
24
|
+
destructive: (0, tailwind_utils_1.tailwind)('bg-transparent hover:bg-red-04 disabled:bg-transparent', isClickEnabled && 'active:bg-red-03', isFocusable && 'focus-visible:bg-red-04'),
|
|
25
|
+
'destructive-filled': (0, tailwind_utils_1.tailwind)('bg-red-04 shadow-red-two hover:bg-gray-05 hover:shadow-white-tree disabled:bg-red-04', isClickEnabled && 'active:bg-red-00', isFocusable && 'focus-visible:bg-gray-05'),
|
|
27
26
|
},
|
|
28
27
|
},
|
|
29
28
|
defaultVariants: { variant },
|
|
@@ -31,14 +30,14 @@ function IconButton({ size, icon, className, iconClassName, isDisabled = false,
|
|
|
31
30
|
const iconStyles = (0, class_variance_authority_1.cva)([''], {
|
|
32
31
|
variants: {
|
|
33
32
|
variant: {
|
|
34
|
-
regular: 'text-blue-01 group-hover:text-blue-02 group-
|
|
35
|
-
filled: 'text-blue-01 group-hover:text-blue-00 group-
|
|
36
|
-
destructive: 'text-red-01 group-hover:text-red-02
|
|
37
|
-
'destructive-filled': 'text-red-01 group-hover:text-red-00 group-
|
|
33
|
+
regular: (0, tailwind_utils_1.tailwind)('text-blue-01 group-hover:text-blue-02 group-disabled:text-blue-03', isClickEnabled && 'group-active:text-blue-00', isFocusable && 'group-focus-visible:text-blue-02'),
|
|
34
|
+
filled: (0, tailwind_utils_1.tailwind)('text-blue-01 group-hover:text-blue-00 group-disabled:text-blue-03', isClickEnabled && 'group-active:text-gray-05', isFocusable && 'group-focus-visible:text-blue-00'),
|
|
35
|
+
destructive: (0, tailwind_utils_1.tailwind)('text-red-01 group-hover:text-red-02 group-disabled:text-red-03', isClickEnabled && 'group-active:text-red-00', isFocusable && 'group-focus-visible:text-red-02'),
|
|
36
|
+
'destructive-filled': (0, tailwind_utils_1.tailwind)('text-red-01 group-hover:text-red-00 group-disabled:text-red-03', isClickEnabled && 'group-active:text-gray-05', isFocusable && 'group-focus-visible:text-red-00'),
|
|
38
37
|
},
|
|
39
38
|
},
|
|
40
39
|
defaultVariants: { variant },
|
|
41
40
|
});
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group', buttonStyles({ variant, className })), ...buttonProps, children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: size ?? DefaultIconSize, className: (0, tailwind_utils_1.tailwind)(iconStyles({ variant, className: iconClassName })) }) }));
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group bg-blue-01', buttonStyles({ variant, className })), ...buttonProps, children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: size ?? DefaultIconSize, className: (0, tailwind_utils_1.tailwind)(iconStyles({ variant, className: iconClassName })) }) }));
|
|
43
42
|
}
|
|
44
43
|
//# sourceMappingURL=icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":";;AAoBA,gCAiGC;;AArHD,uEAA+C;AAC/C,oDAAyF;AACzF,kEAAyD;AACzD,oFAA6E;AAiB7E,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,IAAI,EAClB,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,8BAAiB,CAAC,OAAO,EACnC,OAAO,EACP,GAAG,WAAW,EACR;IACN,MAAM,cAAc,GAAI,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC;IAE7D,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;QACE,wBAAwB;QACxB,yCAAyC;QACzC,kDAAkD;QAClD,cAAc,IAAI,oCAAoC;QACtD,WAAW,IAAI,gFAAgF;KAChG,EACD;QACE,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,IAAA,yBAAQ,EACf,yDAAyD,EACzD,cAAc,IAAI,mBAAmB,EACrC,WAAW,IAAI,0BAA0B,CAC1C;gBACD,MAAM,EAAE,IAAA,yBAAQ,EACd,iEAAiE,EACjE,cAAc,IAAI,mBAAmB,EACrC,WAAW,IAAI,0BAA0B,CAC1C;gBACD,WAAW,EAAE,IAAA,yBAAQ,EACnB,wDAAwD,EACxD,cAAc,IAAI,kBAAkB,EACpC,WAAW,IAAI,yBAAyB,CACzC;gBACD,oBAAoB,EAAE,IAAA,yBAAQ,EAC5B,sFAAsF,EACtF,cAAc,IAAI,kBAAkB,EACpC,WAAW,IAAI,0BAA0B,CAC1C;aACF;SACF;QACD,eAAe,EAAE,EAAE,OAAO,EAAE;KAC7B,CACF,CAAC;IAEF,MAAM,UAAU,GAAG,IAAA,8BAAG,EAAC,CAAC,EAAE,CAAC,EAAE;QAC3B,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,IAAA,yBAAQ,EACf,mEAAmE,EACnE,cAAc,IAAI,2BAA2B,EAC7C,WAAW,IAAI,kCAAkC,CAClD;gBACD,MAAM,EAAE,IAAA,yBAAQ,EACd,mEAAmE,EACnE,cAAc,IAAI,2BAA2B,EAC7C,WAAW,IAAI,kCAAkC,CAClD;gBACD,WAAW,EAAE,IAAA,yBAAQ,EACnB,iEAAiE,EACjE,cAAc,IAAI,0BAA0B,EAC5C,WAAW,IAAI,iCAAiC,CACjD;gBACD,oBAAoB,EAAE,IAAA,yBAAQ,EAC5B,gEAAgE,EAChE,cAAc,IAAI,2BAA2B,EAC7C,WAAW,IAAI,iCAAiC,CACjD;aACF;SACF;QACD,eAAe,EAAE,EAAE,OAAO,EAAE;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC,kBAAkB,EAAE,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACzE,WAAW,YAEf,uBAAC,sBAAS,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IAAI,eAAe,EAC7B,SAAS,EAAE,IAAA,yBAAQ,EAAC,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,GACtE,GACK,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -4,14 +4,16 @@ type Props = {
|
|
|
4
4
|
text?: string;
|
|
5
5
|
isVisible?: boolean;
|
|
6
6
|
isAbsolute?: boolean;
|
|
7
|
+
singleValue?: string;
|
|
8
|
+
multiValue?: string[];
|
|
7
9
|
children?: ReactElement;
|
|
8
|
-
position?: PopOverPosition;
|
|
9
10
|
textClassName?: string;
|
|
10
|
-
containerClassName?: string;
|
|
11
11
|
arrowClassName?: string;
|
|
12
|
+
containerClassName?: string;
|
|
13
|
+
position?: PopOverPosition;
|
|
12
14
|
onPointerEnter?: () => void;
|
|
13
15
|
onPointerLeave?: () => void;
|
|
14
16
|
};
|
|
15
|
-
export declare function PopOver({ text, children, textClassName, arrowClassName, isVisible, isAbsolute, containerClassName, position, onPointerEnter, onPointerLeave, }: Props): JSX.Element;
|
|
17
|
+
export declare function PopOver({ text, children, multiValue, singleValue, textClassName, arrowClassName, isVisible, isAbsolute, containerClassName, position, onPointerEnter, onPointerLeave, }: Props): JSX.Element;
|
|
16
18
|
export {};
|
|
17
19
|
//# sourceMappingURL=pop-over.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pop-over.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"pop-over.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,SAAiB,EACjB,UAAiB,EACjB,kBAAkB,EAClB,QAAoC,EACpC,cAAc,EACd,cAAc,GACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4FrB"}
|
|
@@ -6,20 +6,21 @@ const class_variance_authority_1 = require("class-variance-authority");
|
|
|
6
6
|
const components_1 = require("../../../components");
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const pop_over_positions_1 = require("./pop-over-positions");
|
|
9
|
-
function PopOver({ text, children, textClassName, arrowClassName, isVisible = false, isAbsolute = true, containerClassName, position = pop_over_positions_1.PopOverPosition.TOP_RIGHT, onPointerEnter, onPointerLeave, }) {
|
|
9
|
+
function PopOver({ text, children, multiValue, singleValue, textClassName, arrowClassName, isVisible = false, isAbsolute = true, containerClassName, position = pop_over_positions_1.PopOverPosition.TOP_RIGHT, onPointerEnter, onPointerLeave, }) {
|
|
10
|
+
const colors = ['bg-red-02', 'bg-green-02', 'bg-yellow-02', 'bg-blue-02', 'bg-purple-02'];
|
|
10
11
|
const popoverMessageStyles = (0, class_variance_authority_1.cva)([
|
|
11
|
-
'z-50 w-[max-content] md:max-w-[424px] max-w-[200px] p-4 bg-gray-01 rounded-lg shadow-black-
|
|
12
|
+
'z-50 w-[max-content] md:max-w-[424px] max-w-[200px] p-4 bg-gray-01 rounded-lg shadow-black-tree',
|
|
12
13
|
], {
|
|
13
14
|
variants: {
|
|
14
15
|
position: {
|
|
15
|
-
left: 'right-full mr-[12px] top-1/2 -translate-y-1/2',
|
|
16
|
-
right: 'left-full ml-[12px] top-1/2 -translate-y-1/2',
|
|
17
|
-
top: 'bottom-full mb-[12px] left-1/2 -translate-x-1/2',
|
|
18
|
-
'top-left': 'bottom-full mb-[12px] -right-[12px]',
|
|
19
|
-
'top-right': 'bottom-full mb-[
|
|
20
|
-
bottom: 'top-full mt-[12px] left-1/2 -translate-x-1/2',
|
|
21
|
-
'bottom-left': 'top-full mt-[12px] -right-[12px]',
|
|
22
|
-
'bottom-right': 'top-full mt-[12px] -left-[12px]',
|
|
16
|
+
left: 'right-full mr-[4px] md:mr-[12px] top-1/2 -translate-y-1/2',
|
|
17
|
+
right: 'left-full ml-[4px] md:ml-[12px] top-1/2 -translate-y-1/2',
|
|
18
|
+
top: 'bottom-full mb-[4px] md:mb-[12px] left-1/2 -translate-x-1/2',
|
|
19
|
+
'top-left': 'bottom-full mb-[4px] md:mb-[12px] -right-[12px]',
|
|
20
|
+
'top-right': 'bottom-full mb-[4px] md:mb-[12px] -left-[12px]',
|
|
21
|
+
bottom: 'top-full mt-[4px] md:mt-[12px] left-1/2 -translate-x-1/2',
|
|
22
|
+
'bottom-left': 'top-full mt-[4px] md:mt-[12px] -right-[12px]',
|
|
23
|
+
'bottom-right': 'top-full mt-[4px] md:mt-[12px] -left-[12px]',
|
|
23
24
|
},
|
|
24
25
|
},
|
|
25
26
|
defaultVariants: { position: pop_over_positions_1.PopOverPosition.TOP_RIGHT },
|
|
@@ -39,6 +40,6 @@ function PopOver({ text, children, textClassName, arrowClassName, isVisible = fa
|
|
|
39
40
|
},
|
|
40
41
|
defaultVariants: { position: pop_over_positions_1.PopOverPosition.TOP_RIGHT },
|
|
41
42
|
});
|
|
42
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isVisible }, isAbsolute ? 'absolute' : 'relative', popoverMessageStyles({ position, className: containerClassName })), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, children: [(0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('text-white whitespace-pre-wrap break-words', textClassName), children: children ?? text }), (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)(arrowStyles({ position, className: arrowClassName })) })] }));
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isVisible }, isAbsolute ? 'absolute' : 'relative', popoverMessageStyles({ position, className: containerClassName })), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, children: [children ? (children) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('text-white whitespace-pre-wrap break-words', !!singleValue && 'text-center', textClassName), children: text }), singleValue && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY_BOLD, className: (0, tailwind_utils_1.tailwind)('text-white mt-2 whitespace-pre-wrap break-words text-center', textClassName), children: singleValue })), multiValue?.map((value, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center mt-4", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('rounded-full w-4 h-4 mr-2', colors?.[index] ?? 'bg-red-02') }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('text-white truncate', textClassName), children: value })] }, index)))] })), (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)(arrowStyles({ position, className: arrowClassName })) })] }));
|
|
43
44
|
}
|
|
44
45
|
//# sourceMappingURL=pop-over.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pop-over.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"pop-over.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconSymbol } from '../../../components';
|
|
2
|
+
import { TextButtonVariant } from './text-button-types';
|
|
3
|
+
type Props = {
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
label: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
icon?: IconSymbol;
|
|
8
|
+
variant?: TextButtonVariant;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function TextButton({ isDisabled, label, className, icon, variant, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=text-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,UAAU,EAAqB,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,UAAU,EAAqB,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAmC,EACnC,OAAkB,GACnB,EAAE,KAAK,2CAiCP"}
|
|
@@ -6,7 +6,7 @@ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
|
6
6
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
7
|
const components_1 = require("../../../components");
|
|
8
8
|
const text_button_types_1 = require("./text-button-types");
|
|
9
|
-
function TextButton({ isDisabled, label, className, icon, variant = text_button_types_1.TextButtonVariant.DEFAULT, onClick, }) {
|
|
9
|
+
function TextButton({ isDisabled, label, className, icon, variant = text_button_types_1.TextButtonVariant.DEFAULT, onClick = () => { }, }) {
|
|
10
10
|
const checkBoxVariantStyle = text_button_types_1.textButtonStyles[variant];
|
|
11
11
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
12
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", role: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center p-2 items-center rounded-lg bg-white', 'disabled:cursor-not-allowed disabled:bg-white', 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-offset-2 focus:outline-blue-01', checkBoxVariantStyle, className), onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { className: "mr-2 text-inherit", size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: icon })), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY_SEMIBOLD, className: "text-inherit", children: label })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":";;AAcA,gCAwCC;;AAtDD,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAyF;AACzF,2DAA0E;AAW1E,SAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,qCAAiB,CAAC,OAAO,EACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":";;AAcA,gCAwCC;;AAtDD,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAyF;AACzF,2DAA0E;AAW1E,SAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,qCAAiB,CAAC,OAAO,EACnC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,oBAAoB,GAAG,oCAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,2DACE,oCACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,+CAA+C,EAC/C,wGAAwG,EACxG,oBAAoB,EACpB,SAAS,CACV,EACD,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,sBAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,IAAI,GACV,CACH,EAED,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,aAAa,EAAE,SAAS,EAAC,cAAc,YAC/D,KAAK,GACD,IACA,GACR,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
|
|
@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./tool-tip"), exports);
|
|
18
|
+
__exportStar(require("./tool-tip-type"), exports);
|
|
18
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,kDAAgC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip-type.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip-type.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ToolTipType = void 0;
|
|
4
|
+
var ToolTipType;
|
|
5
|
+
(function (ToolTipType) {
|
|
6
|
+
ToolTipType["DEFAULT"] = "DEFAULT";
|
|
7
|
+
ToolTipType["FILLED"] = "FILLED";
|
|
8
|
+
})(ToolTipType || (exports.ToolTipType = ToolTipType = {}));
|
|
9
|
+
//# sourceMappingURL=tool-tip-type.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip-type.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip-type.ts"],"names":[],"mappings":";;;AAAA,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,gCAAiB,CAAA;AACnB,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import { IconColor, IconSize, IconSymbol, PopOverPosition } from '../../../components';
|
|
2
|
+
import { IconColor, IconSize, IconSymbol, PopOverPosition, ToolTipType } from '../../../components';
|
|
3
3
|
type Props = {
|
|
4
4
|
text?: string;
|
|
5
5
|
children?: ReactElement;
|
|
6
|
+
toolTipType?: ToolTipType;
|
|
6
7
|
isMessageShowed?: boolean;
|
|
7
8
|
position?: PopOverPosition;
|
|
9
|
+
PopOverPosition?: PopOverPosition;
|
|
8
10
|
iconProps?: {
|
|
9
11
|
icon?: IconSymbol;
|
|
10
12
|
size?: IconSize;
|
|
@@ -16,6 +18,6 @@ type Props = {
|
|
|
16
18
|
arrowClassName?: string;
|
|
17
19
|
onClick?: () => void;
|
|
18
20
|
};
|
|
19
|
-
export declare function Tooltip({ text, children, iconProps, textClassName, arrowClassName, containerClassName, isMessageShowed, position, onClick, }: Props): JSX.Element;
|
|
21
|
+
export declare function Tooltip({ text, children, iconProps, textClassName, arrowClassName, containerClassName, isMessageShowed, toolTipType, position, onClick, }: Props): JSX.Element;
|
|
20
22
|
export {};
|
|
21
23
|
//# sourceMappingURL=tool-tip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAEV,eAAe,EACf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAK7B,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8DrB"}
|
|
@@ -7,10 +7,10 @@ const components_1 = require("../../../components");
|
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
9
9
|
const use_tool_tip_1 = require("./use-tool-tip");
|
|
10
|
-
function Tooltip({ text, children, iconProps, textClassName, arrowClassName, containerClassName, isMessageShowed = true, position = components_1.PopOverPosition.TOP_RIGHT, onClick = () => { }, }) {
|
|
10
|
+
function Tooltip({ text, children, iconProps, textClassName, arrowClassName, containerClassName, isMessageShowed = true, toolTipType = components_1.ToolTipType.DEFAULT, position = components_1.PopOverPosition.TOP_RIGHT, onClick = () => { }, }) {
|
|
11
11
|
const { isMessageVisible, openTooltip, closeTooltip } = (0, use_tool_tip_1.useTooltip)();
|
|
12
12
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
13
13
|
const buttonRef = (0, react_1.useRef)(null);
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [(0, jsx_runtime_1.jsx)("button", { ref: buttonRef, onFocus: openTooltip, onBlur: closeTooltip, onClick: onClick, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [toolTipType === components_1.ToolTipType.FILLED ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: onClick, onFocus: openTooltip, onBlur: closeTooltip, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.ICON_X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, onFocus: openTooltip, onBlur: closeTooltip, onClick: onClick, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), (0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, children: children })] }));
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=tool-tip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;AAmCA,0BAyEC;;AA5GD,iCAA6C;AAC7C,oDAU6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,iDAA4C;AAqB5C,SAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,wBAAW,CAAC,OAAO,EACjC,QAAQ,GAAG,4BAAe,CAAC,SAAS,EACpC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAA,yBAAU,GAAE,CAAC;IAErE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE/B,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACnC,WAAW,KAAK,wBAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACpC,uBAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,8BAAiB,CAAC,MAAM,EACjC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACpD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,uBAAU,CAAC,MAAM,KACnB,SAAS,EACb,SAAS,EAAE,IAAA,yBAAQ,EACjB,iDAAiD,EACjD,SAAS,EAAE,SAAS,CACrB,GACD,CACH,CAAC,CAAC,CAAC,CACF,mCACE,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACpD,SAAS,EAAE,IAAA,yBAAQ,EACjB,wEAAwE,CACzE,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,WAAW,EAC5B,KAAK,EAAE,sBAAS,CAAC,OAAO,EACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,KACtC,SAAS,GACb,GACK,CACV,EAED,uBAAC,oBAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,gBAAgB,IAAI,eAAe,EAC9C,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAEnD,QAAQ,GACD,IACN,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -11,6 +11,8 @@ export * from './atoms/text';
|
|
|
11
11
|
export * from './atoms/text-button';
|
|
12
12
|
export * from './atoms/tool-tip';
|
|
13
13
|
export * from './atoms/pop-over';
|
|
14
|
+
export * from './atoms/divider';
|
|
15
|
+
export * from './atoms/accordion';
|
|
14
16
|
export * from './molecules/form';
|
|
15
17
|
export * from './molecules/form/form-select';
|
|
16
18
|
export * from './molecules/form/form-text-field';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -27,6 +27,8 @@ __exportStar(require("./atoms/text"), exports);
|
|
|
27
27
|
__exportStar(require("./atoms/text-button"), exports);
|
|
28
28
|
__exportStar(require("./atoms/tool-tip"), exports);
|
|
29
29
|
__exportStar(require("./atoms/pop-over"), exports);
|
|
30
|
+
__exportStar(require("./atoms/divider"), exports);
|
|
31
|
+
__exportStar(require("./atoms/accordion"), exports);
|
|
30
32
|
__exportStar(require("./molecules/form"), exports);
|
|
31
33
|
__exportStar(require("./molecules/form/form-select"), exports);
|
|
32
34
|
__exportStar(require("./molecules/form/form-text-field"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;AACjC,kDAAgC;AAChC,oDAAkC;AAGlC,mDAAiC;AACjC,+DAA6C;AAC7C,mEAAiD;AACjD,qDAAmC;AACnC,yDAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,UAAkB,EAClB,aAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,UAAkB,EAClB,aAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,2CA4Gb"}
|
|
@@ -27,6 +27,6 @@ function Select({ isDisabled = false, isMultiSelect = false, removeOnSelect = fa
|
|
|
27
27
|
handleDropdownMenu();
|
|
28
28
|
}, className: (0, tailwind_utils_1.tailwind)('flex flex-none w-full p-4 justify-start items-center rounded-lg', 'border border-gray-04 bg-white', 'overflow-hidden cursor-pointer', 'hover:border-blue-02', isDisabled
|
|
29
29
|
? 'outline-none'
|
|
30
|
-
: 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-blue-01', { 'cursor-not-allowed bg-gray-05 border-gray-04 hover:border-gray-04': isDisabled }, { 'border-red-01': isErrorVisible }, { 'p-0 pr-4 pl-2 py-2': isMultiSelect }, className), children: [isMultiSelect ? ((0, jsx_runtime_1.jsx)(components_1.ChipList, { data: chipsData, className: "mr-1 w-full max-h-[138px]", lasItemComponent: (0, jsx_runtime_1.jsx)("div", { className: "flex-grow min-w-[20px] basis-[150px]", children: (0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { ref: inputRef, isDisabled: isDisabled, inputValue: inputValue, className: "h-fit md:h-10 w-full", handleInputChange: handleInputChange }) }) })) : ((0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { ref: inputRef, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('h-fit md:h-6 w-full'), inputValue: inputValue, handleInputChange: handleInputChange })), (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: openDropdownMenu ? components_1.IconSymbol.CARET_UP : components_1.IconSymbol.CARET_DOWN, size: components_1.IconSize.SM, color: isDisabled ? components_1.IconColor.BLUE_03 : components_1.IconColor.BLUE_01, className: (0, tailwind_utils_1.tailwind)('ml-2') })] }), (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { selectedIDs: selectedIDs, options: searchedOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex whitespace-normal bg-white py-2 px-4'), children: emptyLabel })) : (emptyLabel), className: (0, tailwind_utils_1.tailwind)('max-h-[313px] w-full', { hidden: !openDropdownMenu }) })] }));
|
|
30
|
+
: 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-blue-01', { 'cursor-not-allowed bg-gray-05 border-gray-04 hover:border-gray-04': isDisabled }, { 'border-red-01': isErrorVisible }, { 'p-0 pr-4 pl-2 py-2': isMultiSelect }, className), children: [isMultiSelect ? ((0, jsx_runtime_1.jsx)(components_1.ChipList, { data: chipsData, className: "mr-1 w-full max-h-[138px]", lasItemComponent: (0, jsx_runtime_1.jsx)("div", { className: "flex-grow min-w-[20px] basis-[150px]", children: (0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, inputValue: inputValue, className: "h-fit md:h-10 w-full", handleInputChange: handleInputChange }) }) })) : ((0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('h-fit md:h-6 w-full'), inputValue: inputValue, handleInputChange: handleInputChange })), (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: openDropdownMenu ? components_1.IconSymbol.CARET_UP : components_1.IconSymbol.CARET_DOWN, size: components_1.IconSize.SM, color: isDisabled ? components_1.IconColor.BLUE_03 : components_1.IconColor.BLUE_01, className: (0, tailwind_utils_1.tailwind)('ml-2') })] }), (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { selectedIDs: selectedIDs, options: searchedOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex whitespace-normal bg-white py-2 px-4'), children: emptyLabel })) : (emptyLabel), className: (0, tailwind_utils_1.tailwind)('max-h-[313px] w-full', { hidden: !openDropdownMenu }) })] }));
|
|
31
31
|
}
|
|
32
32
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":";;AAiCA,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const _periodUI_marker = true;
|
|
2
|
-
export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, CheckboxVariant, Chip, ChipList, DropDownMenu, IconButton, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, } from './components';
|
|
2
|
+
export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, AccordionItem, Accordion, Divider, DividerVariant, } from './components';
|
|
3
3
|
export { Form, FormSelect, Select, FormTextField, TextField } from './components';
|
|
4
|
-
export type { FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, } from './components';
|
|
4
|
+
export type { FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, DropDownMenuOptionProps, } from './components';
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClF,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,uBAAuB,GACxB,MAAM,cAAc,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextField = exports.FormTextField = exports.Select = exports.FormSelect = exports.Form = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButton = exports.
|
|
3
|
+
exports.TextField = exports.FormTextField = exports.Select = exports.FormSelect = exports.Form = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports._periodUI_marker = void 0;
|
|
4
4
|
exports._periodUI_marker = true;
|
|
5
5
|
var components_1 = require("./components");
|
|
6
6
|
Object.defineProperty(exports, "BilloIcon", { enumerable: true, get: function () { return components_1.BilloIcon; } });
|
|
@@ -14,8 +14,9 @@ Object.defineProperty(exports, "CheckboxVariant", { enumerable: true, get: funct
|
|
|
14
14
|
Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return components_1.Chip; } });
|
|
15
15
|
Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return components_1.ChipList; } });
|
|
16
16
|
Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return components_1.DropDownMenu; } });
|
|
17
|
-
Object.defineProperty(exports, "
|
|
17
|
+
Object.defineProperty(exports, "MenuItemVariant", { enumerable: true, get: function () { return components_1.MenuItemVariant; } });
|
|
18
18
|
Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return components_1.IconButton; } });
|
|
19
|
+
Object.defineProperty(exports, "IconButtonVariant", { enumerable: true, get: function () { return components_1.IconButtonVariant; } });
|
|
19
20
|
Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return components_1.SearchBar; } });
|
|
20
21
|
Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return components_1.Text; } });
|
|
21
22
|
Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return components_1.TextVariant; } });
|
|
@@ -25,6 +26,10 @@ Object.defineProperty(exports, "TextButtonVariant", { enumerable: true, get: fun
|
|
|
25
26
|
Object.defineProperty(exports, "PopOver", { enumerable: true, get: function () { return components_1.PopOver; } });
|
|
26
27
|
Object.defineProperty(exports, "PopOverPosition", { enumerable: true, get: function () { return components_1.PopOverPosition; } });
|
|
27
28
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_1.Tooltip; } });
|
|
29
|
+
Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return components_1.AccordionItem; } });
|
|
30
|
+
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return components_1.Accordion; } });
|
|
31
|
+
Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return components_1.Divider; } });
|
|
32
|
+
Object.defineProperty(exports, "DividerVariant", { enumerable: true, get: function () { return components_1.DividerVariant; } });
|
|
28
33
|
var components_2 = require("./components");
|
|
29
34
|
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return components_2.Form; } });
|
|
30
35
|
Object.defineProperty(exports, "FormSelect", { enumerable: true, get: function () { return components_2.FormSelect; } });
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CA4BsB;AA3BpB,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAAkF;AAAzE,kGAAA,IAAI,OAAA;AAAE,wGAAA,UAAU,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,2GAAA,aAAa,OAAA;AAAE,uGAAA,SAAS,OAAA"}
|