period-ui 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/billo-icon/billo-icon-types.d.ts +116 -0
- package/dist/components/atoms/billo-icon/billo-icon-types.js +9 -6
- package/dist/components/atoms/billo-icon/billo-icon-types.js.map +1 -1
- package/dist/components/atoms/billo-icon/billo-icon.d.ts +11 -0
- package/dist/components/atoms/billo-icon/billo-icon.js +8 -5
- package/dist/components/atoms/billo-icon/billo-icon.js.map +1 -1
- package/dist/components/atoms/billo-icon/index.d.ts +3 -0
- package/dist/components/atoms/billo-icon/index.js +18 -2
- package/dist/components/atoms/billo-icon/index.js.map +1 -1
- package/dist/components/atoms/button/button-types.d.ts +6 -0
- package/dist/components/atoms/button/button-types.js +5 -2
- package/dist/components/atoms/button/button-types.js.map +1 -1
- package/dist/components/atoms/button/button.d.ts +9 -0
- package/dist/components/atoms/button/button.js +12 -9
- package/dist/components/atoms/button/button.js.map +1 -1
- package/dist/components/atoms/button/index.d.ts +3 -0
- package/dist/components/atoms/button/index.js +18 -2
- package/dist/components/atoms/button/index.js.map +1 -1
- package/dist/components/atoms/check-box/check-box-types.d.ts +10 -0
- package/dist/components/atoms/check-box/check-box-types.js +6 -3
- package/dist/components/atoms/check-box/check-box-types.js.map +1 -1
- package/dist/components/atoms/check-box/check-box.d.ts +14 -0
- package/dist/components/atoms/check-box/check-box.js +16 -13
- package/dist/components/atoms/check-box/check-box.js.map +1 -1
- package/dist/components/atoms/check-box/index.d.ts +3 -0
- package/dist/components/atoms/check-box/index.js +18 -2
- package/dist/components/atoms/check-box/index.js.map +1 -1
- package/dist/components/atoms/chip/chip/chip.d.ts +9 -0
- package/dist/components/atoms/chip/chip/chip.js +11 -8
- package/dist/components/atoms/chip/chip/chip.js.map +1 -1
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts +11 -0
- package/dist/components/atoms/chip/chip/components/clear-button.js +8 -5
- package/dist/components/atoms/chip/chip/components/clear-button.js.map +1 -1
- package/dist/components/atoms/chip/chip/index.d.ts +2 -0
- package/dist/components/atoms/chip/chip/index.js +17 -1
- package/dist/components/atoms/chip/chip/index.js.map +1 -1
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts +15 -0
- package/dist/components/atoms/chip/chips-list/chips-list.js +8 -5
- package/dist/components/atoms/chip/chips-list/chips-list.js.map +1 -1
- package/dist/components/atoms/chip/chips-list/index.d.ts +2 -0
- package/dist/components/atoms/chip/chips-list/index.js +17 -1
- package/dist/components/atoms/chip/chips-list/index.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/index.d.ts +3 -0
- package/dist/components/atoms/drop-down-menu/components/index.js +18 -2
- package/dist/components/atoms/drop-down-menu/components/index.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.d.ts +7 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.js +5 -2
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +16 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +18 -15
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +23 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +10 -7
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/index.d.ts +2 -0
- package/dist/components/atoms/drop-down-menu/index.js +17 -1
- package/dist/components/atoms/drop-down-menu/index.js.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.d.ts +12 -0
- package/dist/components/atoms/icon-button/icon-button.js +8 -5
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -1
- package/dist/components/atoms/icon-button/index.d.ts +2 -0
- package/dist/components/atoms/icon-button/index.js +17 -1
- package/dist/components/atoms/icon-button/index.js.map +1 -1
- package/dist/components/atoms/search-bar/components/clear-button.d.ts +10 -0
- package/dist/components/atoms/search-bar/components/clear-button.js +8 -5
- package/dist/components/atoms/search-bar/components/clear-button.js.map +1 -1
- package/dist/components/atoms/search-bar/index.d.ts +2 -0
- package/dist/components/atoms/search-bar/index.js +17 -1
- package/dist/components/atoms/search-bar/index.js.map +1 -1
- package/dist/components/atoms/search-bar/search-bar.d.ts +12 -0
- package/dist/components/atoms/search-bar/search-bar.js +12 -9
- package/dist/components/atoms/search-bar/search-bar.js.map +1 -1
- package/dist/components/atoms/text/index.d.ts +3 -0
- package/dist/components/atoms/text/index.js +18 -2
- package/dist/components/atoms/text/index.js.map +1 -1
- package/dist/components/atoms/text/text-types.d.ts +36 -0
- package/dist/components/atoms/text/text-types.js +8 -5
- package/dist/components/atoms/text/text-types.js.map +1 -1
- package/dist/components/atoms/text/text.d.ts +14 -0
- package/dist/components/atoms/text/text.js +15 -12
- package/dist/components/atoms/text/text.js.map +1 -1
- package/dist/components/atoms/text-button/index.d.ts +3 -0
- package/dist/components/atoms/text-button/index.js +18 -2
- package/dist/components/atoms/text-button/index.js.map +1 -1
- package/dist/components/atoms/text-button/text-button-types.d.ts +8 -0
- package/dist/components/atoms/text-button/text-button-types.js +6 -3
- package/dist/components/atoms/text-button/text-button-types.js.map +1 -1
- package/dist/components/atoms/text-button/text-button.d.ts +13 -0
- package/dist/components/atoms/text-button/text-button.js +12 -9
- package/dist/components/atoms/text-button/text-button.js.map +1 -1
- package/dist/components/index.d.ts +16 -0
- package/dist/components/index.js +31 -15
- package/dist/components/index.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.js +8 -5
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -1
- package/dist/components/molecules/form/form-select/index.d.ts +2 -0
- package/dist/components/molecules/form/form-select/index.js +17 -1
- package/dist/components/molecules/form/form-select/index.js.map +1 -1
- package/dist/components/molecules/form/form-story-stubs.d.ts +11 -0
- package/dist/components/molecules/form/form-story-stubs.js +4 -1
- package/dist/components/molecules/form/form-story-stubs.js.map +1 -1
- package/dist/components/molecules/form/form-test-stubs.d.ts +6 -0
- package/dist/components/molecules/form/form-test-stubs.js +4 -1
- package/dist/components/molecules/form/form-test-stubs.js.map +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.d.ts +7 -0
- package/dist/components/molecules/form/form-text-field/form-text-field.js +8 -5
- package/dist/components/molecules/form/form-text-field/form-text-field.js.map +1 -1
- package/dist/components/molecules/form/form-text-field/index.d.ts +2 -0
- package/dist/components/molecules/form/form-text-field/index.js +17 -1
- package/dist/components/molecules/form/form-text-field/index.js.map +1 -1
- package/dist/components/molecules/form/form-types.d.ts +24 -0
- package/dist/components/molecules/form/form-types.js +2 -1
- package/dist/components/molecules/form/form.d.ts +12 -0
- package/dist/components/molecules/form/form.js +34 -8
- package/dist/components/molecules/form/form.js.map +1 -1
- package/dist/components/molecules/form/index.d.ts +3 -0
- package/dist/components/molecules/form/index.js +18 -2
- package/dist/components/molecules/form/index.js.map +1 -1
- package/dist/components/molecules/select/components/select-input.d.ts +8 -0
- package/dist/components/molecules/select/components/select-input.js +9 -6
- package/dist/components/molecules/select/components/select-input.js.map +1 -1
- package/dist/components/molecules/select/index.d.ts +3 -0
- package/dist/components/molecules/select/index.js +18 -2
- package/dist/components/molecules/select/index.js.map +1 -1
- package/dist/components/molecules/select/select.d.ts +16 -0
- package/dist/components/molecules/select/select.js +13 -10
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/select/use-select.d.ts +23 -0
- package/dist/components/molecules/select/use-select.js +19 -16
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/components/molecules/text-field/index.d.ts +2 -0
- package/dist/components/molecules/text-field/index.js +17 -1
- package/dist/components/molecules/text-field/index.js.map +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +18 -0
- package/dist/components/molecules/text-field/text-field.js +8 -5
- package/dist/components/molecules/text-field/text-field.js.map +1 -1
- package/dist/containers/form-control/components/form-error.d.ts +7 -0
- package/dist/containers/form-control/components/form-error.js +8 -5
- package/dist/containers/form-control/components/form-error.js.map +1 -1
- package/dist/containers/form-control/components/form-helper.d.ts +9 -0
- package/dist/containers/form-control/components/form-helper.js +8 -5
- package/dist/containers/form-control/components/form-helper.js.map +1 -1
- package/dist/containers/form-control/components/form-label.d.ts +10 -0
- package/dist/containers/form-control/components/form-label.js +8 -5
- package/dist/containers/form-control/components/form-label.js.map +1 -1
- package/dist/containers/form-control/form-control-types.d.ts +11 -0
- package/dist/containers/form-control/form-control-types.js +6 -3
- package/dist/containers/form-control/form-control-types.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts +24 -0
- package/dist/containers/form-control/form-control.js +13 -10
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/containers/form-control/index.d.ts +3 -0
- package/dist/containers/form-control/index.js +18 -2
- package/dist/containers/form-control/index.js.map +1 -1
- package/dist/containers/index.d.ts +2 -0
- package/dist/containers/index.js +17 -1
- package/dist/containers/index.js.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +29 -4
- package/dist/index.js.map +1 -1
- package/dist/utils/string-utils/string-utils.d.ts +6 -0
- package/dist/utils/string-utils/string-utils.js +4 -1
- package/dist/utils/string-utils/string-utils.js.map +1 -1
- package/dist/utils/tailwind-utils.d.ts +3 -0
- package/dist/utils/tailwind-utils.js +10 -4
- package/dist/utils/tailwind-utils.js.map +1 -1
- package/dist/utils/window-dimensions-utils.d.ts +9 -0
- package/dist/utils/window-dimensions-utils.js +8 -5
- package/dist/utils/window-dimensions-utils.js.map +1 -1
- package/dist/vitest.setup.d.ts +2 -0
- package/dist/vitest.setup.js +2 -1
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export type ChipOptionsProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
onClear: () => void;
|
|
6
|
+
};
|
|
7
|
+
type Props = {
|
|
8
|
+
data: ChipOptionsProps[];
|
|
9
|
+
firstComponent?: ReactElement;
|
|
10
|
+
lasItemComponent?: ReactElement;
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare function ChipList({ data, className, firstComponent, lasItemComponent }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=chips-list.d.ts.map
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChipList = ChipList;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
function ChipList({ data, className, firstComponent, lasItemComponent }) {
|
|
5
8
|
const uniqueData = data?.filter((_data, index, self) => self.findIndex((data) => data.value === _data.value) === index);
|
|
6
|
-
return (
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-wrap items-center overflow-y-auto w-full', 'gap-x-1 gap-y-1', className), children: [firstComponent && firstComponent, uniqueData.map((item) => ((0, jsx_runtime_1.jsx)(components_1.Chip, { id: item.value, label: item.label, onClick: item.onClear }, item.value))), lasItemComponent && lasItemComponent] }));
|
|
7
10
|
}
|
|
8
11
|
//# sourceMappingURL=chips-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chips-list.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chips-list.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":";;AAiBA,4BAoBC;;AApCD,qEAA4D;AAC5D,uDAA8C;AAe9C,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAS;IACnF,MAAM,UAAU,GAAG,IAAI,EAAE,MAAM,CAC7B,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CACvF,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oDAAoD,EACpD,iBAAiB,EACjB,SAAS,CACV,aAEA,cAAc,IAAI,cAAc,EAChC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAsB,EAAE,EAAE,CAAC,CAC1C,uBAAC,iBAAI,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAmB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAApD,IAAI,CAAC,KAAK,CAA8C,CACpF,CAAC,EACD,gBAAgB,IAAI,gBAAgB,IACjC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./chips-list"), exports);
|
|
2
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./menu-item"), exports);
|
|
18
|
+
__exportStar(require("./menu-item-types"), exports);
|
|
3
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuItemVariant = void 0;
|
|
4
|
+
var MenuItemVariant;
|
|
2
5
|
(function (MenuItemVariant) {
|
|
3
6
|
MenuItemVariant["DEFAULT"] = "DEFAULT";
|
|
4
7
|
MenuItemVariant["TEXT_BUTTON"] = "TEXT_BUTTON";
|
|
5
8
|
MenuItemVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
|
|
6
9
|
MenuItemVariant["CHECK_BOX"] = "CHECK_BOX";
|
|
7
|
-
})(MenuItemVariant || (MenuItemVariant = {}));
|
|
10
|
+
})(MenuItemVariant || (exports.MenuItemVariant = MenuItemVariant = {}));
|
|
8
11
|
//# sourceMappingURL=menu-item-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item-types.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item-types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"menu-item-types.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;AACzB,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IconSymbol } from '../../../../components';
|
|
2
|
+
import { MenuItemVariant } from './menu-item-types';
|
|
3
|
+
type Props = {
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
isSelected?: boolean;
|
|
6
|
+
id: string;
|
|
7
|
+
label: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
helperLabel?: string;
|
|
10
|
+
variant?: MenuItemVariant;
|
|
11
|
+
icon?: IconSymbol;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
};
|
|
14
|
+
export declare function MenuItem({ isDisabled, isSelected, id, label, className, helperLabel, variant, icon, onClick, }: Props): JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=menu-item.d.ts.map
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuItem = MenuItem;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../../components");
|
|
6
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
+
const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
|
|
8
|
+
const menu_item_types_1 = require("./menu-item-types");
|
|
9
|
+
function MenuItem({ isDisabled = false, isSelected = false, id, label, className, helperLabel, variant = menu_item_types_1.MenuItemVariant.DEFAULT, icon, onClick = () => { }, }) {
|
|
10
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
11
|
+
const isDestructive = variant === menu_item_types_1.MenuItemVariant.DESTRUCTIVE;
|
|
12
|
+
const isTextButton = variant === menu_item_types_1.MenuItemVariant.TEXT_BUTTON;
|
|
13
|
+
const isCheckBox = variant === menu_item_types_1.MenuItemVariant.CHECK_BOX;
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('group', 'flex flex-row items-center p-4 w-full', 'cursor-pointer bg-white outline-none', 'disabled:cursor-not-allowed disabled:bg-white hover:bg-gray-05 active:bg-gray-04', 'focus-visible:border-2 focus-visible:border-blue-01 focus-visible:p-[14px]', isTextButton &&
|
|
15
|
+
'py-2 hover:bg-blue-03 active:bg-blue-03 focus-visible:py-[6px] focus-visible:bg-blue-03', isSelected && 'bg-gray-04 hover:bg-gray-04', className), "data-testid": id, onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, className: (0, tailwind_utils_1.tailwind)('mr-2', isDestructive
|
|
13
16
|
? 'text-red-01 group-disabled:text-red-03'
|
|
14
|
-
: 'text-gray-01 group-disabled:text-gray-03') })), isCheckBox && (
|
|
15
|
-
'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })),
|
|
17
|
+
: 'text-gray-01 group-disabled:text-gray-03') })), isCheckBox && ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { isDisabled: isDisabled, value: isSelected, onCheckToggle: onClick, containerClassName: "mr-2", className: (0, tailwind_utils_1.tailwind)(!isSelected && 'group-hover:border-gray-03 group-hover:bg-gray-05', !isSelected &&
|
|
18
|
+
'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, onClick: onClick, label: label, className: (0, tailwind_utils_1.tailwind)('text-blue-01', 'group-disabled:text-blue-03', 'group-hover:bg-blue-03', 'group-active:bg-blue-03 group-active:text-blue-00', 'group-focus-visible:bg-blue-03') })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('whitespace-normal', isDestructive
|
|
16
19
|
? 'text-red-01 group-disabled:text-red-03'
|
|
17
|
-
: 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && (
|
|
20
|
+
: 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK, className: "group-disabled:text-gray-03 whitespace-normal", children: helperLabel }))] })] }, id));
|
|
18
21
|
}
|
|
19
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":"
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":";;AA0BA,4BAqGC;;AA/HD,uDASgC;AAChC,qEAA4D;AAC5D,uFAAgF;AAChF,uDAAoD;AAcpD,SAAgB,QAAQ,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,EAAE,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,KAAK,iCAAe,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,uCAAuC,EACvC,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,sBAAS,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,SAAS,EAAE,IAAA,yBAAQ,EACjB,MAAM,EACN,aAAa;oBACX,CAAC,CAAC,wCAAwC;oBAC1C,CAAC,CAAC,0CAA0C,CAC/C,GACD,CACH,EAEA,UAAU,IAAI,CACb,uBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,OAAO,EACtB,kBAAkB,EAAC,MAAM,EACzB,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU,IAAI,mDAAmD,EAClE,CAAC,UAAU;oBACT,2FAA2F,CAC9F,GACD,CACH,EAED,iCAAK,SAAS,EAAC,2BAA2B,aACvC,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EACjB,cAAc,EACd,6BAA6B,EAC7B,wBAAwB,EACxB,mDAAmD,EACnD,gCAAgC,CACjC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAI,IACH,SAAS,EAAE,IAAA,yBAAQ,EACjB,mBAAmB,EACnB,aAAa;4BACX,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,0CAA0C,CAC/C,YAEA,KAAK,GACD,CACR,EAEA,WAAW,IAAI,CACd,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,+CAA+C,YAExD,WAAW,GACP,CACR,IACG,KAnED,EAAE,CAoEA,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { IconSymbol } from '../../../components';
|
|
3
|
+
import { MenuItemVariant } from './components';
|
|
4
|
+
export type DropDownMenuOptionProps = {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
icon?: IconSymbol;
|
|
8
|
+
isSelected?: boolean;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
helperLabel?: string;
|
|
11
|
+
variant?: MenuItemVariant;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
};
|
|
14
|
+
type Props = {
|
|
15
|
+
className?: string;
|
|
16
|
+
selectedIDs: string[];
|
|
17
|
+
variant?: MenuItemVariant;
|
|
18
|
+
emptyElement?: ReactElement;
|
|
19
|
+
options: DropDownMenuOptionProps[];
|
|
20
|
+
};
|
|
21
|
+
export declare function DropDownMenu({ options, className, emptyElement, selectedIDs, variant, }: Props): JSX.Element;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=drop-down-menu.d.ts.map
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropDownMenu = DropDownMenu;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const components_1 = require("./components");
|
|
8
|
+
function DropDownMenu({ options, className, emptyElement, selectedIDs = [], variant = components_1.MenuItemVariant.DEFAULT, }) {
|
|
6
9
|
function handleIsSelected(optionID) {
|
|
7
10
|
return selectedIDs.includes(optionID);
|
|
8
11
|
}
|
|
9
12
|
const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
|
|
10
|
-
return (
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('absolute z-30 mt-2 shadow-black-01 rounded-lg w-fit', 'overflow-y-auto overflow-x-hidden h-fit', className), children: uniqueOptions && uniqueOptions.length > 0
|
|
11
14
|
? uniqueOptions.map((option, key) => {
|
|
12
15
|
const isLastItem = key === uniqueOptions.length - 1;
|
|
13
16
|
const isFistItem = key === 0;
|
|
14
|
-
return (
|
|
17
|
+
return ((0, react_1.createElement)(components_1.MenuItem, { ...option, variant: option.variant ?? variant, key: option.value, id: option.value, className: (0, tailwind_utils_1.tailwind)({
|
|
15
18
|
'rounded-b-lg': isLastItem,
|
|
16
19
|
'rounded-t-lg': isFistItem,
|
|
17
20
|
'border-t': !isFistItem,
|
|
@@ -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":";;AAwBA,oCA6CC;;;AApED,kEAAyD;AAEzD,6CAAyD;AAqBzD,SAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,4BAAe,CAAC,OAAO,GAC3B;IACN,SAAS,gBAAgB,CAAC,QAAgB;QACxC,OAAO,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,aAAa,GAAG,OAAO,EAAE,MAAM,CACnC,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAC/F,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,qDAAqD,EACrD,yCAAyC,EACzC,SAAS,CACV,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;YACxC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBAChC,MAAM,UAAU,GAAG,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,MAAM,UAAU,GAAG,GAAG,KAAK,CAAC,CAAC;gBAC7B,OAAO,CACL,2BAAC,qBAAQ,OACH,MAAM,EACV,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC;wBAClB,cAAc,EAAE,UAAU;wBAC1B,cAAc,EAAE,UAAU;wBAC1B,UAAU,EAAE,CAAC,UAAU;qBACxB,CAAC,EACF,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC1C,CACH,CAAC;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,YAAY,GACZ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./drop-down-menu"), exports);
|
|
2
18
|
//# 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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IconColor, IconSize, IconSymbol } from '../../../components';
|
|
2
|
+
type Props = {
|
|
3
|
+
isDisabled?: boolean;
|
|
4
|
+
icon: IconSymbol;
|
|
5
|
+
size?: IconSize;
|
|
6
|
+
color?: IconColor;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare function IconButton({ isDisabled, icon, size, color, onClick, className, }: Props): JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconButton = IconButton;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../components");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
function IconButton({ isDisabled = false, icon, size = components_1.IconSize.LG, color = components_1.IconColor.GRAY_02, onClick, className, }) {
|
|
5
8
|
const isClickable = Boolean(onClick);
|
|
6
|
-
return (
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('inline-flex items-center justify-center', isClickable && 'w-10 h-10', isClickable && 'cursor-pointer', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: size, color: color }) }));
|
|
7
10
|
}
|
|
8
11
|
//# sourceMappingURL=icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/icon-button.tsx"],"names":[],"mappings":";;AAYA,gCA0BC;;AAtCD,oDAAiF;AACjF,kEAAyD;AAWzD,SAAgB,UAAU,CAAC,EACzB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,sBAAS,CAAC,OAAO,EACzB,OAAO,EACP,SAAS,GACH;IACN,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,yCAAyC,EACzC,WAAW,IAAI,WAAW,EAC1B,WAAW,IAAI,gBAAgB,EAC/B,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,GAC5C,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./icon-button"), exports);
|
|
2
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IconSize } from '../../../../components';
|
|
2
|
+
type Props = {
|
|
3
|
+
isDisabled: boolean;
|
|
4
|
+
size?: IconSize;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=clear-button.d.ts.map
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ClearButton = ClearButton;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
function ClearButton({ isDisabled, size = components_1.IconSize.LG, onClick, className, }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group', 'w-[34px] h-[34px] md:w-[40px] md:h-[40px]', 'active:bg-gray-04', 'hover:bg-gray-05', 'focus:bg-gray-05 focus:outline-2 focus:outline-offset-2 focus:outline-blue-01', 'rounded-full cursor-pointer', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ICON_X, size: size, color: isDisabled ? components_1.IconColor.GRAY_03 : components_1.IconColor.GRAY_02, touchTarget: "w-[34px] h-[34px] md:w-[40px] md:h-[40px]", className: (0, tailwind_utils_1.tailwind)(!isDisabled &&
|
|
6
9
|
'group-active:text-gray-01 group-hover:text-gray-01 group-focus:text-gray-01') }) }));
|
|
7
10
|
}
|
|
8
11
|
//# sourceMappingURL=clear-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clear-button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/search-bar/components/clear-button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"clear-button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/search-bar/components/clear-button.tsx"],"names":[],"mappings":";;AAUA,kCAkCC;;AA5CD,qEAA4D;AAC5D,uDAAoF;AASpF,SAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,OAAO,EACP,SAAS,GACH;IACN,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,2CAA2C,EAC3C,mBAAmB,EACnB,kBAAkB,EAClB,+EAA+E,EAC/E,6BAA6B,EAC7B,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,EACzD,WAAW,EAAC,2CAA2C,EACvD,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU;gBACT,6EAA6E,CAChF,GACD,GACK,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
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("./search-bar"), exports);
|
|
2
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
isDisabled?: boolean;
|
|
4
|
+
value: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
onClear: () => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=search-bar.d.ts.map
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SearchBar = SearchBar;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
+
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
|
+
const components_1 = require("../../../components");
|
|
8
|
+
const clear_button_1 = require("./components/clear-button");
|
|
9
|
+
function SearchBar({ isDisabled = false, value, placeholder, onChange, onClear, className, }) {
|
|
10
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center rounded-full', 'w-[272px] md:w-[314px] lg:w-[314px] xl:w-[314px]', 'h-[50px] md:h-[56px] lg:h-[56px] xl:h-[56px]', 'border border-gray-04', value ? 'pl-4 pr-2' : 'px-4', isDisabled && 'bg-gray-05 cursor-not-allowed', !isDisabled &&
|
|
12
|
+
'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', className), children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.MAGNIFYING_GLASS, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, color: isDisabled ? components_1.IconColor.GRAY_03 : components_1.IconColor.GRAY_02 }), (0, jsx_runtime_1.jsx)("input", { disabled: isDisabled, type: "text", value: value, placeholder: placeholder, onChange: onChange, className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center py-4 ml-2 w-full', 'bg-transparent outline-none', `${components_1.TextStyle[components_1.TextVariant.BODY]}`, 'text-gray-01', 'placeholder:text-gray-03', 'disabled:text-gray-03 disabled:cursor-not-allowed') }), (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { isDisabled: isDisabled, size: isMobile ? components_1.IconSize.XS : components_1.IconSize.SM, onClick: onClear, className: (0, tailwind_utils_1.tailwind)(!value && 'hidden') })] }));
|
|
10
13
|
}
|
|
11
14
|
//# sourceMappingURL=search-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.tsx"],"names":[],"mappings":";;AAsBA,8BAsDC;;AA3ED,kEAAyD;AACzD,oFAA6E;AAC7E,oDAO6B;AAC7B,4DAAwD;AAWxD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACH;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,gCAAgC,EAChC,kDAAkD,EAClD,8CAA8C,EAC9C,uBAAuB,EACvB,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,IAAI,+BAA+B,EAC7C,CAAC,UAAU;YACT,oFAAoF,EACtF,SAAS,CACV,aAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,gBAAgB,EACjC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,GACzD,EAEF,kCACE,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,yBAAQ,EACjB,6CAA6C,EAC7C,6BAA6B,EAC7B,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,cAAc,EACd,0BAA0B,EAC1B,mDAAmD,CACpD,GACD,EAEF,uBAAC,0BAAW,IACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,GACvC,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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("./text"), exports);
|
|
18
|
+
__exportStar(require("./text-types"), exports);
|
|
3
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,+CAA6B"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum TextVariant {
|
|
3
|
+
HEADLINE = "headline",
|
|
4
|
+
SUBTITLE = "subtitle",
|
|
5
|
+
ACCENT = "accent",
|
|
6
|
+
BODY = "body",
|
|
7
|
+
BODY_SEMIBOLD = "bodySemibold",
|
|
8
|
+
BODY_BOLD = "bodyBold",
|
|
9
|
+
LINK = "link",
|
|
10
|
+
HELPER = "helper"
|
|
11
|
+
}
|
|
12
|
+
export declare const TextStyle: Record<TextVariant, string>;
|
|
13
|
+
export declare enum TextColors {
|
|
14
|
+
WHITE = "text-white",
|
|
15
|
+
BLACK = "text-gray-01",
|
|
16
|
+
BLACK_02 = "text-gray-02",
|
|
17
|
+
BLACK_03 = "text-gray-03",
|
|
18
|
+
BLUE = "text-blue-01",
|
|
19
|
+
BLUE_03 = "text-blue-03",
|
|
20
|
+
RED = "text-red-01",
|
|
21
|
+
RED_03 = "text-red-03",
|
|
22
|
+
PURPLE = "text-purple-01"
|
|
23
|
+
}
|
|
24
|
+
export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
|
|
25
|
+
type AsProp<C extends React.ElementType> = {
|
|
26
|
+
as?: C;
|
|
27
|
+
};
|
|
28
|
+
export type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
|
|
29
|
+
export type InheritableElementProps<C extends React.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
|
|
30
|
+
export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = InheritableElementProps<C, Props & AsProp<C>>;
|
|
31
|
+
export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
|
|
32
|
+
export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
|
|
33
|
+
ref?: PolymorphicRef<C>;
|
|
34
|
+
};
|
|
35
|
+
export {};
|
|
36
|
+
//# sourceMappingURL=text-types.d.ts.map
|