period-ui 0.2.7 → 0.2.8
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/drop-down-menu/drop-down-menu.d.ts +3 -2
- 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 +5 -2
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.d.ts +3 -2
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.js +6 -5
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.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 +1 -1
- package/dist/components/atoms/tool-tip/tool-tip.js.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.js +3 -5
- package/dist/components/molecules/drawer/components/drawer-component.js.map +1 -1
- package/dist/components/molecules/drawer/drawer.d.ts.map +1 -1
- package/dist/components/molecules/drawer/drawer.js +4 -1
- package/dist/components/molecules/drawer/drawer.js.map +1 -1
- package/dist/components/molecules/modal/filter-modal/filter-modal.d.ts.map +1 -1
- package/dist/components/molecules/modal/filter-modal/filter-modal.js +1 -1
- package/dist/components/molecules/modal/filter-modal/filter-modal.js.map +1 -1
- package/dist/components/molecules/modal/full-screen-modal/full-screen-modal.d.ts +13 -0
- package/dist/components/molecules/modal/full-screen-modal/full-screen-modal.d.ts.map +1 -0
- package/dist/components/molecules/modal/full-screen-modal/full-screen-modal.js +10 -0
- package/dist/components/molecules/modal/full-screen-modal/full-screen-modal.js.map +1 -0
- package/dist/components/molecules/modal/full-screen-modal/index.d.ts +2 -0
- package/dist/components/molecules/modal/full-screen-modal/index.d.ts.map +1 -0
- package/dist/components/molecules/modal/full-screen-modal/index.js +18 -0
- package/dist/components/molecules/modal/full-screen-modal/index.js.map +1 -0
- package/dist/components/molecules/modal/index.d.ts +1 -0
- package/dist/components/molecules/modal/index.d.ts.map +1 -1
- package/dist/components/molecules/modal/index.js +1 -0
- package/dist/components/molecules/modal/index.js.map +1 -1
- package/dist/components/molecules/modal/modal.d.ts +2 -1
- package/dist/components/molecules/modal/modal.d.ts.map +1 -1
- package/dist/components/molecules/modal/modal.js +4 -1
- package/dist/components/molecules/modal/modal.js.map +1 -1
- package/dist/components/molecules/select/components/select-input.d.ts +1 -0
- package/dist/components/molecules/select/components/select-input.d.ts.map +1 -1
- package/dist/components/molecules/select/components/select-input.js +11 -3
- package/dist/components/molecules/select/components/select-input.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 +6 -8
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/select/use-select.d.ts +1 -2
- package/dist/components/molecules/select/use-select.d.ts.map +1 -1
- package/dist/components/molecules/select/use-select.js +6 -8
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -1
|
@@ -3,6 +3,7 @@ import { RowComponentProps } from 'react-window';
|
|
|
3
3
|
import { DropDownMenuOptionProps } from '../../../components';
|
|
4
4
|
import { MenuItemVariant } from './components';
|
|
5
5
|
type Props = {
|
|
6
|
+
isOpen?: boolean;
|
|
6
7
|
className?: string;
|
|
7
8
|
dropDownClassName?: string;
|
|
8
9
|
selectedIDs: string[];
|
|
@@ -11,13 +12,13 @@ type Props = {
|
|
|
11
12
|
children?: ReactElement;
|
|
12
13
|
options: DropDownMenuOptionProps[];
|
|
13
14
|
rowHeight?: number;
|
|
14
|
-
onClose?: () => void;
|
|
15
|
+
onClose?: (value: boolean) => void;
|
|
15
16
|
};
|
|
16
17
|
export type DropDownMenuRowProps = RowComponentProps<{
|
|
17
18
|
uniqueOptions: DropDownMenuOptionProps[];
|
|
18
19
|
variant: MenuItemVariant;
|
|
19
20
|
selectedIDs: string[];
|
|
20
21
|
}>;
|
|
21
|
-
export declare function DropDownMenu({ options, className, dropDownClassName, emptyElement, selectedIDs, variant, rowHeight, children, onClose, }: Props): JSX.Element;
|
|
22
|
+
export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, variant, rowHeight, children, onClose, }: Props): JSX.Element;
|
|
22
23
|
export type { Props as DropDownMenuProps };
|
|
23
24
|
//# 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;AACrC,OAAO,EAAQ,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAY,eAAe,EAAE,MAAM,cAAc,CAAC;AAGzD,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,
|
|
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,EAAQ,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAY,eAAe,EAAE,MAAM,cAAc,CAAC;AAGzD,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,aAAa,EAAE,uBAAuB,EAAE,CAAC;IACzC,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC,CAAC;AAkCH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAgB,EAChB,OAAiC,EACjC,SAAuB,EACvB,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyCrB;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -19,8 +19,11 @@ function DropDownMenuRow({ index, style, uniqueOptions, variant, selectedIDs, })
|
|
|
19
19
|
'border-t': !isFirst,
|
|
20
20
|
}) }) }));
|
|
21
21
|
}
|
|
22
|
-
function DropDownMenu({ options, className, dropDownClassName, emptyElement, selectedIDs = [], variant = components_1.MenuItemVariant.DEFAULT, rowHeight = ITEM_HEIGHT, children, onClose, }) {
|
|
23
|
-
const { containerRef, isDorpDownMenuOpen, handleOpenDorpDown } = (0, use_drop_down_menu_1.useDropDownMenu)({
|
|
22
|
+
function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], variant = components_1.MenuItemVariant.DEFAULT, rowHeight = ITEM_HEIGHT, children, onClose, }) {
|
|
23
|
+
const { containerRef, isDorpDownMenuOpen, handleOpenDorpDown } = (0, use_drop_down_menu_1.useDropDownMenu)({
|
|
24
|
+
isOpen,
|
|
25
|
+
onClose,
|
|
26
|
+
});
|
|
24
27
|
const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
|
|
25
28
|
const effectiveRowHeight = rowHeight ?? ITEM_HEIGHT;
|
|
26
29
|
const maxHeight = effectiveRowHeight * MAX_VISIBLE_ITEMS;
|
|
@@ -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":";;AA0DA,oCAoDC;;AA7GD,+CAAuD;AAEvD,kEAAyD;AACzD,6CAAyD;AACzD,6DAAuD;AAqBvD,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,KAAK,EACL,aAAa,EACb,OAAO,EACP,WAAW,GACU;IACrB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,gCAAK,KAAK,EAAE,KAAK,YACf,uBAAC,qBAAQ,OACH,MAAM,EACV,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC;gBAClB,cAAc,EAAE,MAAM;gBACtB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,CAAC,OAAO;aACrB,CAAC,GACF,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,SAAS,GAAG,WAAW,EACvB,QAAQ,EACR,OAAO,GACD;IACN,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAAG,IAAA,oCAAe,EAAC;QAC/E,MAAM;QACN,OAAO;KACR,CAAC,CAAC;IAEH,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,MAAM,kBAAkB,GAAG,SAAS,IAAI,WAAW,CAAC;IACpD,MAAM,SAAS,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;IAEzD,OAAO,CACL,iCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,UAAU,EAAE,SAAS,CAAC,aAChE,gCAAK,OAAO,EAAE,kBAAkB,YAAG,QAAQ,GAAO,EAEjD,kBAAkB,IAAI,CACrB,gCACE,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAA,yBAAQ,EACjB,+EAA+E,EAC/E,yCAAyC,EACzC,iBAAiB,CAClB,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3C,uBAAC,mBAAI,IACH,YAAY,EAAE,eAAe,EAC7B,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,aAAa,CAAC,MAAM,EAC9B,QAAQ,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,EACjD,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAC9C,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -4,8 +4,9 @@ type UseDropDownMenu = {
|
|
|
4
4
|
handleOpenDorpDown: () => void;
|
|
5
5
|
};
|
|
6
6
|
type UseDropDownMenuProps = {
|
|
7
|
-
|
|
7
|
+
isOpen?: boolean;
|
|
8
|
+
onClose?: (value: boolean) => void;
|
|
8
9
|
};
|
|
9
|
-
export declare function useDropDownMenu({ onClose }: UseDropDownMenuProps): UseDropDownMenu;
|
|
10
|
+
export declare function useDropDownMenu({ isOpen, onClose, }: UseDropDownMenuProps): UseDropDownMenu;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=use-drop-down-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChD,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"use-drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChD,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,MAAc,EACd,OAAO,GACR,EAAE,oBAAoB,GAAG,eAAe,CAuDxC"}
|
|
@@ -2,13 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useDropDownMenu = useDropDownMenu;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
function useDropDownMenu({ onClose }) {
|
|
5
|
+
function useDropDownMenu({ isOpen = false, onClose, }) {
|
|
6
6
|
const [isDorpDownMenuOpen, setIsDorpDownMenuOpen] = (0, react_1.useState)(false);
|
|
7
7
|
const containerRef = (0, react_1.useRef)(null);
|
|
8
8
|
function handleOpenDorpDown() {
|
|
9
|
-
|
|
10
|
-
onClose?.();
|
|
11
|
-
}
|
|
9
|
+
onClose?.(!isDorpDownMenuOpen);
|
|
12
10
|
setIsDorpDownMenuOpen((current) => !current);
|
|
13
11
|
}
|
|
14
12
|
(0, react_1.useEffect)(() => {
|
|
@@ -16,7 +14,7 @@ function useDropDownMenu({ onClose }) {
|
|
|
16
14
|
if (!isDorpDownMenuOpen) {
|
|
17
15
|
return;
|
|
18
16
|
}
|
|
19
|
-
onClose?.();
|
|
17
|
+
onClose?.(false);
|
|
20
18
|
setIsDorpDownMenuOpen(false);
|
|
21
19
|
}
|
|
22
20
|
function handleClickOutside(event) {
|
|
@@ -39,6 +37,9 @@ function useDropDownMenu({ onClose }) {
|
|
|
39
37
|
document.removeEventListener('keydown', onKeyDown);
|
|
40
38
|
};
|
|
41
39
|
}, [isDorpDownMenuOpen]);
|
|
40
|
+
(0, react_1.useEffect)(() => {
|
|
41
|
+
setIsDorpDownMenuOpen(isOpen);
|
|
42
|
+
}, [isOpen]);
|
|
42
43
|
return {
|
|
43
44
|
containerRef,
|
|
44
45
|
isDorpDownMenuOpen,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":";;AAaA,0CA0DC;AAvED,iCAAoD;AAapD,SAAgB,eAAe,CAAC,EAC9B,MAAM,GAAG,KAAK,EACd,OAAO,GACc;IACrB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEpD,SAAS,kBAAkB;QACzB,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC;QAE/B,qBAAqB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,wBAAwB;YAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,SAAS,kBAAkB,CAAC,KAAiB;YAC3C,IACE,kBAAkB;gBAClB,YAAY,CAAC,OAAO;gBACpB,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACpD,CAAC;gBACD,wBAAwB,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,SAAS,SAAS,CAAC,CAAgB;YACjC,IAAI,kBAAkB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC7C,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,wBAAwB,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO;QACL,YAAY;QACZ,kBAAkB;QAClB,kBAAkB;KACnB,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":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAIV,eAAe,EAGf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAIV,eAAe,EAGf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0FrB;AAED,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -13,6 +13,6 @@ function Tooltip({ text, children, iconProps, textClassName, arrowClassName, und
|
|
|
13
13
|
toolTipType,
|
|
14
14
|
onClick,
|
|
15
15
|
});
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [isFilledTooltip ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: handleOnClick, onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, type: "button", onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, onClick: handleOnClick, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), isModalTooltip && modalTooltipTitle ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { title: modalTooltipTitle, variant: components_1.ModalVariant.INFO, isOpen: isMessageVisible && isMessageShowed, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, children: text ?? children }) }), (0, jsx_runtime_1.jsx)(components_1.Modal.Footer, { primaryButton: { children: understoodLabel, onClick: closeTooltip } })] })) : ((0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, children: children }))] }));
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [isFilledTooltip ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: handleOnClick, onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, type: "button", onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, onClick: handleOnClick, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), isModalTooltip && modalTooltipTitle ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { mobileFullScreen: false, title: modalTooltipTitle, variant: components_1.ModalVariant.INFO, isOpen: isMessageVisible && isMessageShowed, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, children: text ?? children }) }), (0, jsx_runtime_1.jsx)(components_1.Modal.Footer, { primaryButton: { children: understoodLabel, onClick: closeTooltip } })] })) : ((0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, children: children }))] }));
|
|
17
17
|
}
|
|
18
18
|
//# 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":";;AAwCA,
|
|
1
|
+
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/atoms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;AAwCA,0BAuGC;;AA/ID,iCAA6C;AAC7C,oDAc6B;AAC7B,kEAAyD;AACzD,iDAA4C;AAuB5C,SAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,wBAAW,CAAC,OAAO,EACjC,QAAQ,GAAG,4BAAe,CAAC,SAAS,EACpC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EACJ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,aAAa,GACd,GAAG,IAAA,yBAAU,EAAC;QACb,iBAAiB;QACjB,WAAW;QACX,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACnC,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAClD,OAAO,EAAE,8BAAiB,CAAC,MAAM,EACjC,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC9D,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC/D,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,uBAAU,CAAC,CAAC,KACd,SAAS,EACb,SAAS,EAAE,IAAA,yBAAQ,EACjB,iDAAiD,EACjD,SAAS,EAAE,SAAS,CACrB,GACD,CACH,CAAC,CAAC,CAAC,CACF,mCACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAClD,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC9D,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC/D,SAAS,EAAE,IAAA,yBAAQ,EACjB,wEAAwE,CACzE,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,WAAW,EAC5B,KAAK,EAAE,sBAAS,CAAC,OAAO,EACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,KACtC,SAAS,GACb,GACK,CACV,EAEA,cAAc,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACrC,wBAAC,kBAAK,IACJ,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,yBAAY,CAAC,IAAI,EAC1B,MAAM,EAAE,gBAAgB,IAAI,eAAe,EAC3C,OAAO,EAAE,YAAY,aAErB,uBAAC,kBAAK,CAAC,OAAO,cACZ,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,YAAG,IAAI,IAAI,QAAQ,GAAQ,GAC5C,EAEhB,uBAAC,kBAAK,CAAC,MAAM,IAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,GAAI,IAC/E,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,gBAAgB,IAAI,eAAe,EAC9C,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAEnD,QAAQ,GACD,CACX,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-component.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"drawer-component.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,EAAE,KAAK,2CAwDP"}
|
|
@@ -4,14 +4,12 @@ exports.DrawerComponent = DrawerComponent;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const __1 = require("../../..");
|
|
6
6
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
-
const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
|
|
8
7
|
function DrawerComponent({ title, isPanel, options = [], titleVariant, children, className, isRightDirection, onClose, }) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
'rounded-l-2xl': !isPanel && !isMobile,
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-8 w-[440px] h-full', 'transform bg-white', {
|
|
9
|
+
'rounded-l-2xl': !isPanel,
|
|
12
10
|
'border border-y-transparent': isPanel,
|
|
13
11
|
'border-l-gray-four border-r-transparent': isPanel && isRightDirection,
|
|
14
12
|
'border-l-transparent border-r-gray-four': isPanel && !isRightDirection,
|
|
15
|
-
}, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white',
|
|
13
|
+
}, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white', children && 'mb-6'), children: [(onClose || !isPanel) && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: __1.IconSize.XL })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('mx-1 truncate'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && ((0, jsx_runtime_1.jsx)(__1.DropDownMenu, { selectedIDs: [], options: options, className: "ml-auto", dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0'), children: (0, jsx_runtime_1.jsx)(__1.IconButton, { icon: __1.IconSymbol.THREE_DOT, className: "shrink-0 self-end", size: __1.IconSize.XL }) }))] }), children] }));
|
|
16
14
|
}
|
|
17
15
|
//# sourceMappingURL=drawer-component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;AAwBA,0CAiEC;;AAxFD,gCASkB;AAClB,qEAA4D;AAa5D,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACD;IACN,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oCAAoC,EACpC,oBAAoB,EACpB;YACE,eAAe,EAAE,CAAC,OAAO;YACzB,6BAA6B,EAAE,OAAO;YACtC,yCAAyC,EAAE,OAAO,IAAI,gBAAgB;YACtE,yCAAyC,EAAE,OAAO,IAAI,CAAC,gBAAgB;SACxE,EACD,SAAS,CACV,aAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,QAAQ,IAAI,MAAM,CACnB,aAEA,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CACxB,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,YAAY,EAC7B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,YAAQ,CAAC,EAAE,GACjB,CACH,EAED,uBAAC,QAAI,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,eAAe,CAAC,EAAE,KAAK,EAAE,cAAU,CAAC,KAAK,YACvF,KAAK,GACD,EAEN,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uBAAC,gBAAY,IACX,WAAW,EAAE,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,iBAAiB,EAAE,IAAA,yBAAQ,EAAC,SAAS,CAAC,YAGpC,uBAAC,cAAU,IACT,IAAI,EAAE,cAAU,CAAC,SAAS,EAC1B,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,YAAQ,CAAC,EAAE,GACjB,GAES,CAChB,IACG,EAGL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAiC,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAmB,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGzF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAc,EACd,SAAiC,EACjC,OAA6B,EAC7B,YAAmC,EACnC,OAAO,GACR,EAAE,KAAK,2CA8CP;yBAxDe,MAAM;;;;AA6DtB,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -9,8 +9,11 @@ const components_1 = require("./components");
|
|
|
9
9
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
10
10
|
function Drawer({ title, options, children, className, isOpen = false, direction = _1.DrawerDirection.RIGHT, variant = _1.DrawerVariant.MODAL, titleVariant = __1.TextVariant.SUBTITLE, onClose, }) {
|
|
11
11
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
|
-
const isPanel = variant === _1.DrawerVariant.PANEL
|
|
12
|
+
const isPanel = variant === _1.DrawerVariant.PANEL;
|
|
13
13
|
const isRightDirection = direction === _1.DrawerDirection.RIGHT || !isPanel;
|
|
14
|
+
if (isMobile) {
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(__1.FullScreenModal, { title: title, className: className, isOpen: isOpen, titleVariant: titleVariant, children: children }));
|
|
16
|
+
}
|
|
14
17
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { title: title, options: options, isPanel: isPanel, children: children, className: className, titleVariant: titleVariant, isRightDirection: isRightDirection, onClose: onClose })) : ((0, jsx_runtime_1.jsx)(__1.ModalOverlay, { isOpen: isOpen, contentClassName: (0, tailwind_utils_1.tailwind)('justify-end'), children: (0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { title: title, options: options, isPanel: isPanel, children: children, className: className, titleVariant: titleVariant, onClose: onClose }) })) }));
|
|
15
18
|
}
|
|
16
19
|
Drawer.Footer = components_1.FooterContentView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;AAmBA,
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;AAmBA,wBAwDC;;AA1ED,wBAAmD;AACnD,6BAA4F;AAC5F,kEAAyD;AACzD,6CAAyF;AACzF,6EAAsE;AActE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,kBAAe,CAAC,KAAK,EACjC,OAAO,GAAG,gBAAa,CAAC,KAAK,EAC7B,YAAY,GAAG,eAAW,CAAC,QAAQ,EACnC,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,OAAO,KAAK,gBAAa,CAAC,KAAK,CAAC;IAChD,MAAM,gBAAgB,GAAG,SAAS,KAAK,kBAAe,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAEzE,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,uBAAC,mBAAe,IACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACO,CACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,2DACG,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAA,yBAAQ,EAAC,aAAa,CAAC,YACrE,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,GACW,CAChB,GACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,8BAAiB,CAAC;AAClC,MAAM,CAAC,OAAO,GAAG,kCAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/filter-modal/filter-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,cAAc,EACf,MAAM,wBAAwB,CAAC;AAGhC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,MAAc,EACd,UAAkB,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,OAAO,EACP,QAAQ,EACR,cAAc,GACf,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"filter-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/filter-modal/filter-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,cAAc,EACf,MAAM,wBAAwB,CAAC;AAGhC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,MAAc,EACd,UAAkB,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,OAAO,EACP,QAAQ,EACR,cAAc,GACf,EAAE,KAAK,2CAyEP;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -14,7 +14,7 @@ function FilterModal({ title, className, isOpen = false, isDisabled = false, fil
|
|
|
14
14
|
onFilter,
|
|
15
15
|
onClearFilters,
|
|
16
16
|
});
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col w-full', className), children: [(0, jsx_runtime_1.jsxs)(modal_1.Modal, { isOpen: isFilterModalOpen, onClose: handleCloseFilterModal, title: title, children: [(0, jsx_runtime_1.jsx)(modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Accordion, { accordions: accordionsData }) }), (0, jsx_runtime_1.jsx)(modal_1.Modal.Footer, { primaryButton: {
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col w-full', className), children: [(0, jsx_runtime_1.jsxs)(modal_1.Modal, { mobileFullScreen: false, isOpen: isFilterModalOpen, onClose: handleCloseFilterModal, title: title, children: [(0, jsx_runtime_1.jsx)(modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Accordion, { accordions: accordionsData }) }), (0, jsx_runtime_1.jsx)(modal_1.Modal.Footer, { primaryButton: {
|
|
18
18
|
children: primaryLabel,
|
|
19
19
|
disabled: isFilterButtonDisabled,
|
|
20
20
|
onClick: handleApplyFilters,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-modal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/filter-modal/filter-modal.tsx"],"names":[],"mappings":";;AA0BA,
|
|
1
|
+
{"version":3,"file":"filter-modal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/filter-modal/filter-modal.tsx"],"names":[],"mappings":";;AA0BA,kCAsFC;;AAhHD,yDAAoD;AACpD,oCAAiC;AACjC,uDAMgC;AAChC,qEAA4D;AAiB5D,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,OAAO,EACP,QAAQ,EACR,cAAc,GACR;IACN,MAAM,EACJ,SAAS,EACT,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,GAAG,IAAA,iCAAc,EAAC;QACjB,MAAM;QACN,cAAc;QACd,OAAO;QACP,QAAQ;QACR,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,sBAAsB,EAAE,SAAS,CAAC,aACzD,wBAAC,aAAK,IACJ,gBAAgB,EAAE,KAAK,EACvB,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAE,KAAK,aAEZ,uBAAC,aAAK,CAAC,OAAO,cACZ,uBAAC,sBAAS,IAAC,UAAU,EAAE,cAAc,GAAI,GAC3B,EAChB,uBAAC,aAAK,CAAC,MAAM,IACX,aAAa,EAAE;4BACb,QAAQ,EAAE,YAAY;4BACtB,QAAQ,EAAE,sBAAsB;4BAChC,OAAO,EAAE,kBAAkB;yBAC5B,EACD,eAAe,EAAE;4BACf,QAAQ,EAAE,cAAc;4BACxB,QAAQ,EAAE,qBAAqB;4BAC/B,OAAO,EAAE,kBAAkB;yBAC5B,GACD,IACI,EAER,iCAAK,SAAS,EAAC,eAAe,aAC5B,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,eAAe,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC,EACtF,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,GACjC,EAED,SAAS,IAAI,CACZ,uBAAC,qBAAQ,IACP,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,IAAA,yBAAQ,EAAC,mDAAmD,CAAC,EACxE,gBAAgB,EACd,gCAAK,SAAS,EAAC,sCAAsC,YACnD,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAA,yBAAQ,EAAC,OAAO,CAAC,GAC5B,GACE,GAER,CACH,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { TextVariant } from '../../..';
|
|
3
|
+
type Props = {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
titleVariant?: TextVariant;
|
|
7
|
+
children: ReactElement | ReactElement[];
|
|
8
|
+
className?: string;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function FullScreenModal({ isOpen, title, titleVariant, children, className, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=full-screen-modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"full-screen-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/full-screen-modal/full-screen-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAOL,WAAW,EACZ,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,KAAK,2CAgCP"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FullScreenModal = FullScreenModal;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const __1 = require("../../..");
|
|
6
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
+
function FullScreenModal({ isOpen, title, titleVariant, children, className, onClose, }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(__1.ModalOverlay, { isOpen: isOpen, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-6 w-full h-full', 'transform bg-white', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white', 'border-b border-gray-04 -mx-6 -mt-6 px-[13px] py-[11px]', children && 'mb-8'), children: [(0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: __1.IconSize.LG }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant || __1.TextVariant.HEADLINE, className: (0, tailwind_utils_1.tailwind)('mx-1 truncate'), color: __1.TextColors.BLACK, children: title })] }), children] }) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=full-screen-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"full-screen-modal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/full-screen-modal/full-screen-modal.tsx"],"names":[],"mappings":";;AAqBA,0CAuCC;;AA3DD,gCAQkB;AAClB,qEAA4D;AAW5D,SAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,OAAO,GACD;IACN,OAAO,CACL,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,YAC1B,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,iCAAiC,EAAE,oBAAoB,EAAE,SAAS,CAAC,aAC1F,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,yDAAyD,EACzD,QAAQ,IAAI,MAAM,CACnB,aAED,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,YAAY,EAC7B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,YAAQ,CAAC,EAAE,GACjB,EAEF,uBAAC,QAAI,IACH,OAAO,EAAE,YAAY,IAAI,eAAW,CAAC,QAAQ,EAC7C,SAAS,EAAE,IAAA,yBAAQ,EAAC,eAAe,CAAC,EACpC,KAAK,EAAE,cAAU,CAAC,KAAK,YAEtB,KAAK,GACD,IACH,EAGL,QAAQ,IACL,GACO,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/full-screen-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,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("./full-screen-modal"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/full-screen-modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
|
|
@@ -17,5 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
__exportStar(require("./components"), exports);
|
|
18
18
|
__exportStar(require("./modal"), exports);
|
|
19
19
|
__exportStar(require("./filter-modal"), exports);
|
|
20
|
+
__exportStar(require("./full-screen-modal"), exports);
|
|
20
21
|
__exportStar(require("./modal-variants"), exports);
|
|
21
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,0CAAwB;AACxB,iDAA+B;AAC/B,mDAAiC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,0CAAwB;AACxB,iDAA+B;AAC/B,sDAAoC;AACpC,mDAAiC"}
|
|
@@ -3,6 +3,7 @@ import { ExtendableContentView, FooterContentView, ModalVariant } from '.';
|
|
|
3
3
|
import { TextVariant } from '../../../components';
|
|
4
4
|
type Props = {
|
|
5
5
|
isOpen: boolean;
|
|
6
|
+
mobileFullScreen?: boolean;
|
|
6
7
|
variant?: ModalVariant;
|
|
7
8
|
title: string;
|
|
8
9
|
titleVariant?: TextVariant;
|
|
@@ -11,7 +12,7 @@ type Props = {
|
|
|
11
12
|
childrenClassName?: string;
|
|
12
13
|
onClose: () => void;
|
|
13
14
|
};
|
|
14
|
-
export declare function Modal({ title, children, className, isOpen, variant, titleVariant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function Modal({ title, children, className, isOpen, mobileFullScreen, variant, titleVariant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export declare namespace Modal {
|
|
16
17
|
var Footer: typeof FooterContentView;
|
|
17
18
|
var Content: typeof ExtendableContentView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EAIjB,YAAY,EACb,MAAM,GAAG,CAAC;AACX,OAAO,EASL,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAc,EACd,gBAAuB,EACvB,OAA8B,EAC9B,YAAmC,EACnC,OAAkB,GACnB,EAAE,KAAK,2CA+EP;yBAxFe,KAAK;;;;AA6FrB,YAAY,EAAE,KAAK,IAAI,UAAU,EAAE,CAAC"}
|
|
@@ -6,10 +6,13 @@ const _1 = require(".");
|
|
|
6
6
|
const components_1 = require("../../../components");
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
9
|
-
function Modal({ title, children, className, isOpen = false, variant = _1.ModalVariant.DEFAULT, titleVariant = components_1.TextVariant.SUBTITLE, onClose = () => { }, }) {
|
|
9
|
+
function Modal({ title, children, className, isOpen = false, mobileFullScreen = true, variant = _1.ModalVariant.DEFAULT, titleVariant = components_1.TextVariant.SUBTITLE, onClose = () => { }, }) {
|
|
10
10
|
const isLoading = variant === _1.ModalVariant.LOADING;
|
|
11
11
|
const iconStyle = _1.modalIconStyles[variant];
|
|
12
12
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
13
|
+
if (isMobile && mobileFullScreen) {
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(_1.FullScreenModal, { title: title, isOpen: isOpen, className: className, titleVariant: titleVariant, children: children }));
|
|
15
|
+
}
|
|
13
16
|
return ((0, jsx_runtime_1.jsx)(_1.ModalOverlay, { isOpen: isOpen, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-6 pt-4 max-h-[407px] w-[272px]', 'transform text-left bg-white rounded-2xl', 'md:max-h-[688px] md:w-[644px] md:p-8', isLoading && isMobile && 'p-6', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start bg-white sticky', isLoading && 'flex-col space-y-4 md:space-y-6 items-center', children && 'md:pb-6 pb-4'), children: [iconStyle.icon && ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex justify-center h-[34px] w-[34px] md:h-[36px] md:w-[36px] shrink-0 rounded-full md:mr-4 mr-2', 'md:my-[2px] my-[3px]', iconStyle.iconBackGround), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: iconStyle.icon, color: iconStyle.iconColor, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL }) })), isLoading && (0, jsx_runtime_1.jsx)(components_1.ProgressIndicator, { spinnerSize: components_1.SpinnerVariant.MEDIUM }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('whitespace-normal md:py-[1px] py-[9.5px] md:mr-4 mr-2', isLoading && 'text-center md:mr-0 mr-0 py-0 md:py-0'), color: components_1.TextColors.BLACK, children: title }), !isLoading && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { onClick: onClose, icon: components_1.IconSymbol.X, className: "shrink-0 ml-auto", size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL }))] }), children] }) }));
|
|
14
17
|
}
|
|
15
18
|
Modal.Footer = _1.FooterContentView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/molecules/modal/modal.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/molecules/modal/modal.tsx"],"names":[],"mappings":";;AAmCA,sBAwFC;;AA1HD,wBAOW;AACX,oDAU6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAc7E,SAAgB,KAAK,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,gBAAgB,GAAG,IAAI,EACvB,OAAO,GAAG,eAAY,CAAC,OAAO,EAC9B,YAAY,GAAG,wBAAW,CAAC,QAAQ,EACnC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,SAAS,GAAG,OAAO,KAAK,eAAY,CAAC,OAAO,CAAC;IACnD,MAAM,SAAS,GAAG,kBAAe,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,IAAI,QAAQ,IAAI,gBAAgB,EAAE,CAAC;QACjC,OAAO,CACL,uBAAC,kBAAe,IACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACO,CACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,eAAY,IAAC,MAAM,EAAE,MAAM,YAC1B,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,gDAAgD,EAChD,0CAA0C,EAC1C,sCAAsC,EACtC,SAAS,IAAI,QAAQ,IAAI,KAAK,EAC9B,SAAS,CACV,aAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,yDAAyD,EACzD,SAAS,IAAI,8CAA8C,EAC3D,QAAQ,IAAI,cAAc,CAC3B,aAEA,SAAS,CAAC,IAAI,IAAI,CACjB,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kGAAkG,EAClG,sBAAsB,EACtB,SAAS,CAAC,cAAc,CACzB,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,SAAS,EAC1B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,GAC1C,GACE,CACP,EAEA,SAAS,IAAI,uBAAC,8BAAiB,IAAC,WAAW,EAAE,2BAAc,CAAC,MAAM,GAAI,EACvE,uBAAC,iBAAI,IACH,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,IAAA,yBAAQ,EACjB,uDAAuD,EACvD,SAAS,IAAI,uCAAuC,CACrD,EACD,KAAK,EAAE,uBAAU,CAAC,KAAK,YAEtB,KAAK,GACD,EAEN,CAAC,SAAS,IAAI,CACb,uBAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,uBAAU,CAAC,CAAC,EAClB,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,GAC1C,CACH,IACG,EAGL,QAAQ,IACL,GACO,CAChB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,MAAM,GAAG,oBAAiB,CAAC;AACjC,KAAK,CAAC,OAAO,GAAG,wBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,+GAsCtB,CAAC"}
|
|
@@ -2,10 +2,18 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SelectInput = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_imask_1 = require("react-imask");
|
|
6
|
+
const react_1 = require("react");
|
|
5
7
|
const components_1 = require("../../../../components");
|
|
6
8
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
exports.SelectInput = (0, react_1.forwardRef)(function SelectInput({ mask, className, inputValue = '', isDisabled = false, onBlur, handleInputChange, }, ref) {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { inputRef: ref, mask: mask, disabled: isDisabled, value: inputValue, autoComplete: "off", 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), onBlur: onBlur, onAccept: (value) => {
|
|
11
|
+
handleInputChange(value);
|
|
12
|
+
}, onChange: (e) => {
|
|
13
|
+
if (mask) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
handleInputChange(e.target.value);
|
|
17
|
+
} }));
|
|
10
18
|
});
|
|
11
19
|
//# 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;
|
|
1
|
+
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AACzC,iCAAiD;AACjD,uDAAgE;AAChE,qEAA4D;AAW/C,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,EACE,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,iBAAiB,GACA,EACnB,GAAmC;IAEnC,OAAO,CACL,uBAAC,wBAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,IAAA,yBAAQ,EACjB,mDAAmD,EACnD,cAAc,EACd,mDAAmD,EACnD,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;YAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;YACnD,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO;YACT,CAAC;YAED,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { DropDownMenuOptionProps } from '../../../components';
|
|
3
3
|
export type SelectProps = {
|
|
4
|
+
mask?: string;
|
|
4
5
|
isDisabled?: boolean;
|
|
5
6
|
isMultiSelect?: boolean;
|
|
6
7
|
removeOnSelect?: boolean;
|
|
@@ -16,5 +17,5 @@ export type SelectProps = {
|
|
|
16
17
|
onChangeText?: (value: string) => void;
|
|
17
18
|
onOptionChange?: (options: string[]) => void;
|
|
18
19
|
};
|
|
19
|
-
export declare function Select({ isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare function Select({ mask, isDisabled, isMultiSelect, removeOnSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
20
21
|
//# 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,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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;
|
|
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,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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;AAkFF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,UAAkB,EAClB,aAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,2CAsDb"}
|
|
@@ -6,8 +6,8 @@ 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 SelectDropDownComponent({ isDisabled = false, isMultiSelect = false, isErrorVisible, className, onBlur, onClick = () => { }, selectHook, }) {
|
|
10
|
-
const { openDropdownMenu, inputValue, chipsData, inputRef, handleInputChange
|
|
9
|
+
function SelectDropDownComponent({ mask, isDisabled = false, isMultiSelect = false, isErrorVisible, className, onBlur, onClick = () => { }, selectHook, }) {
|
|
10
|
+
const { openDropdownMenu, inputValue, chipsData, inputRef, handleInputChange } = selectHook;
|
|
11
11
|
return ((0, jsx_runtime_1.jsxs)("div", { role: "button", "data-testid": "select-trigger", tabIndex: 0, onClick: (e) => {
|
|
12
12
|
const target = e.target;
|
|
13
13
|
const isClickInsideChip = target.closest('[data-chip]');
|
|
@@ -15,12 +15,11 @@ function SelectDropDownComponent({ isDisabled = false, isMultiSelect = false, is
|
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
17
|
onClick();
|
|
18
|
-
handleDropdownMenu();
|
|
19
18
|
}, 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
|
|
20
19
|
? 'outline-none'
|
|
21
|
-
: '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') })] }));
|
|
20
|
+
: '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, { mask: mask, 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, { mask: mask, 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') })] }));
|
|
22
21
|
}
|
|
23
|
-
function Select({ isDisabled = false, isMultiSelect = false, removeOnSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick = () => { }, }) {
|
|
22
|
+
function Select({ mask, isDisabled = false, isMultiSelect = false, removeOnSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick = () => { }, }) {
|
|
24
23
|
const selectHook = (0, use_select_1.useSelect)({
|
|
25
24
|
options,
|
|
26
25
|
initialValues,
|
|
@@ -28,11 +27,10 @@ function Select({ isDisabled = false, isMultiSelect = false, removeOnSelect = fa
|
|
|
28
27
|
removeOnSelect,
|
|
29
28
|
initialInputValue,
|
|
30
29
|
debounceDelay,
|
|
31
|
-
onBlur,
|
|
32
30
|
onChangeText,
|
|
33
31
|
onOptionChange,
|
|
34
32
|
});
|
|
35
|
-
const { selectedValues: selectedIDs, searchedOptions } = selectHook;
|
|
36
|
-
return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { onClose:
|
|
33
|
+
const { openDropdownMenu, selectedValues: selectedIDs, searchedOptions, setOpenDropdownMenu, } = selectHook;
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { onClose: setOpenDropdownMenu, isOpen: openDropdownMenu, 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), dropDownClassName: "left-0", className: (0, tailwind_utils_1.tailwind)('w-full'), children: (0, jsx_runtime_1.jsx)(SelectDropDownComponent, { mask: mask, isDisabled: isDisabled, isMultiSelect: isMultiSelect, isErrorVisible: isErrorVisible, className: className, onBlur: onBlur, onClick: onClick, selectHook: selectHook }) }));
|
|
37
35
|
}
|
|
38
36
|
//# 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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"}
|
|
@@ -6,8 +6,8 @@ export type UseSelectHook = {
|
|
|
6
6
|
chipsData: ChipOptionsProps[];
|
|
7
7
|
searchedOptions: DropDownMenuOptionProps[];
|
|
8
8
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
9
|
-
handleDropdownMenu: () => void;
|
|
10
9
|
handleInputChange: (value: string) => void;
|
|
10
|
+
setOpenDropdownMenu: (value: boolean) => void;
|
|
11
11
|
};
|
|
12
12
|
export type UseSelectProps = {
|
|
13
13
|
isMultiSelect: boolean;
|
|
@@ -16,7 +16,6 @@ export type UseSelectProps = {
|
|
|
16
16
|
options: DropDownMenuOptionProps[];
|
|
17
17
|
initialValues?: string[] | string;
|
|
18
18
|
debounceDelay?: number;
|
|
19
|
-
onBlur?: () => void;
|
|
20
19
|
onChangeText?: (value: string) => void;
|
|
21
20
|
onOptionChange?: (options: string[]) => void;
|
|
22
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAmB,MAAM,cAAc,CAAC;AAI1F,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,
|
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAmB,MAAM,cAAc,CAAC;AAI1F,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,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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,aAAa,EACb,YAAuB,EACvB,cAAyB,GAC1B,EAAE,cAAc,GAAG,aAAa,CAoPhC"}
|
|
@@ -45,9 +45,6 @@ function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options,
|
|
|
45
45
|
setSearchValue('');
|
|
46
46
|
}
|
|
47
47
|
}, [openDropdownMenu, isMultiSelect, lastCommittedLabel]);
|
|
48
|
-
function handleDropdownMenu() {
|
|
49
|
-
setOpenDropdownMenu((current) => !current);
|
|
50
|
-
}
|
|
51
48
|
function handleUnSelect(optionValue) {
|
|
52
49
|
const mappedOptions = handleMapOptions();
|
|
53
50
|
const filteredOptions = mappedOptions.filter((option) => {
|
|
@@ -84,7 +81,6 @@ function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options,
|
|
|
84
81
|
return [...(selectedValues || []), newSelected.value];
|
|
85
82
|
}
|
|
86
83
|
async function handleSelectOption(selectedValues) {
|
|
87
|
-
handleDropdownMenu();
|
|
88
84
|
if (selectedValues.variant !== components_1.MenuItemVariant.DEFAULT) {
|
|
89
85
|
return;
|
|
90
86
|
}
|
|
@@ -157,11 +153,13 @@ function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options,
|
|
|
157
153
|
if (!inputRef.current) {
|
|
158
154
|
return;
|
|
159
155
|
}
|
|
160
|
-
inputRef.current.blur();
|
|
161
156
|
if (openDropdownMenu) {
|
|
162
157
|
inputRef.current.focus();
|
|
163
|
-
const
|
|
164
|
-
|
|
158
|
+
const { selectionStart, selectionEnd, value } = inputRef.current;
|
|
159
|
+
if (selectionStart === 0 && selectionEnd === 0) {
|
|
160
|
+
const length = value.length;
|
|
161
|
+
inputRef.current.setSelectionRange(length, length);
|
|
162
|
+
}
|
|
165
163
|
return;
|
|
166
164
|
}
|
|
167
165
|
inputRef.current.blur();
|
|
@@ -187,8 +185,8 @@ function useSelect({ isMultiSelect, removeOnSelect, initialInputValue, options,
|
|
|
187
185
|
chipsData,
|
|
188
186
|
searchedOptions,
|
|
189
187
|
inputRef,
|
|
190
|
-
handleDropdownMenu,
|
|
191
188
|
handleInputChange,
|
|
189
|
+
setOpenDropdownMenu,
|
|
192
190
|
};
|
|
193
191
|
}
|
|
194
192
|
//# sourceMappingURL=use-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;AA2BA,8BA6PC;AAxRD,iCAA6D;AAC7D,6CAA0F;AAC1F,oEAAmE;AACnE,uDAAmD;AAwBnD,SAAgB,SAAS,CAAC,EACxB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,GACV;IAEf,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAc,GAAE,CAAC;IAGvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAA4B,EAAE,CAAC,CAAC;IACtF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,IAAA,0BAAW,EAAC,WAAW,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC;IAGrE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAG5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,gBAAgB,EAAE,CAAC;QAE9C,MAAM,cAAc,GAAG,cAAc;YACnC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/E,CAAC,CAAC,kBAAkB,CAAC;QAEvB,MAAM,eAAe,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAC;QAEjE,MAAM,eAAe,GAA8B,cAAc,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE;YACzF,MAAM,iBAAiB,GACrB,aAAa,CAAC,WAAW;gBACzB,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;YAE/E,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC;iBACpD,WAAW,EAAE;iBACb,QAAQ,CAAC,eAAe,CAAC,CAAC;YAE7B,OAAO,CACL,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,CAAC,OAAO,KAAK,4BAAe,CAAC,OAAO,CAC3F,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAG/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnB,aAAa,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;YACD,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAG1D,SAAS,cAAc,CAAC,WAAmB;QACzC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;QACzC,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YACtD,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,WAAW,CAAC;QAChF,CAAC,CAAC,CAAC;QAEH,kBAAkB,CAAC,eAAe,CAAC,CAAC;QACpC,iBAAiB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC;QACjF,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC;IAClF,CAAC;IAED,SAAS,kBAAkB,CAAC,MAA+B;QACzD,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAqB;YAChC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC;SAC5C,CAAC;QAEF,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,KAAK,UAAU,uBAAuB,CAAC,WAAoC;QACzE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC;YACvC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAE7B,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAEhC,OAAO,CAAC,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAED,KAAK,UAAU,kBAAkB,CAAC,cAAuC;QACvE,IAAI,cAAc,CAAC,OAAO,KAAK,4BAAe,CAAC,OAAO,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QAED,MAAM,iBAAiB,GAAG,MAAM,uBAAuB,CAAC,cAAc,CAAC,CAAC;QACxE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAErC,cAAc,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,gBAAgB;QACvB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,UAAU,GAA8B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACnE,MAAM,SAAS,GAAG;gBAChB,GAAG,MAAM;gBACT,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,4BAAe,CAAC,OAAO;aACnD,CAAC;YAEF,OAAO;gBACL,GAAG,SAAS;gBACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;wBACvB,SAAS,CAAC,OAAO,EAAE,CAAC;oBACtB,CAAC;oBAED,kBAAkB,CAAC,SAAS,CAAC,CAAC;gBAChC,CAAC;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,SAAS,iBAAiB,CAAC,KAAa;QACtC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,gBAAgB;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAE9E,MAAM,gBAAgB,GAAG,OAAO;aAC7B,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACjD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC;SAC5C,CAAC,CAAC,CAAC;QAEN,MAAM,mBAAmB,GAAG,OAAO;aAChC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACjD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEjC,MAAM,CAAC,OAAO,CAAC,GAAG,OAAO;aACtB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACjD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEjC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC/B,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;QACvC,aAAa,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC7C,qBAAqB,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;IAGD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,gBAAgB,EAAE,CAAC;QACnB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,gBAAgB,EAAE,CAAC;QAE9C,MAAM,cAAc,GAAG,cAAc;YACnC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/E,CAAC,CAAC,kBAAkB,CAAC;QAEvB,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAEzB,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;YAEjE,IAAI,cAAc,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;gBAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC5B,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACrD,CAAC;YAED,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAGvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,KAAK,SAAS,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,iBAAiB,CAAC,CAAC;QAEpF,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,aAAa,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;YAEvC,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1C,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;QACrC,aAAa,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;QACvC,qBAAqB,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,OAAO;QACL,gBAAgB;QAChB,UAAU;QACV,cAAc;QACd,SAAS;QACT,eAAe;QACf,QAAQ;QACR,iBAAiB;QACjB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const _periodUI_marker = true;
|
|
2
2
|
export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, } from './components';
|
|
3
|
-
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, FormRadioButton, } from './components';
|
|
3
|
+
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, FullScreenModal, ModalVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, FormRadioButton, } from './components';
|
|
4
4
|
export { FormControl, FormInputWidth } from './containers';
|
|
5
5
|
export type { FormControlProps } from './containers';
|
|
6
6
|
export type { ButtonProps, ToolTipProps, ChipProps, CheckboxProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, DrawerProps, ModalProps, FilterVariant, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, } from './components';
|
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,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EAQxB,WAAW,EAGX,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
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,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,eAAe,EACf,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EAQxB,WAAW,EAGX,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FormInputWidth = exports.FormControl = exports.FormRadioButton = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports._periodUI_marker = void 0;
|
|
3
|
+
exports.FormInputWidth = exports.FormControl = exports.FormRadioButton = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.ModalVariant = exports.FullScreenModal = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = 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; } });
|
|
@@ -40,6 +40,7 @@ Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () {
|
|
|
40
40
|
Object.defineProperty(exports, "DrawerVariant", { enumerable: true, get: function () { return components_2.DrawerVariant; } });
|
|
41
41
|
Object.defineProperty(exports, "DrawerDirection", { enumerable: true, get: function () { return components_2.DrawerDirection; } });
|
|
42
42
|
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return components_2.Modal; } });
|
|
43
|
+
Object.defineProperty(exports, "FullScreenModal", { enumerable: true, get: function () { return components_2.FullScreenModal; } });
|
|
43
44
|
Object.defineProperty(exports, "ModalVariant", { enumerable: true, get: function () { return components_2.ModalVariant; } });
|
|
44
45
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return components_2.Select; } });
|
|
45
46
|
Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return components_2.TextField; } });
|
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,2CAgCsB;AA/BpB,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,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAgCsB;AA/BpB,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,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAesB;AAdpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,6GAAA,eAAe,OAAA;AACf,0GAAA,YAAY,OAAA;AACZ,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AAIjB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "period-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"style": "dist/index.css",
|
|
@@ -35,6 +35,8 @@
|
|
|
35
35
|
"clsx": "2.1.1",
|
|
36
36
|
"formik": "2.4.4",
|
|
37
37
|
"identity-obj-proxy": "3.0.0",
|
|
38
|
+
"imask": "6.6.3",
|
|
39
|
+
"react-imask": "6.6.3",
|
|
38
40
|
"react-window": "2.2.0",
|
|
39
41
|
"sass": "1.87.0",
|
|
40
42
|
"tailwind-merge": "2.6.0",
|