mayak-common-library 0.0.28 → 0.0.30
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/index.d.mts +10 -9
- package/dist/index.d.ts +10 -9
- package/dist/index.js +323 -211
- package/dist/index.mjs +311 -199
- package/package.json +1 -1
- package/tailwind.config.js +19 -0
package/dist/index.mjs
CHANGED
|
@@ -31,15 +31,20 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
// src/components/Greet.tsx
|
|
34
|
+
import { jsxs } from "react/jsx-runtime";
|
|
34
35
|
function Greet(props) {
|
|
35
36
|
const { name } = props;
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
38
|
+
"Hello ",
|
|
39
|
+
name
|
|
40
|
+
] });
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
// src/components/Button/Button.tsx
|
|
40
44
|
import ButtonMUI from "@mui/material/Button";
|
|
41
45
|
import { styled } from "@mui/material";
|
|
42
46
|
import Typography from "@mui/material/Typography";
|
|
47
|
+
import { jsx } from "react/jsx-runtime";
|
|
43
48
|
var StyledButton = styled(ButtonMUI)(() => ({
|
|
44
49
|
textTransform: "none",
|
|
45
50
|
width: "fit-content",
|
|
@@ -59,28 +64,29 @@ var StyledButton = styled(ButtonMUI)(() => ({
|
|
|
59
64
|
}));
|
|
60
65
|
var Button = (props) => {
|
|
61
66
|
const _a = props, { children, base, bolt, border, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "small", "large"]);
|
|
62
|
-
return /* @__PURE__ */
|
|
67
|
+
return /* @__PURE__ */ jsx(
|
|
63
68
|
StyledButton,
|
|
64
69
|
__spreadProps(__spreadValues({}, rest), {
|
|
65
70
|
disableRipple: true,
|
|
66
71
|
className: `${base ? "bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base" : ""}
|
|
67
72
|
${small ? "py-1.5 px-4" : ""}
|
|
68
73
|
${large ? "py-5 px-10" : ""}
|
|
69
|
-
${border ? "border-b border-solid rounded-none" : ""}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
)
|
|
74
|
+
${border ? "border-b border-solid rounded-none" : ""}`,
|
|
75
|
+
children: /* @__PURE__ */ jsx(
|
|
76
|
+
Typography,
|
|
77
|
+
{
|
|
78
|
+
className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
|
|
79
|
+
children
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
})
|
|
78
83
|
);
|
|
79
84
|
};
|
|
80
85
|
var Button_default = Button;
|
|
81
86
|
|
|
82
87
|
// src/components/Button/IconButton.tsx
|
|
83
88
|
import { IconButton as IconButtonMUI, styled as styled2 } from "@mui/material";
|
|
89
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
84
90
|
var StyledButton2 = styled2(IconButtonMUI)(() => ({
|
|
85
91
|
width: "fit-content",
|
|
86
92
|
borderRadius: 0,
|
|
@@ -95,7 +101,7 @@ var StyledButton2 = styled2(IconButtonMUI)(() => ({
|
|
|
95
101
|
}));
|
|
96
102
|
var IconButton = (props) => {
|
|
97
103
|
const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
|
|
98
|
-
return /* @__PURE__ */
|
|
104
|
+
return /* @__PURE__ */ jsx2(StyledButton2, __spreadProps(__spreadValues({}, rest), { disableRipple: true, children }));
|
|
99
105
|
};
|
|
100
106
|
var IconButton_default = IconButton;
|
|
101
107
|
|
|
@@ -104,11 +110,13 @@ import { useRef, useState, useEffect } from "react";
|
|
|
104
110
|
import { Select, styled as styled3 } from "@mui/material";
|
|
105
111
|
|
|
106
112
|
// src/icons/dropdown-arrow.svg
|
|
107
|
-
import * as
|
|
108
|
-
|
|
113
|
+
import * as React from "react";
|
|
114
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
115
|
+
var SvgDropdownArrow = (props) => /* @__PURE__ */ jsx3("svg", __spreadProps(__spreadValues({ width: 13, height: 7, viewBox: "0 0 13 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx3("path", { d: "M12 6.25L6.5 0.75L1 6.25", stroke: "#343434", strokeLinecap: "round" }) }));
|
|
109
116
|
var dropdown_arrow_default = SvgDropdownArrow;
|
|
110
117
|
|
|
111
118
|
// src/components/Select/Select.tsx
|
|
119
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
112
120
|
var StyledSelect = styled3(Select)(({ open }) => ({
|
|
113
121
|
minWidth: 250,
|
|
114
122
|
"&.MuiInputBase-root": {
|
|
@@ -160,7 +168,7 @@ var CustomSelect = (props) => {
|
|
|
160
168
|
var _a2;
|
|
161
169
|
if (!open) (_a2 = myRef.current) == null ? void 0 : _a2.classList.remove("Mui-focused");
|
|
162
170
|
}, [open]);
|
|
163
|
-
return /* @__PURE__ */
|
|
171
|
+
return /* @__PURE__ */ jsx4(
|
|
164
172
|
StyledSelect,
|
|
165
173
|
__spreadProps(__spreadValues({}, rest), {
|
|
166
174
|
ref: myRef,
|
|
@@ -185,16 +193,17 @@ var CustomSelect = (props) => {
|
|
|
185
193
|
}
|
|
186
194
|
}
|
|
187
195
|
},
|
|
188
|
-
IconComponent: () => /* @__PURE__ */
|
|
189
|
-
|
|
190
|
-
|
|
196
|
+
IconComponent: () => /* @__PURE__ */ jsx4(dropdown_arrow_default, {}),
|
|
197
|
+
children
|
|
198
|
+
})
|
|
191
199
|
);
|
|
192
200
|
};
|
|
193
201
|
var Select_default = CustomSelect;
|
|
194
202
|
|
|
195
203
|
// src/icons/search.svg
|
|
196
|
-
import * as
|
|
197
|
-
|
|
204
|
+
import * as React2 from "react";
|
|
205
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
206
|
+
var SvgSearch = (props) => /* @__PURE__ */ jsx5("svg", __spreadProps(__spreadValues({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx5("path", { d: "M21 12.5L12 3.5L3 12.5H5V19.5C5 20.0304 5.21071 20.5391 5.58579 20.9142C5.96086 21.2893 6.46957 21.5 7 21.5H11.7M9 21.5V15.5C9 14.9696 9.21071 14.4609 9.58579 14.0858C9.96086 13.7107 10.4696 13.5 11 13.5H13M20.1992 20.6992L21.9992 22.4992M15 18.5C15 19.2956 15.3161 20.0587 15.8787 20.6213C16.4413 21.1839 17.2044 21.5 18 21.5C18.7956 21.5 19.5587 21.1839 20.1213 20.6213C20.6839 20.0587 21 19.2956 21 18.5C21 17.7044 20.6839 16.9413 20.1213 16.3787C19.5587 15.8161 18.7956 15.5 18 15.5C17.2044 15.5 16.4413 15.8161 15.8787 16.3787C15.3161 16.9413 15 17.7044 15 18.5Z", stroke: "#C8BCA1", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
198
207
|
var search_default = SvgSearch;
|
|
199
208
|
|
|
200
209
|
// src/components/Select/SelectPro.tsx
|
|
@@ -212,11 +221,16 @@ import {
|
|
|
212
221
|
} from "@mui/material";
|
|
213
222
|
|
|
214
223
|
// src/icons/close.svg
|
|
215
|
-
import * as
|
|
216
|
-
|
|
224
|
+
import * as React3 from "react";
|
|
225
|
+
import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
226
|
+
var SvgClose = (props) => /* @__PURE__ */ jsxs2("svg", __spreadProps(__spreadValues({ width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
227
|
+
/* @__PURE__ */ jsx6("path", { d: "M1 7.5L7.5 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
228
|
+
/* @__PURE__ */ jsx6("path", { d: "M7.5 7.5L1 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
229
|
+
] }));
|
|
217
230
|
var close_default = SvgClose;
|
|
218
231
|
|
|
219
232
|
// src/components/Select/SelectPro.tsx
|
|
233
|
+
import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
220
234
|
var SelectPro = ({
|
|
221
235
|
children,
|
|
222
236
|
placeholder,
|
|
@@ -247,78 +261,88 @@ var SelectPro = ({
|
|
|
247
261
|
const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
|
|
248
262
|
collapseParent: handleClose
|
|
249
263
|
}) : children;
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
-
|
|
252
|
-
onClick: handleClick
|
|
253
|
-
// onClick: (e) => {
|
|
254
|
-
// clickComponent.props.onClick(e);
|
|
255
|
-
// // e.preventDefault();
|
|
256
|
-
// handleClick(e);
|
|
257
|
-
// },
|
|
258
|
-
}) : /* @__PURE__ */ React.createElement(
|
|
259
|
-
Button2,
|
|
260
|
-
{
|
|
264
|
+
return /* @__PURE__ */ jsx7(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs3(Box, { children: [
|
|
265
|
+
clickComponent ? cloneElement(clickComponent, {
|
|
261
266
|
ref: btn,
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
271
|
-
},
|
|
272
|
-
className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`
|
|
273
|
-
},
|
|
274
|
-
/* @__PURE__ */ React.createElement(
|
|
275
|
-
Typography2,
|
|
267
|
+
onClick: handleClick
|
|
268
|
+
// onClick: (e) => {
|
|
269
|
+
// clickComponent.props.onClick(e);
|
|
270
|
+
// // e.preventDefault();
|
|
271
|
+
// handleClick(e);
|
|
272
|
+
// },
|
|
273
|
+
}) : /* @__PURE__ */ jsxs3(
|
|
274
|
+
Button2,
|
|
276
275
|
{
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
276
|
+
ref: btn,
|
|
277
|
+
"aria-controls": open ? "basic-menu" : void 0,
|
|
278
|
+
"aria-haspopup": "true",
|
|
279
|
+
"aria-expanded": open ? "true" : void 0,
|
|
280
|
+
onClick: handleClick,
|
|
281
|
+
disableRipple: true,
|
|
282
|
+
fullWidth: true,
|
|
283
|
+
sx: {
|
|
284
|
+
height: small ? "34px" : "49px",
|
|
285
|
+
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
286
|
+
},
|
|
287
|
+
className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
|
|
288
|
+
children: [
|
|
289
|
+
/* @__PURE__ */ jsx7(
|
|
290
|
+
Typography2,
|
|
291
|
+
{
|
|
292
|
+
className: "text-sm leading-4",
|
|
293
|
+
children: `${placeholder}`
|
|
294
|
+
}
|
|
295
|
+
),
|
|
296
|
+
colorBorder ? /* @__PURE__ */ jsx7(search_default, {}) : /* @__PURE__ */ jsx7(
|
|
297
|
+
dropdown_arrow_default,
|
|
298
|
+
{
|
|
299
|
+
style: {
|
|
300
|
+
transform: open ? "scaleY(-1)" : "scaleY(1)",
|
|
301
|
+
transition: "0.3s ease-in-out"
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
)
|
|
305
|
+
]
|
|
306
|
+
}
|
|
280
307
|
),
|
|
281
|
-
|
|
282
|
-
|
|
308
|
+
btn ? /* @__PURE__ */ jsx7(
|
|
309
|
+
Paper,
|
|
283
310
|
{
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
311
|
+
sx: {
|
|
312
|
+
position: "absolute",
|
|
313
|
+
width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
314
|
+
left: fullContainerWidth ? 0 : "initial",
|
|
315
|
+
right: fullContainerWidth ? 0 : "initial",
|
|
316
|
+
top: overButton ? 0 : "initial"
|
|
317
|
+
},
|
|
318
|
+
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`,
|
|
319
|
+
children: /* @__PURE__ */ jsxs3(Box, { className: `flex flex-col p-3 gap-3`, children: [
|
|
320
|
+
overButton ? /* @__PURE__ */ jsx7(
|
|
321
|
+
IconButton_default,
|
|
322
|
+
{
|
|
323
|
+
className: "bg-accent-silver p-1 self-end absolute",
|
|
324
|
+
onClick: handleClose,
|
|
325
|
+
children: /* @__PURE__ */ jsx7(close_default, {})
|
|
326
|
+
}
|
|
327
|
+
) : null,
|
|
328
|
+
childTitle ? /* @__PURE__ */ jsx7(
|
|
329
|
+
Typography2,
|
|
330
|
+
{
|
|
331
|
+
className: "text-sm font-normal text-accent-silver-2",
|
|
332
|
+
children: childTitle
|
|
333
|
+
}
|
|
334
|
+
) : null,
|
|
335
|
+
childrenWithHandleChange
|
|
336
|
+
] })
|
|
288
337
|
}
|
|
289
|
-
)
|
|
290
|
-
)
|
|
291
|
-
Paper,
|
|
292
|
-
{
|
|
293
|
-
sx: {
|
|
294
|
-
position: "absolute",
|
|
295
|
-
width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
296
|
-
left: fullContainerWidth ? 0 : "initial",
|
|
297
|
-
right: fullContainerWidth ? 0 : "initial",
|
|
298
|
-
top: overButton ? 0 : "initial"
|
|
299
|
-
},
|
|
300
|
-
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`
|
|
301
|
-
},
|
|
302
|
-
/* @__PURE__ */ React.createElement(Box, { className: `flex flex-col p-3 gap-3` }, overButton ? /* @__PURE__ */ React.createElement(
|
|
303
|
-
IconButton_default,
|
|
304
|
-
{
|
|
305
|
-
className: "bg-accent-silver p-1 self-end absolute",
|
|
306
|
-
onClick: handleClose
|
|
307
|
-
},
|
|
308
|
-
/* @__PURE__ */ React.createElement(close_default, null)
|
|
309
|
-
) : null, childTitle ? /* @__PURE__ */ React.createElement(
|
|
310
|
-
Typography2,
|
|
311
|
-
{
|
|
312
|
-
className: "text-sm font-normal text-accent-silver-2"
|
|
313
|
-
},
|
|
314
|
-
childTitle
|
|
315
|
-
) : null, childrenWithHandleChange)
|
|
316
|
-
) : null));
|
|
338
|
+
) : null
|
|
339
|
+
] }) });
|
|
317
340
|
};
|
|
318
341
|
var SelectPro_default = SelectPro;
|
|
319
342
|
|
|
320
343
|
// src/components/Chip/Chip.tsx
|
|
321
344
|
import { Chip, styled as styled4 } from "@mui/material";
|
|
345
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
322
346
|
var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
|
|
323
347
|
borderRadius: theme2.shape.borderRadius
|
|
324
348
|
}));
|
|
@@ -330,7 +354,7 @@ var ChipViews = {
|
|
|
330
354
|
};
|
|
331
355
|
var CustomChip = (props) => {
|
|
332
356
|
const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
|
|
333
|
-
return /* @__PURE__ */
|
|
357
|
+
return /* @__PURE__ */ jsx8(
|
|
334
358
|
StyledChip,
|
|
335
359
|
__spreadValues({
|
|
336
360
|
className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
|
|
@@ -341,57 +365,61 @@ var Chip_default = CustomChip;
|
|
|
341
365
|
|
|
342
366
|
// src/components/Badge/Badge.tsx
|
|
343
367
|
import { Badge } from "@mui/material";
|
|
368
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
344
369
|
var CustomBadge = (props) => {
|
|
345
|
-
return /* @__PURE__ */
|
|
370
|
+
return /* @__PURE__ */ jsx9(Badge, __spreadValues({}, props));
|
|
346
371
|
};
|
|
347
372
|
var Badge_default = CustomBadge;
|
|
348
373
|
|
|
349
374
|
// src/components/Avatar/Avatar.tsx
|
|
350
375
|
import Avatar from "@mui/material/Avatar";
|
|
376
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
351
377
|
var CustomAvatar = (props) => {
|
|
352
|
-
return /* @__PURE__ */
|
|
378
|
+
return /* @__PURE__ */ jsx10(Avatar, __spreadValues({}, props));
|
|
353
379
|
};
|
|
354
380
|
var Avatar_default = CustomAvatar;
|
|
355
381
|
|
|
356
382
|
// src/components/Text/Text.tsx
|
|
357
383
|
import Typography3 from "@mui/material/Typography";
|
|
384
|
+
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
358
385
|
var Text = (props) => {
|
|
359
386
|
const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
|
|
360
|
-
return /* @__PURE__ */
|
|
387
|
+
return /* @__PURE__ */ jsx11(Typography3, __spreadProps(__spreadValues({}, rest), { children }));
|
|
361
388
|
};
|
|
362
389
|
var Text_default = Text;
|
|
363
390
|
|
|
364
391
|
// src/components/Radio/Radio.tsx
|
|
365
|
-
import React5 from "react";
|
|
366
392
|
import Radio from "@mui/material/Radio";
|
|
367
393
|
import FormControlLabel from "@mui/material/FormControlLabel";
|
|
394
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
368
395
|
var CustomRadio = (props) => {
|
|
369
396
|
const { value, label, radioProps, labelProps } = props;
|
|
370
397
|
if (label && value)
|
|
371
|
-
return /* @__PURE__ */
|
|
398
|
+
return /* @__PURE__ */ jsx12(
|
|
372
399
|
FormControlLabel,
|
|
373
400
|
__spreadValues({
|
|
374
401
|
value,
|
|
375
|
-
control: /* @__PURE__ */
|
|
402
|
+
control: /* @__PURE__ */ jsx12(Radio, __spreadValues({}, radioProps)),
|
|
376
403
|
label
|
|
377
404
|
}, labelProps)
|
|
378
405
|
);
|
|
379
|
-
return /* @__PURE__ */
|
|
406
|
+
return /* @__PURE__ */ jsx12(Radio, __spreadValues({}, radioProps));
|
|
380
407
|
};
|
|
381
408
|
var Radio_default = CustomRadio;
|
|
382
409
|
|
|
383
410
|
// src/components/RadioGroup/RadioGroup.tsx
|
|
384
|
-
import React6 from "react";
|
|
385
411
|
import RadioGroup from "@mui/material/RadioGroup";
|
|
412
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
386
413
|
var CustomRadioGroup = (props) => {
|
|
387
414
|
const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
|
|
388
|
-
return /* @__PURE__ */
|
|
415
|
+
return /* @__PURE__ */ jsx13(RadioGroup, __spreadProps(__spreadValues({}, rest), { children }));
|
|
389
416
|
};
|
|
390
417
|
var RadioGroup_default = CustomRadioGroup;
|
|
391
418
|
|
|
392
419
|
// src/components/Switch/Switch.tsx
|
|
393
420
|
import { Stack, styled as styled5, Switch as SwitchMUI } from "@mui/material";
|
|
394
421
|
import Typography4 from "@mui/material/Typography";
|
|
422
|
+
import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
395
423
|
var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
|
|
396
424
|
width: 60,
|
|
397
425
|
height: 30,
|
|
@@ -435,20 +463,26 @@ var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
|
|
|
435
463
|
}));
|
|
436
464
|
var CustomSwitch = (props) => {
|
|
437
465
|
const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
|
|
438
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ jsxs4(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
|
|
467
|
+
beforeText ? /* @__PURE__ */ jsx14(Typography4, { className: "text-base", children: beforeText }) : null,
|
|
468
|
+
/* @__PURE__ */ jsx14(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })),
|
|
469
|
+
afterText ? /* @__PURE__ */ jsx14(Typography4, { className: "text-base", children: afterText }) : null
|
|
470
|
+
] });
|
|
439
471
|
};
|
|
440
472
|
var Switch_default = CustomSwitch;
|
|
441
473
|
|
|
442
474
|
// src/components/Slider/Slider.tsx
|
|
443
475
|
import { Slider, styled as styled6 } from "@mui/material";
|
|
476
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
444
477
|
var StyledSlider = styled6(Slider)(() => ({}));
|
|
445
478
|
var CustomSlider = (props) => {
|
|
446
|
-
return /* @__PURE__ */
|
|
479
|
+
return /* @__PURE__ */ jsx15(StyledSlider, __spreadValues({}, props));
|
|
447
480
|
};
|
|
448
481
|
var Slider_default = CustomSlider;
|
|
449
482
|
|
|
450
483
|
// src/components/MenuItem/MenuItem.tsx
|
|
451
484
|
import { MenuItem, styled as styled7 } from "@mui/material";
|
|
485
|
+
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
452
486
|
var StyledMenuItem = styled7(MenuItem)(() => ({
|
|
453
487
|
borderRadius: "5px",
|
|
454
488
|
"&.Mui-selected": {
|
|
@@ -458,13 +492,14 @@ var StyledMenuItem = styled7(MenuItem)(() => ({
|
|
|
458
492
|
}));
|
|
459
493
|
var CustomMenuItem = (props) => {
|
|
460
494
|
const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
|
|
461
|
-
return /* @__PURE__ */
|
|
495
|
+
return /* @__PURE__ */ jsx16(StyledMenuItem, __spreadProps(__spreadValues({}, rest), { children }));
|
|
462
496
|
};
|
|
463
497
|
var MenuItem_default = CustomMenuItem;
|
|
464
498
|
|
|
465
499
|
// src/components/Input/Input.tsx
|
|
466
500
|
import { InputAdornment, styled as styled8 } from "@mui/material";
|
|
467
501
|
import Input from "@mui/material/Input";
|
|
502
|
+
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
468
503
|
var StyledInput = styled8(Input)(() => ({
|
|
469
504
|
"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
|
|
470
505
|
display: "none"
|
|
@@ -481,12 +516,12 @@ var CustomInput = (props) => {
|
|
|
481
516
|
event.stopPropagation();
|
|
482
517
|
}
|
|
483
518
|
};
|
|
484
|
-
return /* @__PURE__ */
|
|
519
|
+
return /* @__PURE__ */ jsx17(
|
|
485
520
|
StyledInput,
|
|
486
521
|
__spreadValues({
|
|
487
522
|
disableUnderline: true,
|
|
488
523
|
onKeyDown: handleKeyDown,
|
|
489
|
-
startAdornment: adornmentText ? /* @__PURE__ */
|
|
524
|
+
startAdornment: adornmentText ? /* @__PURE__ */ jsx17(InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
|
|
490
525
|
value,
|
|
491
526
|
componentsProps: {
|
|
492
527
|
root: {
|
|
@@ -502,10 +537,11 @@ var Input_default = CustomInput;
|
|
|
502
537
|
// src/components/Input/PhoneInput.tsx
|
|
503
538
|
import { PatternFormat } from "react-number-format";
|
|
504
539
|
import { forwardRef } from "react";
|
|
540
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
505
541
|
var PhoneInput = forwardRef(
|
|
506
542
|
function NumericFormatCustom(props, ref) {
|
|
507
543
|
const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
|
|
508
|
-
return /* @__PURE__ */
|
|
544
|
+
return /* @__PURE__ */ jsx18(
|
|
509
545
|
PatternFormat,
|
|
510
546
|
__spreadProps(__spreadValues({}, other), {
|
|
511
547
|
getInputRef: ref,
|
|
@@ -529,13 +565,19 @@ var PhoneInput_default = PhoneInput;
|
|
|
529
565
|
// src/components/Input/FromToInput.tsx
|
|
530
566
|
import { Stack as Stack2 } from "@mui/material";
|
|
531
567
|
import Typography5 from "@mui/material/Typography";
|
|
568
|
+
import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
532
569
|
var FromToInput = ({ label }) => {
|
|
533
|
-
return /* @__PURE__ */
|
|
570
|
+
return /* @__PURE__ */ jsxs5(Stack2, { children: [
|
|
571
|
+
label ? /* @__PURE__ */ jsx19(Typography5, { className: "text-accent-dark text-xs", children: label }) : null,
|
|
572
|
+
/* @__PURE__ */ jsxs5(Stack2, { direction: "row", spacing: 1, children: [
|
|
573
|
+
/* @__PURE__ */ jsx19(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
|
|
574
|
+
/* @__PURE__ */ jsx19(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
|
|
575
|
+
] })
|
|
576
|
+
] });
|
|
534
577
|
};
|
|
535
578
|
var FromToInput_default = FromToInput;
|
|
536
579
|
|
|
537
580
|
// src/theme/index.tsx
|
|
538
|
-
import React7 from "react";
|
|
539
581
|
import { useState as useState3 } from "react";
|
|
540
582
|
import createCache from "@emotion/cache";
|
|
541
583
|
import { useServerInsertedHTML } from "next/navigation";
|
|
@@ -582,6 +624,7 @@ var _theme = {
|
|
|
582
624
|
};
|
|
583
625
|
|
|
584
626
|
// src/theme/index.tsx
|
|
627
|
+
import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
585
628
|
var theme = createTheme(__spreadValues({}, _theme));
|
|
586
629
|
function ThemeRegistry(props) {
|
|
587
630
|
const { children } = props;
|
|
@@ -614,23 +657,27 @@ function ThemeRegistry(props) {
|
|
|
614
657
|
for (const name of names) {
|
|
615
658
|
styles += cache.inserted[name];
|
|
616
659
|
}
|
|
617
|
-
return /* @__PURE__ */
|
|
660
|
+
return /* @__PURE__ */ jsx20(
|
|
618
661
|
"style",
|
|
619
662
|
{
|
|
620
|
-
key: cache.key,
|
|
621
663
|
"data-emotion": `${cache.key} ${names.join(" ")}`,
|
|
622
664
|
dangerouslySetInnerHTML: {
|
|
623
665
|
__html: styles
|
|
624
666
|
}
|
|
625
|
-
}
|
|
667
|
+
},
|
|
668
|
+
cache.key
|
|
626
669
|
);
|
|
627
670
|
});
|
|
628
|
-
return /* @__PURE__ */
|
|
671
|
+
return /* @__PURE__ */ jsx20(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs6(ThemeProvider, { theme, children: [
|
|
672
|
+
/* @__PURE__ */ jsx20(CssBaseline, {}),
|
|
673
|
+
children
|
|
674
|
+
] }) });
|
|
629
675
|
}
|
|
630
676
|
|
|
631
677
|
// src/providers/Providers.tsx
|
|
678
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
632
679
|
var Providers = ({ children }) => {
|
|
633
|
-
return /* @__PURE__ */
|
|
680
|
+
return /* @__PURE__ */ jsx21(ThemeRegistry, { children });
|
|
634
681
|
};
|
|
635
682
|
var Providers_default = Providers;
|
|
636
683
|
|
|
@@ -638,6 +685,7 @@ var Providers_default = Providers;
|
|
|
638
685
|
import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
|
|
639
686
|
import { Box as Box2, Stack as Stack3 } from "@mui/material";
|
|
640
687
|
import Link from "next/link";
|
|
688
|
+
import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
641
689
|
var AppBar = ({ links }) => {
|
|
642
690
|
const [activeIndex, setActiveIndex] = useState4(0);
|
|
643
691
|
const navItemsRef = useRef2([]);
|
|
@@ -655,25 +703,29 @@ var AppBar = ({ links }) => {
|
|
|
655
703
|
const handleClick = (index) => {
|
|
656
704
|
setActiveIndex(index);
|
|
657
705
|
};
|
|
658
|
-
return /* @__PURE__ */
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
706
|
+
return /* @__PURE__ */ jsxs7(Stack3, { direction: "row", spacing: 1, position: "relative", children: [
|
|
707
|
+
/* @__PURE__ */ jsx22(Box2, { className: "nav-indicator" }),
|
|
708
|
+
links.map((link, index) => /* @__PURE__ */ jsx22(
|
|
709
|
+
Link,
|
|
710
|
+
{
|
|
711
|
+
ref: (el) => {
|
|
712
|
+
navItemsRef.current[index] = el;
|
|
713
|
+
},
|
|
714
|
+
href: link.path,
|
|
715
|
+
className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
|
|
716
|
+
onClick: () => handleClick(index),
|
|
717
|
+
children: link.title
|
|
663
718
|
},
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
onClick: () => handleClick(index)
|
|
668
|
-
},
|
|
669
|
-
link.title
|
|
670
|
-
)));
|
|
719
|
+
index
|
|
720
|
+
))
|
|
721
|
+
] });
|
|
671
722
|
};
|
|
672
723
|
var AppBar_default = AppBar;
|
|
673
724
|
|
|
674
725
|
// src/components/Image/ImageContainer.tsx
|
|
675
726
|
import { Box as Box3 } from "@mui/material";
|
|
676
727
|
import Image from "next/image";
|
|
728
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
677
729
|
var ImageContainer = (props) => {
|
|
678
730
|
const {
|
|
679
731
|
src,
|
|
@@ -685,7 +737,7 @@ var ImageContainer = (props) => {
|
|
|
685
737
|
loading = "lazy",
|
|
686
738
|
objectFit = "object-cover"
|
|
687
739
|
} = props;
|
|
688
|
-
return /* @__PURE__ */
|
|
740
|
+
return /* @__PURE__ */ jsx23(Box3, { className: `relative ${width} ${height}`, children: /* @__PURE__ */ jsx23(
|
|
689
741
|
Image,
|
|
690
742
|
{
|
|
691
743
|
className: `${objectFit} object-center`,
|
|
@@ -696,13 +748,14 @@ var ImageContainer = (props) => {
|
|
|
696
748
|
sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
|
|
697
749
|
priority
|
|
698
750
|
}
|
|
699
|
-
));
|
|
751
|
+
) });
|
|
700
752
|
};
|
|
701
753
|
var ImageContainer_default = ImageContainer;
|
|
702
754
|
|
|
703
755
|
// src/icons/map-search.svg
|
|
704
|
-
import * as
|
|
705
|
-
|
|
756
|
+
import * as React4 from "react";
|
|
757
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
758
|
+
var SvgMapSearch = (props) => /* @__PURE__ */ jsx24("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx24("path", { d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z", stroke: "#343434", className: "stroke-current", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
706
759
|
var map_search_default = SvgMapSearch;
|
|
707
760
|
|
|
708
761
|
// src/components/Card/CategoryCard.tsx
|
|
@@ -713,16 +766,23 @@ import Link2 from "next/link";
|
|
|
713
766
|
var NO_IMAGE = "/images/no-photo.svg";
|
|
714
767
|
|
|
715
768
|
// src/components/Card/CategoryCard.tsx
|
|
769
|
+
import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
716
770
|
var CategoryCard = (props) => {
|
|
717
771
|
const { link, text, title, image_url = NO_IMAGE } = props;
|
|
718
|
-
return /* @__PURE__ */
|
|
719
|
-
|
|
720
|
-
{
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
772
|
+
return /* @__PURE__ */ jsx25(Link2, { href: link, className: "group/card", children: /* @__PURE__ */ jsxs8(Box4, { className: "flex flex-col gap-[20px]", children: [
|
|
773
|
+
/* @__PURE__ */ jsx25(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }),
|
|
774
|
+
/* @__PURE__ */ jsxs8(Box4, { className: "flex flex-col px-[16px]", children: [
|
|
775
|
+
/* @__PURE__ */ jsx25(
|
|
776
|
+
Typography6,
|
|
777
|
+
{
|
|
778
|
+
component: "span",
|
|
779
|
+
className: "font-extrabold text-16 group-hover/card:text-gold2",
|
|
780
|
+
children: title
|
|
781
|
+
}
|
|
782
|
+
),
|
|
783
|
+
/* @__PURE__ */ jsx25(Typography6, { component: "span", className: "group-hover/card:text-gold2", children: text })
|
|
784
|
+
] })
|
|
785
|
+
] }) });
|
|
726
786
|
};
|
|
727
787
|
var CategoryCard_default = CategoryCard;
|
|
728
788
|
|
|
@@ -730,88 +790,133 @@ var CategoryCard_default = CategoryCard;
|
|
|
730
790
|
import Link3 from "next/link";
|
|
731
791
|
import { Box as Box5 } from "@mui/material";
|
|
732
792
|
import Typography7 from "@mui/material/Typography";
|
|
793
|
+
import { jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
733
794
|
var ArticleCard = (props) => {
|
|
734
795
|
const { image_src = NO_IMAGE } = props;
|
|
735
|
-
return /* @__PURE__ */
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
{
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
796
|
+
return /* @__PURE__ */ jsxs9(Link3, { href: "/", className: "group/card bg-gray-light", children: [
|
|
797
|
+
/* @__PURE__ */ jsx26(
|
|
798
|
+
ImageContainer_default,
|
|
799
|
+
{
|
|
800
|
+
src: image_src,
|
|
801
|
+
alt: "test",
|
|
802
|
+
contentful: false,
|
|
803
|
+
height: "h-[220px]"
|
|
804
|
+
}
|
|
805
|
+
),
|
|
806
|
+
/* @__PURE__ */ jsxs9(Box5, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]", children: [
|
|
807
|
+
/* @__PURE__ */ jsx26(
|
|
808
|
+
Typography7,
|
|
809
|
+
{
|
|
810
|
+
component: "span",
|
|
811
|
+
className: "text-16 font-extrabold group-hover/card:text-gold2",
|
|
812
|
+
children: "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E"
|
|
813
|
+
}
|
|
814
|
+
),
|
|
815
|
+
/* @__PURE__ */ jsx26(
|
|
816
|
+
Typography7,
|
|
817
|
+
{
|
|
818
|
+
component: "span",
|
|
819
|
+
className: "text-gray group-hover/card:text-gold2",
|
|
820
|
+
children: "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
|
|
821
|
+
}
|
|
822
|
+
),
|
|
823
|
+
/* @__PURE__ */ jsx26(Typography7, { component: "span", className: "border-gold-block-snack", children: "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430" })
|
|
824
|
+
] })
|
|
825
|
+
] });
|
|
758
826
|
};
|
|
759
827
|
var ArticleCard_default = ArticleCard;
|
|
760
828
|
|
|
761
829
|
// src/components/Card/JobCard.tsx
|
|
830
|
+
import { Fragment, jsx as jsx27 } from "react/jsx-runtime";
|
|
762
831
|
var JobCard = () => {
|
|
763
|
-
return /* @__PURE__ */
|
|
832
|
+
return /* @__PURE__ */ jsx27(Fragment, {});
|
|
764
833
|
};
|
|
765
834
|
var JobCard_default = JobCard;
|
|
766
835
|
|
|
767
836
|
// src/components/Card/RealtorCard.tsx
|
|
837
|
+
import { Fragment as Fragment2, jsx as jsx28 } from "react/jsx-runtime";
|
|
768
838
|
var RealtorCard = () => {
|
|
769
|
-
return /* @__PURE__ */
|
|
839
|
+
return /* @__PURE__ */ jsx28(Fragment2, {});
|
|
770
840
|
};
|
|
771
841
|
var RealtorCard_default = RealtorCard;
|
|
772
842
|
|
|
773
843
|
// src/components/Card/RealtyCard.tsx
|
|
774
844
|
import { Box as Box6, Stack as Stack4, Typography as Typography8 } from "@mui/material";
|
|
775
845
|
import Link4 from "next/link";
|
|
846
|
+
import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
776
847
|
var RealtyCard = () => {
|
|
777
|
-
return /* @__PURE__ */
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
848
|
+
return /* @__PURE__ */ jsxs10(Link4, { href: "/", className: "relative", children: [
|
|
849
|
+
/* @__PURE__ */ jsxs10(Box6, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]", children: [
|
|
850
|
+
/* @__PURE__ */ jsx29(Chip_default, { view: "white", label: "id: 00154" }),
|
|
851
|
+
/* @__PURE__ */ jsx29(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })
|
|
852
|
+
] }),
|
|
853
|
+
/* @__PURE__ */ jsx29(
|
|
854
|
+
ImageContainer_default,
|
|
855
|
+
{
|
|
856
|
+
src: "/images/test.png",
|
|
857
|
+
alt: "test",
|
|
858
|
+
height: "h-[260px]",
|
|
859
|
+
contentful: false
|
|
860
|
+
}
|
|
861
|
+
),
|
|
862
|
+
/* @__PURE__ */ jsxs10(Box6, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]", children: [
|
|
863
|
+
/* @__PURE__ */ jsx29(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }),
|
|
864
|
+
/* @__PURE__ */ jsx29(Typography8, { component: "span", className: "font-extrabold", children: "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25" }),
|
|
865
|
+
/* @__PURE__ */ jsx29(Typography8, { component: "span", className: "text-12", children: "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D" }),
|
|
866
|
+
/* @__PURE__ */ jsx29(
|
|
867
|
+
Chip_default,
|
|
868
|
+
{
|
|
869
|
+
view: "silver",
|
|
870
|
+
label: /* @__PURE__ */ jsxs10(Stack4, { direction: "row", spacing: 1, children: [
|
|
871
|
+
/* @__PURE__ */ jsx29(Typography8, { children: "\u043C\u0435\u0442\u0440\u043E:" }),
|
|
872
|
+
/* @__PURE__ */ jsx29(Typography8, { className: "font-extrabold", children: "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430" })
|
|
873
|
+
] })
|
|
874
|
+
}
|
|
875
|
+
),
|
|
876
|
+
/* @__PURE__ */ jsxs10(Box6, { className: "flex flex-wrap gap-[6px] mt-[6px]", children: [
|
|
877
|
+
/* @__PURE__ */ jsx29(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }),
|
|
878
|
+
/* @__PURE__ */ jsx29(Chip_default, { view: "line", label: "60 \u043C\xB2" }),
|
|
879
|
+
/* @__PURE__ */ jsx29(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" })
|
|
880
|
+
] })
|
|
881
|
+
] })
|
|
882
|
+
] });
|
|
792
883
|
};
|
|
793
884
|
var RealtyCard_default = RealtyCard;
|
|
794
885
|
|
|
795
886
|
// src/components/Card/TeamPersonCard.tsx
|
|
796
887
|
import { Box as Box7, Typography as Typography9 } from "@mui/material";
|
|
888
|
+
import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
797
889
|
var TeamPersonCard = (props) => {
|
|
798
890
|
const { image_url = NO_IMAGE, name, position, text } = props;
|
|
799
|
-
return /* @__PURE__ */
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
891
|
+
return /* @__PURE__ */ jsxs11(Box7, { className: "group/card", children: [
|
|
892
|
+
/* @__PURE__ */ jsxs11(Box7, { className: "relative h-[300px]", children: [
|
|
893
|
+
/* @__PURE__ */ jsx30(Box7, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]", children: /* @__PURE__ */ jsx30(
|
|
894
|
+
ImageContainer_default,
|
|
895
|
+
{
|
|
896
|
+
contentful: false,
|
|
897
|
+
src: image_url,
|
|
898
|
+
alt: name,
|
|
899
|
+
objectFit: "object-contain"
|
|
900
|
+
}
|
|
901
|
+
) }),
|
|
902
|
+
/* @__PURE__ */ jsxs11(Box7, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white", children: [
|
|
903
|
+
/* @__PURE__ */ jsx30(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
|
|
904
|
+
/* @__PURE__ */ jsx30(Typography9, { component: "span", className: "mt-[4px]", children: name }),
|
|
905
|
+
/* @__PURE__ */ jsx30(
|
|
906
|
+
Typography9,
|
|
907
|
+
{
|
|
908
|
+
component: "span",
|
|
909
|
+
className: "mt-[11px] text-12 !leading-[16px]",
|
|
910
|
+
children: text
|
|
911
|
+
}
|
|
912
|
+
)
|
|
913
|
+
] })
|
|
914
|
+
] }),
|
|
915
|
+
/* @__PURE__ */ jsxs11(Box7, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12", children: [
|
|
916
|
+
/* @__PURE__ */ jsx30(Typography9, { component: "span", className: "text-16 font-extrabold", children: position }),
|
|
917
|
+
/* @__PURE__ */ jsx30(Typography9, { component: "span", className: "text-gray", children: name })
|
|
918
|
+
] })
|
|
919
|
+
] });
|
|
815
920
|
};
|
|
816
921
|
var TeamPersonCard_default = TeamPersonCard;
|
|
817
922
|
|
|
@@ -827,6 +932,7 @@ import {
|
|
|
827
932
|
Stack as Stack5
|
|
828
933
|
} from "@mui/material";
|
|
829
934
|
import { useController } from "react-hook-form";
|
|
935
|
+
import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
830
936
|
var RenderInputAutocomplete = (_a) => {
|
|
831
937
|
var _b = _a, {
|
|
832
938
|
InputProps: InputProps2,
|
|
@@ -835,11 +941,14 @@ var RenderInputAutocomplete = (_a) => {
|
|
|
835
941
|
"InputProps",
|
|
836
942
|
"InputLabelProps"
|
|
837
943
|
]);
|
|
838
|
-
return /* @__PURE__ */
|
|
944
|
+
return /* @__PURE__ */ jsx31(Box8, { ref: InputProps2.ref, children: /* @__PURE__ */ jsx31(
|
|
839
945
|
Input2,
|
|
840
946
|
__spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
|
|
841
|
-
startAdornment: /* @__PURE__ */
|
|
842
|
-
|
|
947
|
+
startAdornment: /* @__PURE__ */ jsxs12(Stack5, { direction: "row", alignItems: "center", children: [
|
|
948
|
+
/* @__PURE__ */ jsx31(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx31(search_default, {}) }),
|
|
949
|
+
InputProps2.startAdornment
|
|
950
|
+
] }),
|
|
951
|
+
endAdornment: /* @__PURE__ */ jsx31(Fragment3, {}),
|
|
843
952
|
ref: InputProps2.ref,
|
|
844
953
|
disableUnderline: true,
|
|
845
954
|
placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
|
|
@@ -852,10 +961,13 @@ var RenderInputAutocomplete = (_a) => {
|
|
|
852
961
|
// },
|
|
853
962
|
}
|
|
854
963
|
})
|
|
855
|
-
));
|
|
964
|
+
) });
|
|
856
965
|
};
|
|
857
966
|
var CustomPaperComponent = (props) => {
|
|
858
|
-
return /* @__PURE__ */
|
|
967
|
+
return /* @__PURE__ */ jsx31(Paper2, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs12("div", { children: [
|
|
968
|
+
"helllooo",
|
|
969
|
+
props.children
|
|
970
|
+
] }, "click-away-wrapper") }));
|
|
859
971
|
};
|
|
860
972
|
var Autocomplete = (props) => {
|
|
861
973
|
const { values } = props;
|
|
@@ -870,7 +982,7 @@ var Autocomplete = (props) => {
|
|
|
870
982
|
else setAnchorEl(event.currentTarget);
|
|
871
983
|
setOpen(!open);
|
|
872
984
|
};
|
|
873
|
-
return /* @__PURE__ */
|
|
985
|
+
return /* @__PURE__ */ jsx31(
|
|
874
986
|
MUIAutocomplete,
|
|
875
987
|
{
|
|
876
988
|
multiple: true,
|
|
@@ -886,15 +998,15 @@ var Autocomplete = (props) => {
|
|
|
886
998
|
PaperComponent: CustomPaperComponent,
|
|
887
999
|
renderTags: (value, getTagProps) => value.map((option, index) => {
|
|
888
1000
|
const _a = getTagProps({ index }), { key } = _a, tagProps = __objRest(_a, ["key"]);
|
|
889
|
-
return /* @__PURE__ */
|
|
1001
|
+
return /* @__PURE__ */ jsx31(
|
|
890
1002
|
Chip2,
|
|
891
1003
|
__spreadProps(__spreadValues({
|
|
892
|
-
label: option
|
|
893
|
-
key
|
|
1004
|
+
label: option
|
|
894
1005
|
}, tagProps), {
|
|
895
|
-
deleteIcon: /* @__PURE__ */
|
|
1006
|
+
deleteIcon: /* @__PURE__ */ jsx31(IconButton_default, { className: "rounded-none bg-accent-silver p-1", children: /* @__PURE__ */ jsx31(close_default, {}) }),
|
|
896
1007
|
className: "rounded-none w-fit h-fit bg-transparent p-0"
|
|
897
|
-
})
|
|
1008
|
+
}),
|
|
1009
|
+
key
|
|
898
1010
|
);
|
|
899
1011
|
}),
|
|
900
1012
|
slotProps: {
|
|
@@ -903,7 +1015,7 @@ var Autocomplete = (props) => {
|
|
|
903
1015
|
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`
|
|
904
1016
|
}
|
|
905
1017
|
},
|
|
906
|
-
renderInput: (params) => /* @__PURE__ */
|
|
1018
|
+
renderInput: (params) => /* @__PURE__ */ jsx31(
|
|
907
1019
|
RenderInputAutocomplete,
|
|
908
1020
|
__spreadValues({}, params)
|
|
909
1021
|
)
|