period-ui 0.3.2 → 0.3.4
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/check-box/check-box.js +1 -1
- package/dist/components/atoms/check-box/check-box.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.d.ts +15 -0
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js +14 -0
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.d.ts +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/index.js +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +3 -1
- 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/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js +2 -2
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/atoms/radio-button/radio-button.d.ts +3 -1
- package/dist/components/atoms/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/atoms/radio-button/radio-button.js +3 -3
- package/dist/components/atoms/radio-button/radio-button.js.map +1 -1
- package/dist/components/atoms/signature/index.d.ts +3 -0
- package/dist/components/atoms/signature/index.d.ts.map +1 -0
- package/dist/components/atoms/signature/index.js +19 -0
- package/dist/components/atoms/signature/index.js.map +1 -0
- package/dist/components/atoms/signature/signature-styles.d.ts +5 -0
- package/dist/components/atoms/signature/signature-styles.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature-styles.js +18 -0
- package/dist/components/atoms/signature/signature-styles.js.map +1 -0
- package/dist/components/atoms/signature/signature-types.d.ts +19 -0
- package/dist/components/atoms/signature/signature-types.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature-types.js +3 -0
- package/dist/components/atoms/signature/signature-types.js.map +1 -0
- package/dist/components/atoms/signature/signature.d.ts +19 -0
- package/dist/components/atoms/signature/signature.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature.js +23 -0
- package/dist/components/atoms/signature/signature.js.map +1 -0
- package/dist/components/atoms/signature/use-signature.d.ts +20 -0
- package/dist/components/atoms/signature/use-signature.d.ts.map +1 -0
- package/dist/components/atoms/signature/use-signature.js +191 -0
- package/dist/components/atoms/signature/use-signature.js.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts +2 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.js +2 -2
- package/dist/components/molecules/drawer/components/drawer-component.js.map +1 -1
- package/dist/components/molecules/drawer/drawer.d.ts +2 -1
- package/dist/components/molecules/drawer/drawer.d.ts.map +1 -1
- package/dist/components/molecules/drawer/drawer.js +2 -2
- package/dist/components/molecules/drawer/drawer.js.map +1 -1
- package/dist/components/molecules/search-bar/search-bar.d.ts +2 -1
- package/dist/components/molecules/search-bar/search-bar.d.ts.map +1 -1
- package/dist/components/molecules/search-bar/search-bar.js +25 -3
- package/dist/components/molecules/search-bar/search-bar.js.map +1 -1
- package/dist/components/molecules/select/use-select.d.ts.map +1 -1
- package/dist/components/molecules/select/use-select.js +7 -4
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.d.ts +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +1 -1
- package/dist/components/molecules/three-dot-menu/index.d.ts +2 -0
- package/dist/components/molecules/three-dot-menu/index.d.ts.map +1 -0
- package/dist/components/molecules/three-dot-menu/index.js +18 -0
- package/dist/components/molecules/three-dot-menu/index.js.map +1 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.d.ts +17 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.d.ts.map +1 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.js +10 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.js.map +1 -0
- package/dist/components/organisms/filter-modal/components/filter.d.ts.map +1 -1
- package/dist/components/organisms/filter-modal/components/filter.js +11 -3
- package/dist/components/organisms/filter-modal/components/filter.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts.map +1 -1
- package/dist/containers/form-control/form-control.js +1 -1
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/index.css +4 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +57 -54
- package/dist/index.js.map +1 -1
- package/dist/utils/tailwind-utils.d.ts.map +1 -1
- package/dist/utils/tailwind-utils.js +8 -1
- package/dist/utils/tailwind-utils.js.map +1 -1
- package/package.json +4 -2
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useSignature = useSignature;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const signature_pad_1 = __importDefault(require("signature_pad"));
|
|
9
|
+
const colors_1 = require("../../../styles/colors");
|
|
10
|
+
const DEFAULT_PEN_COLOR = colors_1.ColorsHex.GRAY_01;
|
|
11
|
+
const DEFAULT_MIN_WIDTH = 0.5;
|
|
12
|
+
const DEFAULT_MAX_WIDTH = 2.5;
|
|
13
|
+
function toSignatureData(pointGroups) {
|
|
14
|
+
return pointGroups.map((group) => group.points.map(({ x, y, pressure, time }) => ({ x, y, pressure, time })));
|
|
15
|
+
}
|
|
16
|
+
function toPointGroups(signatureData) {
|
|
17
|
+
return signatureData.map((points) => ({
|
|
18
|
+
dotSize: 0,
|
|
19
|
+
minWidth: DEFAULT_MIN_WIDTH,
|
|
20
|
+
maxWidth: DEFAULT_MAX_WIDTH,
|
|
21
|
+
penColor: DEFAULT_PEN_COLOR,
|
|
22
|
+
velocityFilterWeight: 0.7,
|
|
23
|
+
compositeOperation: 'source-over',
|
|
24
|
+
points,
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
function scaleCanvas(canvasElement, signaturePad) {
|
|
28
|
+
const devicePixelRatio = Math.max(window.devicePixelRatio || 1, 1);
|
|
29
|
+
const canvasWidth = canvasElement.offsetWidth;
|
|
30
|
+
const canvasHeight = canvasElement.offsetHeight;
|
|
31
|
+
if (!canvasWidth && !canvasHeight) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const strokeData = signaturePad.toData();
|
|
35
|
+
canvasElement.width = Math.max(canvasWidth * devicePixelRatio, 1);
|
|
36
|
+
canvasElement.height = Math.max(canvasHeight * devicePixelRatio, 1);
|
|
37
|
+
const canvasContext = canvasElement.getContext('2d');
|
|
38
|
+
if (canvasContext) {
|
|
39
|
+
canvasContext.scale(devicePixelRatio, devicePixelRatio);
|
|
40
|
+
}
|
|
41
|
+
signaturePad.clear();
|
|
42
|
+
if (strokeData.length) {
|
|
43
|
+
signaturePad.fromData(strokeData);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }) {
|
|
47
|
+
const canvasElementRef = (0, react_1.useRef)(null);
|
|
48
|
+
const signaturePadRef = (0, react_1.useRef)(null);
|
|
49
|
+
const lastSyncedRef = (0, react_1.useRef)('[]');
|
|
50
|
+
const isStrokeActiveRef = (0, react_1.useRef)(false);
|
|
51
|
+
const onStartRef = (0, react_1.useRef)(onStart);
|
|
52
|
+
const onEndRef = (0, react_1.useRef)(onEnd);
|
|
53
|
+
const onChangeRef = (0, react_1.useRef)(onChange);
|
|
54
|
+
onStartRef.current = onStart;
|
|
55
|
+
onEndRef.current = onEnd;
|
|
56
|
+
onChangeRef.current = onChange;
|
|
57
|
+
const [isCanvasEmpty, setIsCanvasEmpty] = (0, react_1.useState)(!defaultValue?.length);
|
|
58
|
+
const applySignatureData = (0, react_1.useCallback)((signatureData) => {
|
|
59
|
+
setIsCanvasEmpty(signatureData.length === 0);
|
|
60
|
+
onChangeRef.current?.(signatureData);
|
|
61
|
+
}, []);
|
|
62
|
+
(0, react_1.useEffect)(() => {
|
|
63
|
+
const canvasElement = canvasElementRef.current;
|
|
64
|
+
if (!canvasElement) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
const signaturePad = new signature_pad_1.default(canvasElement, {
|
|
68
|
+
penColor: DEFAULT_PEN_COLOR,
|
|
69
|
+
backgroundColor: 'rgba(0,0,0,0)',
|
|
70
|
+
minWidth: DEFAULT_MIN_WIDTH,
|
|
71
|
+
maxWidth: DEFAULT_MAX_WIDTH,
|
|
72
|
+
});
|
|
73
|
+
signaturePadRef.current = signaturePad;
|
|
74
|
+
scaleCanvas(canvasElement, signaturePad);
|
|
75
|
+
if (defaultValue?.length) {
|
|
76
|
+
signaturePad.fromData(toPointGroups(defaultValue));
|
|
77
|
+
lastSyncedRef.current = JSON.stringify(defaultValue);
|
|
78
|
+
}
|
|
79
|
+
return () => {
|
|
80
|
+
signaturePad.off();
|
|
81
|
+
signaturePadRef.current = null;
|
|
82
|
+
};
|
|
83
|
+
}, []);
|
|
84
|
+
(0, react_1.useEffect)(() => {
|
|
85
|
+
const signaturePad = signaturePadRef.current;
|
|
86
|
+
if (!signaturePad) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
const handleBeginStroke = () => {
|
|
90
|
+
isStrokeActiveRef.current = true;
|
|
91
|
+
setIsCanvasEmpty(false);
|
|
92
|
+
onStartRef.current?.();
|
|
93
|
+
};
|
|
94
|
+
const handleEndStroke = () => {
|
|
95
|
+
isStrokeActiveRef.current = false;
|
|
96
|
+
const signatureData = toSignatureData(signaturePad.toData());
|
|
97
|
+
lastSyncedRef.current = JSON.stringify(signatureData);
|
|
98
|
+
onEndRef.current?.(signatureData);
|
|
99
|
+
applySignatureData(signatureData);
|
|
100
|
+
};
|
|
101
|
+
signaturePad.addEventListener('beginStroke', handleBeginStroke);
|
|
102
|
+
signaturePad.addEventListener('endStroke', handleEndStroke);
|
|
103
|
+
return () => {
|
|
104
|
+
signaturePad.removeEventListener('beginStroke', handleBeginStroke);
|
|
105
|
+
signaturePad.removeEventListener('endStroke', handleEndStroke);
|
|
106
|
+
};
|
|
107
|
+
}, [applySignatureData]);
|
|
108
|
+
(0, react_1.useEffect)(() => {
|
|
109
|
+
const signaturePad = signaturePadRef.current;
|
|
110
|
+
if (!signaturePad) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
if (disabled || readOnly) {
|
|
114
|
+
signaturePad.off();
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
signaturePad.on();
|
|
118
|
+
}
|
|
119
|
+
}, [disabled, readOnly]);
|
|
120
|
+
(0, react_1.useEffect)(() => {
|
|
121
|
+
if (value === undefined) {
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
setIsCanvasEmpty(value.length === 0);
|
|
125
|
+
const signaturePad = signaturePadRef.current;
|
|
126
|
+
if (!signaturePad || isStrokeActiveRef.current) {
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
const serialized = JSON.stringify(value);
|
|
130
|
+
if (serialized === lastSyncedRef.current) {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
lastSyncedRef.current = serialized;
|
|
134
|
+
signaturePad.fromData(toPointGroups(value));
|
|
135
|
+
}, [value]);
|
|
136
|
+
(0, react_1.useEffect)(() => {
|
|
137
|
+
const canvasElement = canvasElementRef.current;
|
|
138
|
+
if (!canvasElement) {
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
142
|
+
const signaturePad = signaturePadRef.current;
|
|
143
|
+
if (signaturePad) {
|
|
144
|
+
scaleCanvas(canvasElement, signaturePad);
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
resizeObserver.observe(canvasElement);
|
|
148
|
+
return () => resizeObserver.disconnect();
|
|
149
|
+
}, []);
|
|
150
|
+
const clear = (0, react_1.useCallback)(() => {
|
|
151
|
+
signaturePadRef.current?.clear();
|
|
152
|
+
lastSyncedRef.current = '[]';
|
|
153
|
+
applySignatureData([]);
|
|
154
|
+
}, [applySignatureData]);
|
|
155
|
+
const undo = (0, react_1.useCallback)(() => {
|
|
156
|
+
const signaturePad = signaturePadRef.current;
|
|
157
|
+
if (!signaturePad) {
|
|
158
|
+
return;
|
|
159
|
+
}
|
|
160
|
+
const pointGroups = signaturePad.toData();
|
|
161
|
+
if (!pointGroups.length) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
const updatedPointGroups = pointGroups.slice(0, -1);
|
|
165
|
+
signaturePad.fromData(updatedPointGroups);
|
|
166
|
+
const updatedSignatureData = toSignatureData(updatedPointGroups);
|
|
167
|
+
lastSyncedRef.current = JSON.stringify(updatedSignatureData);
|
|
168
|
+
applySignatureData(updatedSignatureData);
|
|
169
|
+
}, [applySignatureData]);
|
|
170
|
+
(0, react_1.useImperativeHandle)(forwardedRef, () => ({
|
|
171
|
+
clear,
|
|
172
|
+
undo,
|
|
173
|
+
isEmpty: () => signaturePadRef.current?.isEmpty() ?? true,
|
|
174
|
+
getDataURL(format = 'image/png', quality) {
|
|
175
|
+
return signaturePadRef.current?.toDataURL(format, quality) ?? '';
|
|
176
|
+
},
|
|
177
|
+
toSVG: () => signaturePadRef.current?.toSVG() ?? '',
|
|
178
|
+
getData: () => toSignatureData(signaturePadRef.current?.toData() ?? []),
|
|
179
|
+
loadData(signatureData) {
|
|
180
|
+
const signaturePad = signaturePadRef.current;
|
|
181
|
+
if (!signaturePad) {
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
signaturePad.fromData(toPointGroups(signatureData));
|
|
185
|
+
lastSyncedRef.current = JSON.stringify(signatureData);
|
|
186
|
+
},
|
|
187
|
+
loadDataURL: (dataURL) => signaturePadRef.current?.fromDataURL(dataURL) ?? Promise.resolve(),
|
|
188
|
+
}), [clear, undo]);
|
|
189
|
+
return { clear, canvasElementRef, isCanvasEmpty };
|
|
190
|
+
}
|
|
191
|
+
//# sourceMappingURL=use-signature.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './atoms/signature';
|
|
1
2
|
export * from './atoms/base-input';
|
|
2
3
|
export * from './atoms/billo-icon';
|
|
3
4
|
export * from './atoms/button';
|
|
@@ -28,6 +29,7 @@ export * from './molecules/callout';
|
|
|
28
29
|
export * from './molecules/accordion';
|
|
29
30
|
export * from './molecules/search-bar';
|
|
30
31
|
export * from './molecules/pop-over';
|
|
32
|
+
export * from './molecules/three-dot-menu';
|
|
31
33
|
export * from './organisms/tool-tip';
|
|
32
34
|
export * from './organisms/filter-modal';
|
|
33
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./atoms/signature"), exports);
|
|
17
18
|
__exportStar(require("./atoms/base-input"), exports);
|
|
18
19
|
__exportStar(require("./atoms/billo-icon"), exports);
|
|
19
20
|
__exportStar(require("./atoms/button"), exports);
|
|
@@ -44,6 +45,7 @@ __exportStar(require("./molecules/callout"), exports);
|
|
|
44
45
|
__exportStar(require("./molecules/accordion"), exports);
|
|
45
46
|
__exportStar(require("./molecules/search-bar"), exports);
|
|
46
47
|
__exportStar(require("./molecules/pop-over"), exports);
|
|
48
|
+
__exportStar(require("./molecules/three-dot-menu"), exports);
|
|
47
49
|
__exportStar(require("./organisms/tool-tip"), exports);
|
|
48
50
|
__exportStar(require("./organisms/filter-modal"), exports);
|
|
49
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC"}
|
|
@@ -4,12 +4,13 @@ type Props = {
|
|
|
4
4
|
isPanel: boolean;
|
|
5
5
|
title: string;
|
|
6
6
|
options?: DropDownMenuOptionProps[];
|
|
7
|
+
optionsCancelLabel?: string;
|
|
7
8
|
titleVariant?: TextVariant;
|
|
8
9
|
children: ReactElement | ReactElement[];
|
|
9
10
|
isRightDirection?: boolean;
|
|
10
11
|
className?: string;
|
|
11
12
|
onClose?: () => void;
|
|
12
13
|
};
|
|
13
|
-
export declare function DrawerComponent({ title, isPanel, options, titleVariant, children, className, isRightDirection, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function DrawerComponent({ title, isPanel, options, optionsCancelLabel, titleVariant, children, className, isRightDirection, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# sourceMappingURL=drawer-component.d.ts.map
|
|
@@ -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,
|
|
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,EACL,uBAAuB,EAMvB,WAAW,EAEZ,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,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,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,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,EAAE,KAAK,2CA2CP"}
|
|
@@ -4,12 +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
|
-
function DrawerComponent({ title, isPanel, options = [], titleVariant, children, className, isRightDirection, onClose, }) {
|
|
7
|
+
function DrawerComponent({ title, isPanel, options = [], optionsCancelLabel, titleVariant, children, className, isRightDirection, onClose, }) {
|
|
8
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
9
|
'rounded-l-2xl': !isPanel,
|
|
10
10
|
'border border-y-transparent': isPanel,
|
|
11
11
|
'border-l-gray-four border-r-transparent': isPanel && isRightDirection,
|
|
12
12
|
'border-l-transparent border-r-gray-four': isPanel && !isRightDirection,
|
|
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.
|
|
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 && optionsCancelLabel && ((0, jsx_runtime_1.jsx)(__1.ThreeDotMenu, { options: options, cancelLabel: optionsCancelLabel, className: "ml-auto" }))] }), children] }));
|
|
14
14
|
}
|
|
15
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":";;AAyBA,0CAqDC;;AA7ED,gCASkB;AAClB,qEAA4D;AAc5D,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,kBAAkB,EAClB,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,kBAAkB,IAAI,CAC3C,uBAAC,gBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAC,SAAS,GAAG,CACxF,IACG,EAGL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -10,10 +10,11 @@ type Props = {
|
|
|
10
10
|
titleVariant?: TextVariant;
|
|
11
11
|
children: ReactElement | ReactElement[];
|
|
12
12
|
options?: DropDownMenuOptionProps[];
|
|
13
|
+
optionsCancelLabel?: string;
|
|
13
14
|
className?: string;
|
|
14
15
|
onClose?: () => void;
|
|
15
16
|
};
|
|
16
|
-
export declare function Drawer({ title, options, children, className, isOpen, direction, variant, titleVariant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function Drawer({ title, options, optionsCancelLabel, children, className, isOpen, direction, variant, titleVariant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export declare namespace Drawer {
|
|
18
19
|
var Footer: typeof FooterContentView;
|
|
19
20
|
var Content: typeof ExtendableContentView;
|
|
@@ -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,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,
|
|
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,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,MAAc,EACd,SAAiC,EACjC,OAA6B,EAC7B,YAAmC,EACnC,OAAO,GACR,EAAE,KAAK,2CA2CP;yBAtDe,MAAM;;;;AA2DtB,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -7,14 +7,14 @@ const __1 = require("../..");
|
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const components_1 = require("./components");
|
|
9
9
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
10
|
-
function Drawer({ title, options, children, className, isOpen = false, direction = _1.DrawerDirection.RIGHT, variant = _1.DrawerVariant.MODAL, titleVariant = __1.TextVariant.SUBTITLE, onClose, }) {
|
|
10
|
+
function Drawer({ title, options, optionsCancelLabel, 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
12
|
const isPanel = variant === _1.DrawerVariant.PANEL;
|
|
13
13
|
const isRightDirection = direction === _1.DrawerDirection.RIGHT || !isPanel;
|
|
14
14
|
if (isMobile) {
|
|
15
15
|
return ((0, jsx_runtime_1.jsx)(__1.FullScreenModal, { isOpen: isOpen, title: title, className: className, onClose: onClose, children: children }));
|
|
16
16
|
}
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { isPanel: isPanel, isRightDirection: isRightDirection, title: title, titleVariant: titleVariant, options: options, children: children, onClose: onClose, className: className })) : ((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, { isPanel: isPanel, title: title, titleVariant: titleVariant, options: options, children: children, onClose: onClose, className: className }) })) }));
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { isPanel: isPanel, isRightDirection: isRightDirection, title: title, titleVariant: titleVariant, options: options, optionsCancelLabel: optionsCancelLabel, children: children, onClose: onClose, className: className })) : ((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, { isPanel: isPanel, title: title, titleVariant: titleVariant, options: options, optionsCancelLabel: optionsCancelLabel, children: children, onClose: onClose, className: className }) })) }));
|
|
18
18
|
}
|
|
19
19
|
Drawer.Footer = components_1.FooterContentView;
|
|
20
20
|
Drawer.Content = components_1.ExtendableContentView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;AAoBA,wBAsDC;;AAzED,wBAAmD;AACnD,6BAA4F;AAC5F,kEAAyD;AACzD,6CAAyF;AACzF,6EAAsE;AAetE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,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,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YAClF,QAAQ,GACO,CACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,2DACG,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,4BAAe,IACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAA,yBAAQ,EAAC,aAAa,CAAC,YACrE,uBAAC,4BAAe,IACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,GACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,8BAAiB,CAAC;AAClC,MAAM,CAAC,OAAO,GAAG,kCAAqB,CAAC"}
|
|
@@ -6,7 +6,8 @@ type Props = {
|
|
|
6
6
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
7
7
|
onClear: () => void;
|
|
8
8
|
className?: string;
|
|
9
|
+
debounceDelay?: number;
|
|
9
10
|
};
|
|
10
|
-
export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, debounceDelay, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=search-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,OAAO,CAAC;AAczD,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,UAAkB,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,GACd,EAAE,KAAK,2CAwEP"}
|
|
@@ -2,13 +2,35 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SearchBar = SearchBar;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const use_debounce_1 = require("../../../utils/use-debounce");
|
|
6
8
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
9
|
const components_1 = require("../../../components");
|
|
8
10
|
const clear_button_1 = require("./components/clear-button");
|
|
9
|
-
function SearchBar({ isDisabled = false, value, placeholder, onChange, onClear, className, }) {
|
|
11
|
+
function SearchBar({ isDisabled = false, value, placeholder, onChange, onClear, className, debounceDelay, }) {
|
|
10
12
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
11
|
-
|
|
12
|
-
|
|
13
|
+
const [inputValue, setInputValue] = (0, react_1.useState)(value);
|
|
14
|
+
const [changeEvent, setChangeEvent] = (0, react_1.useState)();
|
|
15
|
+
const debouncedValue = (0, use_debounce_1.useDebounce)(inputValue, debounceDelay);
|
|
16
|
+
(0, react_1.useEffect)(() => {
|
|
17
|
+
setInputValue(value);
|
|
18
|
+
}, [value]);
|
|
19
|
+
(0, react_1.useEffect)(() => {
|
|
20
|
+
if (changeEvent && changeEvent.target.value === debouncedValue) {
|
|
21
|
+
onChange(changeEvent);
|
|
22
|
+
}
|
|
23
|
+
}, [debouncedValue]);
|
|
24
|
+
function handleChange(e) {
|
|
25
|
+
setInputValue(e.target.value);
|
|
26
|
+
setChangeEvent(e);
|
|
27
|
+
}
|
|
28
|
+
function handleClear() {
|
|
29
|
+
setInputValue('');
|
|
30
|
+
setChangeEvent(undefined);
|
|
31
|
+
onClear();
|
|
32
|
+
}
|
|
33
|
+
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', inputValue ? 'pl-4 pr-2' : 'px-4', isDisabled && 'bg-gray-05 cursor-not-allowed', !isDisabled &&
|
|
34
|
+
'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: inputValue, placeholder: placeholder, onChange: handleChange, 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: handleClear, className: (0, tailwind_utils_1.tailwind)(!inputValue && 'hidden') })] }));
|
|
13
35
|
}
|
|
14
36
|
//# sourceMappingURL=search-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":";;AAwBA,8BAgFC;;AAxGD,iCAAyD;AACzD,kEAAyD;AACzD,8DAA0D;AAC1D,oFAA6E;AAC7E,oDAO6B;AAC7B,4DAAwD;AAYxD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,GACP;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiC,CAAC;IAChF,MAAM,cAAc,GAAG,IAAA,0BAAW,EAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,KAAK,KAAK,cAAc,EAAE,CAAC;YAC/D,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;IAEH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,YAAY,CAAC,CAAgC;QACpD,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,cAAc,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,SAAS,WAAW;QAClB,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,gCAAgC,EAChC,kDAAkD,EAClD,8CAA8C,EAC9C,uBAAuB,EACvB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EACjC,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,UAAU,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,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,WAAW,EACpB,SAAS,EAAE,IAAA,yBAAQ,EAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,GAC5C,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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;AAM1F,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,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,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAiB,EACjB,YAAY,EACZ,cAAc,GACf,EAAE,cAAc,GAAG,eAAe,
|
|
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;AAM1F,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,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,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAiB,EACjB,YAAY,EACZ,cAAc,GACf,EAAE,cAAc,GAAG,eAAe,CA6KlC"}
|
|
@@ -18,7 +18,10 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
18
18
|
const handleOptionSelect = (0, react_1.useCallback)((option) => {
|
|
19
19
|
if (option.variant !== components_1.MenuItemVariant.DEFAULT)
|
|
20
20
|
return;
|
|
21
|
-
const newOption = {
|
|
21
|
+
const newOption = {
|
|
22
|
+
value: option.value,
|
|
23
|
+
label: option.selectedLabel ?? option.label,
|
|
24
|
+
};
|
|
22
25
|
if (isMultiSelect) {
|
|
23
26
|
if (selected.some((s) => s.value === option.value))
|
|
24
27
|
return;
|
|
@@ -33,7 +36,7 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
33
36
|
setSearchText('');
|
|
34
37
|
setIsOpenState(false);
|
|
35
38
|
setPrefilledText('');
|
|
36
|
-
onChangeText?.(
|
|
39
|
+
onChangeText?.(newOption.label);
|
|
37
40
|
onOptionChange?.([option.value]);
|
|
38
41
|
}
|
|
39
42
|
}, [isMultiSelect, selected, onChangeText, onOptionChange]);
|
|
@@ -103,7 +106,7 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
103
106
|
const values = Array.isArray(initialValues) ? initialValues : [initialValues];
|
|
104
107
|
const matched = options
|
|
105
108
|
.filter((option) => values.includes(option.value))
|
|
106
|
-
.map((option) => ({ value: option.value, label: option.label }));
|
|
109
|
+
.map((option) => ({ value: option.value, label: option.selectedLabel ?? option.label }));
|
|
107
110
|
setSelected(matched);
|
|
108
111
|
}, [options, initialValues]);
|
|
109
112
|
(0, react_1.useEffect)(() => {
|
|
@@ -115,7 +118,7 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
115
118
|
}
|
|
116
119
|
const matched = options.find((option) => option.label === initialInputValue || option.value === initialInputValue);
|
|
117
120
|
if (matched) {
|
|
118
|
-
setSelected([{ value: matched.value, label: matched.label }]);
|
|
121
|
+
setSelected([{ value: matched.value, label: matched.selectedLabel ?? matched.label }]);
|
|
119
122
|
setPrefilledText('');
|
|
120
123
|
}
|
|
121
124
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;AA4BA,
|
|
1
|
+
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export type TextFieldInputProps = Omit<ComponentProps<'input'>, 'disabled' | 're
|
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
|
|
7
7
|
};
|
|
8
|
-
export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "
|
|
8
|
+
export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "onBlur" | "required"> & {
|
|
9
9
|
mask?: string;
|
|
10
10
|
isRequired?: boolean;
|
|
11
11
|
isDisabled?: boolean;
|
|
@@ -10,7 +10,7 @@ type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'cl
|
|
|
10
10
|
inputClassName?: string;
|
|
11
11
|
onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
|
|
12
12
|
};
|
|
13
|
-
export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "
|
|
13
|
+
export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "className" | "onBlur" | "required"> & {
|
|
14
14
|
isRequired?: boolean;
|
|
15
15
|
isDisabled?: boolean;
|
|
16
16
|
isErrorVisible?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,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("./three-dot-menu"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DropDownMenuOptionProps, MenuItemVariant } from '../../../components';
|
|
3
|
+
type Props = {
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
dropDownClassName?: string;
|
|
8
|
+
cancelLabel: string;
|
|
9
|
+
selectedIDs?: string[];
|
|
10
|
+
variant?: MenuItemVariant;
|
|
11
|
+
emptyElement?: ReactElement;
|
|
12
|
+
options: DropDownMenuOptionProps[];
|
|
13
|
+
onClose?: (value: boolean) => void;
|
|
14
|
+
};
|
|
15
|
+
export declare function ThreeDotMenu({ isOpen, isDisabled, className, dropDownClassName, cancelLabel, selectedIDs, variant, emptyElement, options, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export type { Props as ThreeDotMenuProps };
|
|
17
|
+
//# sourceMappingURL=three-dot-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"three-dot-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/three-dot-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,uBAAuB,EAIvB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAG7B,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAkB,EAClB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,WAAgB,EAChB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,KAAK,2CAuBP;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ThreeDotMenu = ThreeDotMenu;
|
|
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 ThreeDotMenu({ isOpen, isDisabled = false, className, dropDownClassName, cancelLabel, selectedIDs = [], variant, emptyElement, options, onClose, }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { fullScreen: true, isOpen: isOpen, isDisabled: isDisabled, selectedIDs: selectedIDs, variant: variant, options: options, emptyElement: emptyElement, cancelLabel: cancelLabel, className: className, dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0', dropDownClassName), onClose: onClose, children: (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: components_1.IconSymbol.THREE_DOT, isDisabled: isDisabled, className: "shrink-0 self-end", size: components_1.IconSize.XL }) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=three-dot-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"three-dot-menu.js","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/three-dot-menu.tsx"],"names":[],"mappings":";;AAwBA,oCAkCC;;AAzDD,oDAO6B;AAC7B,kEAAyD;AAezD,SAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,OAAO,GACD;IACN,OAAO,CACL,uBAAC,yBAAY,IACX,UAAU,QACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,IAAA,yBAAQ,EAAC,SAAS,EAAE,iBAAiB,CAAC,EACzD,OAAO,EAAE,OAAO,YAEhB,uBAAC,uBAAU,IACT,IAAI,EAAE,uBAAU,CAAC,SAAS,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,qBAAQ,CAAC,EAAE,GACjB,GACW,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAElB,iBAAiB,EAEjB,mBAAmB,EAEnB,oBAAoB,EAEpB,eAAe,EAGhB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAElB,iBAAiB,EAEjB,mBAAmB,EAEnB,oBAAoB,EAEpB,eAAe,EAGhB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,KAAK,2CAoHP"}
|