period-ui 0.1.32 → 0.1.34
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/button/button.d.ts +9 -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-types.d.ts +13 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.js +3 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +13 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +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 +3 -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 +7 -0
- package/dist/components/atoms/icon-button/icon-button-types.d.ts.map +1 -0
- package/dist/components/atoms/icon-button/icon-button-types.js +11 -0
- package/dist/components/atoms/icon-button/icon-button-types.js.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.d.ts +6 -5
- package/dist/components/atoms/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.js +35 -2
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -1
- package/dist/components/atoms/icon-button/index.d.ts +3 -0
- package/dist/components/atoms/icon-button/index.d.ts.map +1 -1
- package/dist/components/atoms/icon-button/index.js +1 -0
- package/dist/components/atoms/icon-button/index.js.map +1 -1
- package/dist/components/atoms/pop-over/pop-over.js +1 -1
- package/dist/components/atoms/pop-over/pop-over.js.map +1 -1
- package/dist/components/atoms/tool-tip/tool-tip.d.ts.map +1 -1
- package/dist/components/atoms/tool-tip/tool-tip.js +3 -3
- package/dist/components/atoms/tool-tip/tool-tip.js.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.d.ts +7 -0
- package/dist/components/molecules/form/form-select/form-select.d.ts.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.js +6 -6
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -1
- package/dist/components/molecules/select/components/select-input.d.ts +9 -0
- package/dist/components/molecules/select/components/select-input.d.ts.map +1 -1
- package/dist/components/molecules/select/components/select-input.js +2 -2
- package/dist/components/molecules/select/components/select-input.js.map +1 -1
- package/dist/components/molecules/select/select.d.ts +4 -2
- package/dist/components/molecules/select/select.d.ts.map +1 -1
- package/dist/components/molecules/select/select.js +2 -2
- 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 +3 -9
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/atoms/check-box/check-box.d.ts +0 -14
- package/dist/components/atoms/pop-over/index.d.ts +0 -3
- package/dist/components/atoms/pop-over/pop-over-positions.d.ts +0 -11
- package/dist/components/atoms/pop-over/pop-over.d.ts +0 -15
- package/dist/components/atoms/tool-tip/index.d.ts +0 -2
- package/dist/components/atoms/tool-tip/tool-tip-positions.d.ts +0 -11
- package/dist/components/atoms/tool-tip/tool-tip-positions.d.ts.map +0 -1
- package/dist/components/atoms/tool-tip/tool-tip-positions.js +0 -15
- package/dist/components/atoms/tool-tip/tool-tip-positions.js.map +0 -1
- package/dist/components/atoms/tool-tip/tool-tip.d.ts +0 -21
- package/dist/components/atoms/tool-tip/use-tool-tip.d.ts +0 -8
- package/dist/components/index.d.ts +0 -18
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const buttonStyles: (props?: ({
|
|
4
|
+
variant?: "destructive" | "primary" | "secondary" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
+
type Props = ComponentProps<'button'> & VariantProps<typeof buttonStyles>;
|
|
7
|
+
export declare const Button: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -15,8 +15,8 @@ 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)('
|
|
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 h-[56px]", 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)('truncate text-left w-full', isDestructive
|
|
19
19
|
? 'text-red-01 group-disabled:text-red-03'
|
|
20
|
-
: 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK, className: "group-disabled:text-gray-03
|
|
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 truncate w-full", children: helperLabel }))] })] }, id));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=menu-item.js.map
|
|
@@ -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,
|
|
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,sDAAsD,aAClE,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,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,6CAA6C,YAEtD,WAAW,GACP,CACR,IACG,KAnED,EAAE,CAoEA,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconSymbol } from "../billo-icon";
|
|
2
|
+
import { MenuItemVariant } from "./components";
|
|
3
|
+
export type DropDownMenuOptionProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
icon?: IconSymbol;
|
|
7
|
+
isSelected?: boolean;
|
|
8
|
+
isDisabled?: boolean;
|
|
9
|
+
helperLabel?: string;
|
|
10
|
+
variant?: MenuItemVariant;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=drop-down-menu-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drop-down-menu-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drop-down-menu-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DropDownMenuOptionProps } from '../../../components';
|
|
3
|
+
import { MenuItemVariant } from './components';
|
|
4
|
+
type Props = {
|
|
5
|
+
className?: string;
|
|
6
|
+
selectedIDs: string[];
|
|
7
|
+
variant?: MenuItemVariant;
|
|
8
|
+
emptyElement?: ReactElement;
|
|
9
|
+
options: DropDownMenuOptionProps[];
|
|
10
|
+
};
|
|
11
|
+
export declare function DropDownMenu({ options, className, emptyElement, selectedIDs, variant, }: Props): JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=drop-down-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAY,eAAe,EAAE,MAAM,cAAc,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,uBAAuB,EAAE,CAAC;CACpC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAgB,EAChB,OAAiC,GAClC,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuCrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;
|
|
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,qDAAqD,EACrD,yCAAyC,EACzC,SAAS,CACV,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;YACxC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBAChC,MAAM,UAAU,GAAG,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,MAAM,UAAU,GAAG,GAAG,KAAK,CAAC,CAAC;gBAC7B,OAAO,CACL,2BAAC,qBAAQ,OACH,MAAM,EACV,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC;wBAClB,cAAc,EAAE,UAAU;wBAC1B,cAAc,EAAE,UAAU;wBAC1B,UAAU,EAAE,CAAC,UAAU;qBACxB,CAAC,EACF,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC1C,CACH,CAAC;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,YAAY,GACZ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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"}
|
|
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"}
|
|
@@ -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("./drop-down-menu"), exports);
|
|
18
|
+
__exportStar(require("./drop-down-menu-types"), exports);
|
|
18
19
|
//# 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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,yDAAuC"}
|
|
@@ -0,0 +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;IACjB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;CAC1C"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconButtonVariant = void 0;
|
|
4
|
+
var IconButtonVariant;
|
|
5
|
+
(function (IconButtonVariant) {
|
|
6
|
+
IconButtonVariant["REGULAR"] = "regular";
|
|
7
|
+
IconButtonVariant["FILLED"] = "filled";
|
|
8
|
+
IconButtonVariant["DESTRUCTIVE"] = "destructive";
|
|
9
|
+
IconButtonVariant["DESTRUCTIVE_FILLED"] = "destructive-filled";
|
|
10
|
+
})(IconButtonVariant || (exports.IconButtonVariant = IconButtonVariant = {}));
|
|
11
|
+
//# sourceMappingURL=icon-button-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAKT;AALH,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACjB,sCAAiB,CAAA;IACjB,gDAA2B,CAAA;IAC3B,8DAAyC,CAAA;AAC3C,CAAC,EALS,iBAAiB,iCAAjB,iBAAiB,QAK1B"}
|
|
@@ -1,12 +1,13 @@
|
|
|
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
|
+
variant?: IconButtonVariant;
|
|
9
|
+
onClick?: () => void;
|
|
9
10
|
};
|
|
10
|
-
export declare function IconButton({
|
|
11
|
+
export declare function IconButton({ size, icon, className, iconClassName, isDisabled, variant, onClick, ...buttonProps }: Props): JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# 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":"
|
|
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,CA+DrB"}
|
|
@@ -2,10 +2,43 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.IconButton = IconButton;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
5
6
|
const components_1 = require("../../../components");
|
|
6
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
-
|
|
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 }) {
|
|
8
10
|
const isClickable = Boolean(onClick);
|
|
9
|
-
|
|
11
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
|
+
const DefaultIconSize = isMobile ? components_1.IconSize.LG : components_1.IconSize.XL;
|
|
13
|
+
const buttonStyles = (0, class_variance_authority_1.cva)([
|
|
14
|
+
'rounded-full',
|
|
15
|
+
'disabled:cursor-not-allowed',
|
|
16
|
+
'inline-flex items-center justify-center',
|
|
17
|
+
'disabled:cursor-not-allowed',
|
|
18
|
+
isClickable && 'w-10 h-10 cursor-pointer',
|
|
19
|
+
'focus-visible:outline-offset-2 focus:outline-blue-01',
|
|
20
|
+
], {
|
|
21
|
+
variants: {
|
|
22
|
+
variant: {
|
|
23
|
+
regular: 'bg-transparent hover:bg-blue-04 active:bg-blue-03 disabled:bg-transparent focus-visible:bg-blue-04 ',
|
|
24
|
+
filled: 'bg-blue-04 shadow-black-01 hover:bg-gray-05 active:bg-blue-00 focus-visible:bg-gray-05 disabled:bg-blue-04 disabled:shadow-none',
|
|
25
|
+
destructive: 'bg-transparent hover:bg-red-04 active:bg-red-03 disabled:bg-transparent focus-visible:bg-red-04 ',
|
|
26
|
+
'destructive-filled': 'bg-red-04 shadow-black-01 hover:bg-gray-05 active:bg-red-00 focus-visible:bg-gray-05 disabled:bg-red-04 disabled:shadow-none',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
defaultVariants: { variant },
|
|
30
|
+
});
|
|
31
|
+
const iconStyles = (0, class_variance_authority_1.cva)([''], {
|
|
32
|
+
variants: {
|
|
33
|
+
variant: {
|
|
34
|
+
regular: 'text-blue-01 group-hover:text-blue-02 group-active:text-blue-00 focus-visible:text-blue-02 group-disabled:text-blue-03',
|
|
35
|
+
filled: 'text-blue-01 group-hover:text-blue-00 group-active:text-gray-05 focus-visible:text-blue-00 group-disabled:text-blue-03',
|
|
36
|
+
destructive: 'text-red-01 group-hover:text-red-02 group-active:text-red-00 group-disabled:text-red-03 focus-visible:bg-red-02',
|
|
37
|
+
'destructive-filled': 'text-red-01 group-hover:text-red-00 group-active:text-gray-05 focus-visible:text-red-00 group-disabled:text-red-03',
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: { variant },
|
|
41
|
+
});
|
|
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 })) }) }));
|
|
10
43
|
}
|
|
11
44
|
//# 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":";;AAkBA,gCAwEC;;AA1FD,uEAA+C;AAC/C,oDAAyF;AACzF,kEAAyD;AACzD,oFAA6E;AAe7E,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,8BAAiB,CAAC,OAAO,EACnC,OAAO,EACP,GAAG,WAAW,EACR;IACN,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,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,cAAc;QACd,6BAA6B;QAC7B,yCAAyC;QACzC,6BAA6B;QAC7B,WAAW,IAAI,0BAA0B;QACzC,sDAAsD;KACvD,EACD;QACE,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EACL,qGAAqG;gBACvG,MAAM,EACJ,iIAAiI;gBACnI,WAAW,EACT,kGAAkG;gBACpG,oBAAoB,EAClB,8HAA8H;aACjI;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,EACL,wHAAwH;gBAC1H,MAAM,EACJ,wHAAwH;gBAC1H,WAAW,EACT,iHAAiH;gBACnH,oBAAoB,EAClB,oHAAoH;aACvH;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,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAC9D,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,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("./icon-button"), exports);
|
|
18
|
+
__exportStar(require("./icon-button-types"), exports);
|
|
18
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,sDAAoC"}
|
|
@@ -7,7 +7,7 @@ const class_variance_authority_1 = require("class-variance-authority");
|
|
|
7
7
|
const components_1 = require("../../../components");
|
|
8
8
|
const pop_over_positions_1 = require("./pop-over-positions");
|
|
9
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-
|
|
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-black-01'], {
|
|
11
11
|
variants: {
|
|
12
12
|
position: {
|
|
13
13
|
left: 'right-full mr-[12px] top-1/2 -translate-y-1/2',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pop-over.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":";;AAqBA,0BAgEC;;AApFD,kEAAyD;AACzD,uEAA+C;AAE/C,oDAG6B;AAC7B,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,
|
|
1
|
+
{"version":3,"file":"pop-over.js","sourceRoot":"","sources":["../../../../src/components/atoms/pop-over/pop-over.tsx"],"names":[],"mappings":";;AAqBA,0BAgEC;;AApFD,kEAAyD;AACzD,uEAA+C;AAE/C,oDAG6B;AAC7B,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,+FAA+F,CAAC,EACjG;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"
|
|
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,EAEL,SAAS,EACT,QAAQ,EACR,UAAU,EAEV,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAK7B,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,CAqDrB"}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Tooltip = Tooltip;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
-
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
5
|
const react_1 = require("react");
|
|
8
6
|
const components_1 = require("../../../components");
|
|
7
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
|
+
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
9
9
|
const use_tool_tip_1 = require("./use-tool-tip");
|
|
10
10
|
function Tooltip({ text, children, iconProps, textClassName, arrowClassName, containerClassName, isMessageShowed = true, 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)(
|
|
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.WARNING_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, 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":";;AA8BA,
|
|
1
|
+
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;AA8BA,0BA+DC;;AA7FD,iCAA6C;AAC7C,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,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,aAepC,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,cAAc,EAC/B,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,EAET,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,7 @@
|
|
|
1
|
+
import { SelectProps } from '../../../../components';
|
|
2
|
+
import { FormControlProps } from '../../../../containers';
|
|
3
|
+
export type FormSelectProps = FormControlProps & SelectProps & {
|
|
4
|
+
formControlClassName?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function FormSelect({ formControlClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=form-select.d.ts.map
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FormSelect = FormSelect;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const containers_1 = require("../../../../containers");
|
|
6
5
|
const components_1 = require("../../../../components");
|
|
6
|
+
const containers_1 = require("../../../../containers");
|
|
7
7
|
function FormSelect({ formControlClassName, ...props }) {
|
|
8
8
|
async function handleValueChange(value) {
|
|
9
9
|
const { formProps, formName, onChangeText } = props;
|
|
@@ -24,13 +24,13 @@ function FormSelect({ formControlClassName, ...props }) {
|
|
|
24
24
|
onOptionChange(selectedValues);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
async function
|
|
28
|
-
const {
|
|
27
|
+
async function handleOnBlur() {
|
|
28
|
+
const { onBlur, formProps } = props;
|
|
29
29
|
formProps.setTouched({ ...formProps.touched, [props.formName]: true });
|
|
30
|
-
if (
|
|
31
|
-
|
|
30
|
+
if (onBlur) {
|
|
31
|
+
onBlur();
|
|
32
32
|
}
|
|
33
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,
|
|
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, onBlur: handleOnBlur })) }));
|
|
35
35
|
}
|
|
36
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,gCAuDC;;AA/DD,
|
|
1
|
+
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,gCAuDC;;AA/DD,uDAA6D;AAC7D,uDAAuF;AAOvF,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,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;QAEpC,SAAS,CAAC,UAAU,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvE,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAC;QACX,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,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type SelectInputProps = {
|
|
2
|
+
isDisabled?: boolean;
|
|
3
|
+
className?: string;
|
|
4
|
+
inputValue: string;
|
|
5
|
+
onBlur?: () => void;
|
|
6
|
+
handleInputChange: (value: string) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const SelectInput: import("react").ForwardRefExoticComponent<SelectInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
|
+
//# sourceMappingURL=select-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,+
|
|
1
|
+
{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,+GAqBtB,CAAC"}
|
|
@@ -5,7 +5,7 @@ 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
7
|
const react_1 = require("react");
|
|
8
|
-
exports.SelectInput = (0, react_1.forwardRef)(function SelectInput({ className, inputValue, isDisabled = false, handleInputChange }, ref) {
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", disabled: isDisabled, value: inputValue, onChange: (e) => handleInputChange(e.target.value), className: (0, tailwind_utils_1.tailwind)('w-full bg-transparent outline-none cursor-pointer', 'text-gray-01', 'disabled:text-gray-03 disabled:cursor-not-allowed', `${components_1.TextStyle[components_1.TextVariant.BODY]}`, className) }));
|
|
8
|
+
exports.SelectInput = (0, react_1.forwardRef)(function SelectInput({ className, inputValue, isDisabled = false, onBlur, handleInputChange }, ref) {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", onBlur: onBlur, disabled: isDisabled, value: inputValue, onChange: (e) => handleInputChange(e.target.value), className: (0, tailwind_utils_1.tailwind)('w-full bg-transparent outline-none cursor-pointer', 'text-gray-01', 'disabled:text-gray-03 disabled:cursor-not-allowed', `${components_1.TextStyle[components_1.TextVariant.BODY]}`, className) }));
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=select-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,uDAAgE;AAChE,qEAA4D;AAC5D,iCAAiD;
|
|
1
|
+
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,uDAAgE;AAChE,qEAA4D;AAC5D,iCAAiD;AAUpC,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAoB,EAC1F,GAAmC;IAEnC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,SAAS,EAAE,IAAA,yBAAQ,EACjB,mDAAmD,EACnD,cAAc,EACd,mDAAmD,EACnD,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
1
2
|
import { DropDownMenuOptionProps } from '../../../components';
|
|
2
3
|
export type SelectProps = {
|
|
3
4
|
isDisabled?: boolean;
|
|
@@ -5,13 +6,14 @@ export type SelectProps = {
|
|
|
5
6
|
removeOnSelect?: boolean;
|
|
6
7
|
isErrorVisible?: boolean;
|
|
7
8
|
className?: string;
|
|
8
|
-
emptyLabel?: string;
|
|
9
|
+
emptyLabel?: ReactElement | string;
|
|
9
10
|
initialInputValue?: string;
|
|
10
11
|
initialValues?: string[] | string;
|
|
11
12
|
options: DropDownMenuOptionProps[];
|
|
13
|
+
onBlur?: () => void;
|
|
12
14
|
onClick?: () => void;
|
|
13
15
|
onChangeText?: (value: string) => void;
|
|
14
16
|
onOptionChange?: (options: string[]) => void;
|
|
15
17
|
};
|
|
16
|
-
export declare function Select({ isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function Select({ isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
//# 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;
|
|
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,2CA2Gb"}
|
|
@@ -6,7 +6,7 @@ const components_1 = require("../../../components");
|
|
|
6
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
7
|
const select_input_1 = require("./components/select-input");
|
|
8
8
|
const use_select_1 = require("./use-select");
|
|
9
|
-
function Select({ isDisabled = false, isMultiSelect = false, removeOnSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onChangeText, onOptionChange, onClick = () => { }, }) {
|
|
9
|
+
function Select({ isDisabled = false, isMultiSelect = false, removeOnSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, options, onBlur, onChangeText, onOptionChange, onClick = () => { }, }) {
|
|
10
10
|
const { openDropdownMenu, inputValue, selectedValues: selectedIDs, chipsData, searchedOptions, inputRef, containerRef, handleInputChange, handleDropdownMenu, } = (0, use_select_1.useSelect)({
|
|
11
11
|
options,
|
|
12
12
|
initialValues,
|
|
@@ -26,6 +26,6 @@ function Select({ isDisabled = false, isMultiSelect = false, removeOnSelect = fa
|
|
|
26
26
|
handleDropdownMenu();
|
|
27
27
|
}, 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
|
|
28
28
|
? 'outline-none'
|
|
29
|
-
: '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: (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 }), className: (0, tailwind_utils_1.tailwind)('max-h-[313px] w-full', { hidden: !openDropdownMenu }) })] }));
|
|
29
|
+
: '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 }) })] }));
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAIzE,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,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,SAAS,CAAC,EACxB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,YAAuB,EACvB,cAAyB,GAC1B,EAAE,cAAc,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAIzE,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,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,SAAS,CAAC,EACxB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,YAAuB,EACvB,cAAyB,GAC1B,EAAE,cAAc,GAAG,aAAa,CAkNhC"}
|
|
@@ -82,7 +82,6 @@ function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options,
|
|
|
82
82
|
setSearchedOptions(filteredOptions);
|
|
83
83
|
}
|
|
84
84
|
function initializeValues() {
|
|
85
|
-
const dropDownMenuOption = handleMapOptions();
|
|
86
85
|
const values = Array.isArray(initialValues) ? initialValues : [initialValues];
|
|
87
86
|
const chipInitialValue = options
|
|
88
87
|
.filter((option) => values.includes(option.value))
|
|
@@ -94,22 +93,17 @@ function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options,
|
|
|
94
93
|
const initialSelectValues = options
|
|
95
94
|
.filter((option) => values.includes(option.value))
|
|
96
95
|
.map((option) => option.value);
|
|
97
|
-
const [
|
|
96
|
+
const [initial] = options
|
|
98
97
|
.filter((option) => values.includes(option.value))
|
|
99
|
-
.map((option) => option.
|
|
100
|
-
const removedOptions = removeOnSelect
|
|
101
|
-
? dropDownMenuOption.filter((option) => !selectedValues.includes(option.value))
|
|
102
|
-
: dropDownMenuOption;
|
|
98
|
+
.map((option) => option.label);
|
|
103
99
|
setChipsData(chipInitialValue);
|
|
104
100
|
setSelectedValues(initialSelectValues);
|
|
105
|
-
setInputValue(!isMultiSelect ?
|
|
106
|
-
setSearchedOptions(removedOptions);
|
|
101
|
+
setInputValue(!isMultiSelect ? initial : '');
|
|
107
102
|
}
|
|
108
103
|
(0, react_1.useEffect)(() => {
|
|
109
104
|
initializeValues();
|
|
110
105
|
}, [memoOptions, initialValues]);
|
|
111
106
|
(0, react_1.useEffect)(() => {
|
|
112
|
-
console.log(memoOptions, selectedValues);
|
|
113
107
|
const dropDownMenuOption = handleMapOptions();
|
|
114
108
|
const removedOptions = removeOnSelect
|
|
115
109
|
? dropDownMenuOption.filter((option) => !selectedValues.includes(option.value))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;AA0BA,
|
|
1
|
+
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"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, IconButtonVariant, IconButton, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, } 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,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,GACR,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,
|
|
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,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,GACR,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.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;
|
|
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.IconButtonVariant = 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,6 +14,7 @@ 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, "IconButtonVariant", { enumerable: true, get: function () { return components_1.IconButtonVariant; } });
|
|
17
18
|
Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return components_1.IconButton; } });
|
|
18
19
|
Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return components_1.SearchBar; } });
|
|
19
20
|
Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return components_1.Text; } });
|
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,2CAuBsB;AAtBpB,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,+GAAA,iBAAiB,OAAA;AACjB,wGAAA,UAAU,OAAA;AACV,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;AAIT,2CAAkF;AAAzE,kGAAA,IAAI,OAAA;AAAE,wGAAA,UAAU,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,2GAAA,aAAa,OAAA;AAAE,uGAAA,SAAS,OAAA"}
|
package/package.json
CHANGED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { CheckboxVariant } from './check-box-types';
|
|
2
|
-
type Props = {
|
|
3
|
-
value?: boolean;
|
|
4
|
-
isDisabled?: boolean;
|
|
5
|
-
label?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
labelClassName?: string;
|
|
8
|
-
containerClassName?: string;
|
|
9
|
-
variant?: CheckboxVariant;
|
|
10
|
-
onCheckToggle?: (value: boolean) => void;
|
|
11
|
-
};
|
|
12
|
-
export declare function Checkbox({ value, isDisabled, label, className, labelClassName, containerClassName, variant, onCheckToggle, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=check-box.d.ts.map
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { IconColor, IconSize, IconSymbol, PopOverPosition } from '../../../components';
|
|
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
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export * from './atoms/billo-icon';
|
|
2
|
-
export * from './atoms/button';
|
|
3
|
-
export * from './atoms/check-box';
|
|
4
|
-
export * from './atoms/chip/chip';
|
|
5
|
-
export * from './atoms/chip/chips-list';
|
|
6
|
-
export * from './atoms/drop-down-menu';
|
|
7
|
-
export * from './atoms/icon-button';
|
|
8
|
-
export * from './atoms/search-bar';
|
|
9
|
-
export * from './atoms/text';
|
|
10
|
-
export * from './atoms/text-button';
|
|
11
|
-
export * from './atoms/tool-tip';
|
|
12
|
-
export * from './atoms/pop-over';
|
|
13
|
-
export * from './molecules/form';
|
|
14
|
-
export * from './molecules/form/form-select';
|
|
15
|
-
export * from './molecules/form/form-text-field';
|
|
16
|
-
export * from './molecules/select';
|
|
17
|
-
export * from './molecules/text-field';
|
|
18
|
-
//# sourceMappingURL=index.d.ts.map
|