period-ui 0.1.27 → 0.1.29
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.d.ts.map +1 -1
- package/dist/components/atoms/button/button.d.ts.map +1 -1
- package/dist/components/atoms/button/button.js +1 -3
- package/dist/components/atoms/button/button.js.map +1 -1
- package/dist/components/atoms/check-box/check-box-types.d.ts.map +1 -1
- package/dist/components/atoms/check-box/check-box.d.ts +4 -4
- package/dist/components/atoms/check-box/check-box.d.ts.map +1 -1
- package/dist/components/atoms/check-box/check-box.js +5 -4
- package/dist/components/atoms/check-box/check-box.js.map +1 -1
- package/dist/components/atoms/chip/chip/chip.d.ts.map +1 -1
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.d.ts +2 -2
- package/dist/components/atoms/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.js +2 -2
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -1
- package/dist/components/atoms/pop-over/index.d.ts +3 -0
- package/dist/components/atoms/pop-over/index.d.ts.map +1 -0
- package/dist/components/atoms/pop-over/index.js +19 -0
- package/dist/components/atoms/pop-over/index.js.map +1 -0
- package/dist/components/atoms/pop-over/pop-over-positions.d.ts +11 -0
- package/dist/components/atoms/pop-over/pop-over-positions.d.ts.map +1 -0
- package/dist/components/atoms/pop-over/pop-over-positions.js +15 -0
- package/dist/components/atoms/pop-over/pop-over-positions.js.map +1 -0
- package/dist/components/atoms/pop-over/pop-over.d.ts +15 -0
- package/dist/components/atoms/pop-over/pop-over.d.ts.map +1 -0
- package/dist/components/atoms/pop-over/pop-over.js +42 -0
- package/dist/components/atoms/pop-over/pop-over.js.map +1 -0
- package/dist/components/atoms/tool-tip/index.d.ts +2 -0
- package/dist/components/atoms/tool-tip/index.d.ts.map +1 -0
- package/dist/components/atoms/tool-tip/index.js +18 -0
- package/dist/components/atoms/tool-tip/index.js.map +1 -0
- package/dist/components/atoms/tool-tip/tool-tip-positions.d.ts +11 -0
- package/dist/components/atoms/tool-tip/tool-tip-positions.d.ts.map +1 -0
- package/dist/components/atoms/tool-tip/tool-tip-positions.js +15 -0
- package/dist/components/atoms/tool-tip/tool-tip-positions.js.map +1 -0
- package/dist/components/atoms/tool-tip/tool-tip.d.ts +21 -0
- package/dist/components/atoms/tool-tip/tool-tip.d.ts.map +1 -0
- package/dist/components/atoms/tool-tip/tool-tip.js +16 -0
- package/dist/components/atoms/tool-tip/tool-tip.js.map +1 -0
- package/dist/components/atoms/tool-tip/use-tool-tip.d.ts +8 -0
- package/dist/components/atoms/tool-tip/use-tool-tip.d.ts.map +1 -0
- package/dist/components/atoms/tool-tip/use-tool-tip.js +19 -0
- package/dist/components/atoms/tool-tip/use-tool-tip.js.map +1 -0
- 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/form/form-select/form-select.d.ts.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.js +8 -1
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -1
- package/dist/components/molecules/select/select.d.ts +2 -1
- package/dist/components/molecules/select/select.d.ts.map +1 -1
- package/dist/components/molecules/select/select.js +2 -1
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/select/use-select.d.ts.map +1 -1
- package/dist/components/molecules/select/use-select.js +13 -4
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/package.json +8 -21
- package/dist/components/atoms/billo-icon/billo-icon-types.d.ts +0 -116
- package/dist/components/atoms/billo-icon/billo-icon.d.ts +0 -11
- package/dist/components/atoms/billo-icon/index.d.ts +0 -3
- package/dist/components/atoms/button/button-types.d.ts +0 -6
- package/dist/components/atoms/button/button.d.ts +0 -9
- package/dist/components/atoms/button/index.d.ts +0 -3
- package/dist/components/atoms/check-box/check-box-types.d.ts +0 -10
- package/dist/components/atoms/check-box/index.d.ts +0 -3
- package/dist/components/atoms/chip/chip/chip.d.ts +0 -9
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts +0 -11
- package/dist/components/atoms/chip/chip/index.d.ts +0 -2
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts +0 -15
- package/dist/components/atoms/chip/chips-list/index.d.ts +0 -2
- package/dist/components/atoms/drop-down-menu/components/index.d.ts +0 -3
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.d.ts +0 -7
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +0 -16
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +0 -23
- package/dist/components/atoms/drop-down-menu/index.d.ts +0 -2
- package/dist/components/atoms/icon-button/index.d.ts +0 -2
- package/dist/components/atoms/search-bar/components/clear-button.d.ts +0 -10
- package/dist/components/atoms/search-bar/index.d.ts +0 -2
- package/dist/components/atoms/search-bar/search-bar.d.ts +0 -12
- package/dist/components/atoms/text/index.d.ts +0 -3
- package/dist/components/atoms/text/text-types.d.ts +0 -36
- package/dist/components/atoms/text/text.d.ts +0 -14
- package/dist/components/atoms/text-button/index.d.ts +0 -3
- package/dist/components/atoms/text-button/text-button-types.d.ts +0 -8
- package/dist/components/atoms/text-button/text-button.d.ts +0 -13
- package/dist/components/molecules/form/form-select/form-select.d.ts +0 -7
- package/dist/components/molecules/form/form-select/index.d.ts +0 -2
- package/dist/components/molecules/form/form-story-stubs.d.ts +0 -11
- package/dist/components/molecules/form/form-test-stubs.d.ts +0 -6
- package/dist/components/molecules/form/form-text-field/form-text-field.d.ts +0 -7
- package/dist/components/molecules/form/form-text-field/index.d.ts +0 -2
- package/dist/components/molecules/form/form-types.d.ts +0 -24
- package/dist/components/molecules/form/form.d.ts +0 -12
- package/dist/components/molecules/form/index.d.ts +0 -3
- package/dist/components/molecules/select/components/select-input.d.ts +0 -8
- package/dist/components/molecules/select/index.d.ts +0 -3
- package/dist/components/molecules/select/use-select.d.ts +0 -23
- package/dist/components/molecules/text-field/index.d.ts +0 -2
- package/dist/components/molecules/text-field/text-field.d.ts +0 -18
- package/dist/containers/form-control/components/form-error.d.ts +0 -7
- package/dist/containers/form-control/components/form-helper.d.ts +0 -9
- package/dist/containers/form-control/components/form-label.d.ts +0 -10
- package/dist/containers/form-control/form-control-types.d.ts +0 -11
- package/dist/containers/form-control/form-control.d.ts +0 -24
- package/dist/containers/form-control/index.d.ts +0 -3
- package/dist/containers/index.d.ts +0 -2
- package/dist/fonts/Geist-Black.otf +0 -0
- package/dist/fonts/Geist-Bold.otf +0 -0
- package/dist/fonts/Geist-ExtraBold.otf +0 -0
- package/dist/fonts/Geist-ExtraLight.otf +0 -0
- package/dist/fonts/Geist-Light.otf +0 -0
- package/dist/fonts/Geist-Medium.otf +0 -0
- package/dist/fonts/Geist-Regular.otf +0 -0
- package/dist/fonts/Geist-SemiBold.otf +0 -0
- package/dist/fonts/Geist-Thin.otf +0 -0
- package/dist/fonts/billo-icons.eot +0 -0
- package/dist/fonts/billo-icons.svg +0 -606
- package/dist/fonts/billo-icons.ttf +0 -0
- package/dist/fonts/billo-icons.woff +0 -0
- package/dist/index.css +0 -432
- package/dist/index.css.map +0 -1
- package/dist/utils/string-utils/string-utils.d.ts +0 -6
- package/dist/utils/tailwind-utils.d.ts +0 -3
- package/dist/utils/window-dimensions-utils.d.ts +0 -9
- package/dist/vitest.setup.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMrB
|
|
1
|
+
{"version":3,"file":"billo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,YAAY;;mFAsBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,QAAA,MAAM,YAAY;;mFAsBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAE1E,eAAO,MAAM,MAAM,kHAMlB,CAAC"}
|
|
@@ -23,9 +23,7 @@ const buttonStyles = (0, class_variance_authority_1.cva)([
|
|
|
23
23
|
},
|
|
24
24
|
defaultVariants: { variant: 'primary' },
|
|
25
25
|
});
|
|
26
|
-
|
|
26
|
+
exports.Button = (0, react_1.forwardRef)(({ variant = button_types_1.ButtonVariant.PRIMARY, className, ...props }, ref) => {
|
|
27
27
|
return ((0, jsx_runtime_1.jsx)("button", { ref: ref, className: (0, tailwind_utils_1.tailwind)(buttonStyles({ variant, className })), ...props }));
|
|
28
28
|
});
|
|
29
|
-
RawButton.displayName = 'Button';
|
|
30
|
-
exports.Button = RawButton;
|
|
31
29
|
//# sourceMappingURL=button.js.map
|
|
@@ -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,kHAAkH;YACpH,SAAS,EACP,4JAA4J;YAC9J,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;
|
|
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;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"check-box-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box-types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B;AAED,
|
|
1
|
+
{"version":3,"file":"check-box-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box-types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;AAE/E,eAAO,MAAM,cAAc,EAAE;KAC1B,IAAI,IAAI,gBAAgB,GAAG,MAAM;CAMnC,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { CheckboxVariant } from '
|
|
1
|
+
import { CheckboxVariant } from './check-box-types';
|
|
2
2
|
type Props = {
|
|
3
3
|
value?: boolean;
|
|
4
4
|
isDisabled?: boolean;
|
|
5
5
|
label?: string;
|
|
6
6
|
className?: string;
|
|
7
|
-
|
|
7
|
+
labelClassName?: string;
|
|
8
8
|
containerClassName?: string;
|
|
9
9
|
variant?: CheckboxVariant;
|
|
10
10
|
onCheckToggle?: (value: boolean) => void;
|
|
11
11
|
};
|
|
12
|
-
export declare function Checkbox({ value, isDisabled, label, className,
|
|
13
|
-
export
|
|
12
|
+
export declare function Checkbox({ value, isDisabled, label, className, labelClassName, containerClassName, variant, onCheckToggle, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
14
|
//# sourceMappingURL=check-box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAiFP"}
|
|
@@ -4,9 +4,10 @@ exports.Checkbox = Checkbox;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const components_1 = require("../../../components");
|
|
7
|
+
const check_box_types_1 = require("./check-box-types");
|
|
7
8
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
8
9
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
9
|
-
function Checkbox({ value, isDisabled = false, label, className,
|
|
10
|
+
function Checkbox({ value, isDisabled = false, label, className, labelClassName, containerClassName, variant = check_box_types_1.CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
|
|
10
11
|
const [isChecked, setIsChecked] = (0, react_1.useState)(false);
|
|
11
12
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
13
|
(0, react_1.useEffect)(() => {
|
|
@@ -25,8 +26,8 @@ function Checkbox({ value, isDisabled = false, label, className, labelName, cont
|
|
|
25
26
|
}
|
|
26
27
|
onCheckToggle(isChecked);
|
|
27
28
|
};
|
|
28
|
-
const isIntermediate = variant ===
|
|
29
|
-
const checkBoxVariantStyle =
|
|
30
|
-
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',
|
|
29
|
+
const isIntermediate = variant === check_box_types_1.CheckboxVariant.INTERMEDIATE;
|
|
30
|
+
const checkBoxVariantStyle = check_box_types_1.checkBoxStyles[isIntermediate ? check_box_types_1.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', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=check-box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAwBA,4BA0FC;;AAlHD,iCAA4C;AAC5C,oDAO6B;AAC7B,uDAAoE;AACpE,oFAA6E;AAC7E,kEAAyD;AAazD,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,iCAAe,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,iCAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,gCAAc,CAAC,cAAc,CAAC,CAAC,CAAC,iCAAe,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,cAAc,CAAC,EAC9E,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,2CAwB5D
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,2CAwB5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAc,MAAM,2BAA2B,CAAC;AAGvF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAkB,EAClB,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB
|
|
1
|
+
{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAc,MAAM,2BAA2B,CAAC;AAGvF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAkB,EAClB,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB"}
|
|
@@ -15,7 +15,7 @@ function MenuItem({ isDisabled = false, isSelected = false, id, label, className
|
|
|
15
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
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", 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
|
|
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 text-left', 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 whitespace-normal", 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,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,
|
|
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,6BAA6B,EAC7B,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IconColor, IconSize, IconSymbol } from '../../../components';
|
|
2
|
-
type Props = {
|
|
2
|
+
type Props = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
3
3
|
isDisabled?: boolean;
|
|
4
4
|
icon: IconSymbol;
|
|
5
5
|
size?: IconSize;
|
|
@@ -7,6 +7,6 @@ type Props = {
|
|
|
7
7
|
onClick?: () => void;
|
|
8
8
|
className?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare function IconButton({ isDisabled, icon, size, color, onClick, className, }: Props): JSX.Element;
|
|
10
|
+
export declare function IconButton({ isDisabled, icon, size, color, onClick, className, ...buttonProps }: Props): JSX.Element;
|
|
11
11
|
export {};
|
|
12
12
|
//# 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":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjF,KAAK,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjF,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAClC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,UAAkB,EAClB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,OAAO,EACP,SAAS,EACT,GAAG,WAAW,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoBrB"}
|
|
@@ -4,8 +4,8 @@ exports.IconButton = IconButton;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const components_1 = require("../../../components");
|
|
6
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, }) {
|
|
7
|
+
function IconButton({ isDisabled = false, icon, size = components_1.IconSize.LG, color = components_1.IconColor.GRAY_02, onClick, className, ...buttonProps }) {
|
|
8
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 }) }));
|
|
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), ...buttonProps, children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: size, color: color }) }));
|
|
10
10
|
}
|
|
11
11
|
//# 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":";;AAeA,gCA4BC;;AA3CD,oDAAiF;AACjF,kEAAyD;AAczD,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,EACT,GAAG,WAAW,EACR;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,KACG,WAAW,YAEf,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,GAC5C,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,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("./pop-over"), exports);
|
|
18
|
+
__exportStar(require("./pop-over-positions"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,uDAAqC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare enum PopOverPosition {
|
|
2
|
+
LEFT = "left",
|
|
3
|
+
RIGHT = "right",
|
|
4
|
+
TOP_CENTER = "top",
|
|
5
|
+
TOP_LEFT = "top-left",
|
|
6
|
+
TOP_RIGHT = "top-right",
|
|
7
|
+
BOTTOM_CENTER = "bottom",
|
|
8
|
+
BOTTOM_LEFT = "bottom-left",
|
|
9
|
+
BOTTOM_RIGHT = "bottom-right"
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=pop-over-positions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pop-over-positions.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over-positions.ts"],"names":[],"mappings":"AACA,oBAAY,eAAe;IACvB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,QAAQ;IAClB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,aAAa,WAAW;IACxB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;CAC9B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PopOverPosition = void 0;
|
|
4
|
+
var PopOverPosition;
|
|
5
|
+
(function (PopOverPosition) {
|
|
6
|
+
PopOverPosition["LEFT"] = "left";
|
|
7
|
+
PopOverPosition["RIGHT"] = "right";
|
|
8
|
+
PopOverPosition["TOP_CENTER"] = "top";
|
|
9
|
+
PopOverPosition["TOP_LEFT"] = "top-left";
|
|
10
|
+
PopOverPosition["TOP_RIGHT"] = "top-right";
|
|
11
|
+
PopOverPosition["BOTTOM_CENTER"] = "bottom";
|
|
12
|
+
PopOverPosition["BOTTOM_LEFT"] = "bottom-left";
|
|
13
|
+
PopOverPosition["BOTTOM_RIGHT"] = "bottom-right";
|
|
14
|
+
})(PopOverPosition || (exports.PopOverPosition = PopOverPosition = {}));
|
|
15
|
+
//# sourceMappingURL=pop-over-positions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pop-over-positions.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over-positions.ts"],"names":[],"mappings":";;;AACA,IAAY,eAST;AATH,WAAY,eAAe;IACvB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,qCAAkB,CAAA;IAClB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,2CAAwB,CAAA;IACxB,8CAA2B,CAAA;IAC3B,gDAA6B,CAAA;AAC/B,CAAC,EATS,eAAe,+BAAf,eAAe,QASxB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { PopOverPosition } from './pop-over-positions';
|
|
3
|
+
type Props = {
|
|
4
|
+
text: string;
|
|
5
|
+
isVisible?: boolean;
|
|
6
|
+
isAbsolute?: boolean;
|
|
7
|
+
children?: ReactElement;
|
|
8
|
+
position?: PopOverPosition;
|
|
9
|
+
textClassName?: string;
|
|
10
|
+
containerClassName?: string;
|
|
11
|
+
arrowClassName?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare function PopOver({ text, children, textClassName, arrowClassName, isVisible, isAbsolute, containerClassName, position, }: Props): JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=pop-over.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pop-over.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAiB,EACjB,UAAiB,EACjB,kBAAkB,EAClB,QAAoC,GACrC,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuDrB"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PopOver = PopOver;
|
|
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 class_variance_authority_1 = require("class-variance-authority");
|
|
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, }) {
|
|
10
|
+
const popoverMessageStyles = (0, class_variance_authority_1.cva)(['z-50 w-[max-content] md:max-w-[424px] max-w-[200px] p-4 bg-gray-01 rounded-lg shadow-lg'], {
|
|
11
|
+
variants: {
|
|
12
|
+
position: {
|
|
13
|
+
left: 'right-full mr-[12px] top-1/2 -translate-y-1/2',
|
|
14
|
+
right: 'left-full ml-[12px] top-1/2 -translate-y-1/2',
|
|
15
|
+
top: 'bottom-full mb-[12px] left-1/2 -translate-x-1/2',
|
|
16
|
+
'top-left': 'bottom-full mb-[12px] -right-[12px]',
|
|
17
|
+
'top-right': 'bottom-full mb-[12px] -left-[12px]',
|
|
18
|
+
bottom: 'top-full mt-[12px] left-1/2 -translate-x-1/2',
|
|
19
|
+
'bottom-left': 'top-full mt-[12px] -right-[12px]',
|
|
20
|
+
'bottom-right': 'top-full mt-[12px] -left-[12px]',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: { position: pop_over_positions_1.PopOverPosition.TOP_RIGHT },
|
|
24
|
+
});
|
|
25
|
+
const arrowStyles = (0, class_variance_authority_1.cva)(['absolute hidden md:flex w-3 h-3 bg-gray-01 rotate-45 -z-10'], {
|
|
26
|
+
variants: {
|
|
27
|
+
position: {
|
|
28
|
+
left: '-right-1.5 top-[42%]',
|
|
29
|
+
right: '-left-1.5 top-[42%]',
|
|
30
|
+
top: '-bottom-1.5 left-1/2 -translate-x-1/2',
|
|
31
|
+
'top-left': '-bottom-1.5 right-[18px]',
|
|
32
|
+
'top-right': '-bottom-1.5 left-[18px]',
|
|
33
|
+
bottom: '-top-1.5 left-1/2 -translate-x-1/2',
|
|
34
|
+
'bottom-left': '-top-1.5 right-[18px]',
|
|
35
|
+
'bottom-right': '-top-1.5 left-[18px]',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: { position: pop_over_positions_1.PopOverPosition.TOP_RIGHT },
|
|
39
|
+
});
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isVisible }, isAbsolute ? 'absolute' : 'relative', popoverMessageStyles({ position, className: containerClassName })), 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 })) })] }));
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=pop-over.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pop-over.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":";;AAiBA,0BAgEC;;AAjFD,6CAAiD;AACjD,2DAAkD;AAClD,uEAA+C;AAE/C,6DAAuD;AAavD,SAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,kBAAkB,EAClB,QAAQ,GAAG,oCAAe,CAAC,SAAS,GAC9B;IACN,MAAM,oBAAoB,GAAG,IAAA,8BAAG,EAC9B,CAAC,yFAAyF,CAAC,EAC3F;QACE,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,IAAI,EAAE,+CAA+C;gBACrD,KAAK,EAAE,8CAA8C;gBACrD,GAAG,EAAE,iDAAiD;gBACtD,UAAU,EAAE,qCAAqC;gBACjD,WAAW,EAAE,oCAAoC;gBACjD,MAAM,EAAE,8CAA8C;gBACtD,aAAa,EAAE,kCAAkC;gBACjD,cAAc,EAAE,iCAAiC;aAClD;SACF;QACD,eAAe,EAAE,EAAE,QAAQ,EAAE,oCAAe,CAAC,SAAS,EAAE;KACzD,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,8BAAG,EAAC,CAAC,4DAA4D,CAAC,EAAE;QACtF,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,qBAAqB;gBAC5B,GAAG,EAAE,uCAAuC;gBAC5C,UAAU,EAAE,0BAA0B;gBACtC,WAAW,EAAE,yBAAyB;gBACtC,MAAM,EAAE,oCAAoC;gBAC5C,aAAa,EAAE,uBAAuB;gBACtC,cAAc,EAAE,sBAAsB;aACvC;SACF;QACD,eAAe,EAAE,EAAE,QAAQ,EAAE,oCAAe,CAAC,SAAS,EAAE;KACzD,CAAC,CAAC;IAEH,OAAO,CAEL,iCACI,SAAS,EAAE,IAAA,yBAAQ,EACjB,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,EACtB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACpC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAClE,aAED,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,4CAA4C,EAAE,aAAa,CAAC,YAE/E,QAAQ,IAAI,IAAI,GACZ,EACP,gCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC,GAAI,IAC9E,CAET,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,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("./tool-tip"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare enum TooltipPosition {
|
|
2
|
+
LEFT = "left",
|
|
3
|
+
RIGHT = "right",
|
|
4
|
+
TOP_CENTER = "top",
|
|
5
|
+
TOP_LEFT = "top-left",
|
|
6
|
+
TOP_RIGHT = "top-right",
|
|
7
|
+
BOTTOM_CENTER = "bottom",
|
|
8
|
+
BOTTOM_LEFT = "bottom-left",
|
|
9
|
+
BOTTOM_RIGHT = "bottom-right"
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=tool-tip-positions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip-positions.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip-positions.ts"],"names":[],"mappings":"AACA,oBAAY,eAAe;IACvB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,QAAQ;IAClB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,aAAa,WAAW;IACxB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;CAC9B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TooltipPosition = void 0;
|
|
4
|
+
var TooltipPosition;
|
|
5
|
+
(function (TooltipPosition) {
|
|
6
|
+
TooltipPosition["LEFT"] = "left";
|
|
7
|
+
TooltipPosition["RIGHT"] = "right";
|
|
8
|
+
TooltipPosition["TOP_CENTER"] = "top";
|
|
9
|
+
TooltipPosition["TOP_LEFT"] = "top-left";
|
|
10
|
+
TooltipPosition["TOP_RIGHT"] = "top-right";
|
|
11
|
+
TooltipPosition["BOTTOM_CENTER"] = "bottom";
|
|
12
|
+
TooltipPosition["BOTTOM_LEFT"] = "bottom-left";
|
|
13
|
+
TooltipPosition["BOTTOM_RIGHT"] = "bottom-right";
|
|
14
|
+
})(TooltipPosition || (exports.TooltipPosition = TooltipPosition = {}));
|
|
15
|
+
//# sourceMappingURL=tool-tip-positions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip-positions.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip-positions.ts"],"names":[],"mappings":";;;AACA,IAAY,eAST;AATH,WAAY,eAAe;IACvB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,qCAAkB,CAAA;IAClB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,2CAAwB,CAAA;IACxB,8CAA2B,CAAA;IAC3B,gDAA6B,CAAA;AAC/B,CAAC,EATS,eAAe,+BAAf,eAAe,QASxB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { IconColor, IconSize, IconSymbol, PopOverPosition } from '@/components';
|
|
2
|
+
import { ReactElement } from 'react';
|
|
3
|
+
type Props = {
|
|
4
|
+
text: string;
|
|
5
|
+
children?: ReactElement;
|
|
6
|
+
isMessageShowed?: boolean;
|
|
7
|
+
position?: PopOverPosition;
|
|
8
|
+
iconProps?: {
|
|
9
|
+
icon: IconSymbol;
|
|
10
|
+
size?: IconSize;
|
|
11
|
+
color?: IconColor;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
textClassName?: string;
|
|
15
|
+
containerClassName?: string;
|
|
16
|
+
arrowClassName?: string;
|
|
17
|
+
onClick?: () => void;
|
|
18
|
+
};
|
|
19
|
+
export declare function Tooltip({ text, children, iconProps, textClassName, arrowClassName, containerClassName, isMessageShowed, position, onClick, }: Props): JSX.Element;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=tool-tip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,QAAQ,EACR,UAAU,EAEV,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAG7C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,UAAU,CAAC;QACjB,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,QAAoC,EACpC,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkCrB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Tooltip = Tooltip;
|
|
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 react_1 = require("react");
|
|
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 = () => { }, }) {
|
|
11
|
+
const { isMessageVisible, openTooltip, closeTooltip } = (0, use_tool_tip_1.useTooltip)();
|
|
12
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
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)(components_1.IconButton, { ref: buttonRef, onFocus: openTooltip, onBlur: closeTooltip, onClick: onClick, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, size: components_1.IconSize.XL, icon: components_1.IconSymbol.WARNING_FILLED, color: components_1.IconColor.BLUE_01, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px]', 'self-center outline-none'), ...iconProps }), (0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, children: children })] }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=tool-tip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;AA8BA,0BA4CC;;AA1ED,6CAOsB;AACtB,2DAAkD;AAClD,6EAAsE;AACtE,iCAA6C;AAC7C,iDAA4C;AAmB5C,SAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,GAAG,IAAI,EACtB,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,aACpC,uBAAC,uBAAU,IACT,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,IAAI,EAAE,qBAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,uBAAU,CAAC,cAAc,EAC/B,KAAK,EAAE,sBAAS,CAAC,OAAO,EACxB,SAAS,EAAE,IAAA,yBAAQ,EAAC,mBAAmB,EAAE,0BAA0B,CAAC,KAChE,SAAS,GACb,EAEF,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,YAE7C,QAAQ,GACD,IACN,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":"AAEA,KAAK,cAAc,GAAG;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,UAAU,IAAI,cAAc,CAgB3C"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTooltip = useTooltip;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
function useTooltip() {
|
|
6
|
+
const [isMessageVisible, setIsMessageVisible] = (0, react_1.useState)(false);
|
|
7
|
+
const openTooltip = () => {
|
|
8
|
+
setIsMessageVisible(true);
|
|
9
|
+
};
|
|
10
|
+
const closeTooltip = () => {
|
|
11
|
+
setIsMessageVisible(false);
|
|
12
|
+
};
|
|
13
|
+
return {
|
|
14
|
+
isMessageVisible,
|
|
15
|
+
openTooltip,
|
|
16
|
+
closeTooltip,
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=use-tool-tip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":";;AAQA,gCAgBC;AAxBD,iCAAiC;AAQjC,SAAgB,UAAU;IACxB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO;QACL,gBAAgB;QAChB,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,8 @@ export * from './atoms/icon-button';
|
|
|
8
8
|
export * from './atoms/search-bar';
|
|
9
9
|
export * from './atoms/text';
|
|
10
10
|
export * from './atoms/text-button';
|
|
11
|
+
export * from './atoms/tool-tip';
|
|
12
|
+
export * from './atoms/pop-over';
|
|
11
13
|
export * from './molecules/form';
|
|
12
14
|
export * from './molecules/form/form-select';
|
|
13
15
|
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,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,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,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,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
|
@@ -24,6 +24,8 @@ __exportStar(require("./atoms/icon-button"), exports);
|
|
|
24
24
|
__exportStar(require("./atoms/search-bar"), exports);
|
|
25
25
|
__exportStar(require("./atoms/text"), exports);
|
|
26
26
|
__exportStar(require("./atoms/text-button"), exports);
|
|
27
|
+
__exportStar(require("./atoms/tool-tip"), exports);
|
|
28
|
+
__exportStar(require("./atoms/pop-over"), exports);
|
|
27
29
|
__exportStar(require("./molecules/form"), exports);
|
|
28
30
|
__exportStar(require("./molecules/form/form-select"), exports);
|
|
29
31
|
__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,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;
|
|
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,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;AAGjC,mDAAiC;AACjC,+DAA6C;AAC7C,mEAAiD;AACjD,qDAAmC;AACnC,yDAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAuD7E"}
|
|
@@ -24,6 +24,13 @@ function FormSelect({ formControlClassName, ...props }) {
|
|
|
24
24
|
onOptionChange(selectedValues);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
|
|
27
|
+
async function handleOnClick() {
|
|
28
|
+
const { onClick, formProps } = props;
|
|
29
|
+
formProps.setTouched({ ...formProps.touched, [props.formName]: true });
|
|
30
|
+
if (onClick) {
|
|
31
|
+
onClick();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props.formProps.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onClick: handleOnClick })) }));
|
|
28
35
|
}
|
|
29
36
|
//# sourceMappingURL=form-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,
|
|
1
|
+
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,gCAuDC;;AA/DD,uDAAuF;AACvF,uDAA6D;AAO7D,SAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAmB;IAC5E,KAAK,UAAU,iBAAiB,CAAC,KAAa;QAC5C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,MAAM,SAAS,CAAC,aAAa,CAAC,QAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;QAEtD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAC/D,MAAM,CAAC,aAAa,CAAC,GAAG,cAAc,CAAC;QACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC;QAE3E,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,CAAC,aAAa,CAAC,QAAS,EAAE,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAEhE,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,KAAK,UAAU,aAAa;QAC1B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;QAErC,SAAS,CAAC,UAAU,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvE,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAC7F,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,OAAO,EAAE,aAAa,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -9,8 +9,9 @@ export type SelectProps = {
|
|
|
9
9
|
initialInputValue?: string;
|
|
10
10
|
initialValues?: string[] | string;
|
|
11
11
|
options: DropDownMenuOptionProps[];
|
|
12
|
+
onClick?: () => void;
|
|
12
13
|
onChangeText?: (value: string) => void;
|
|
13
14
|
onOptionChange?: (options: string[]) => void;
|
|
14
15
|
};
|
|
15
|
-
export declare function Select({ isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onChangeText, onOptionChange, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function Select({ isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,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,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,OAAO,EAAE,uBAAuB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,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,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,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,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,2CAqGb"}
|