mayak-common-library 0.0.6 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +9 -8
- package/dist/index.d.ts +9 -8
- package/dist/index.js +162 -116
- package/dist/index.mjs +153 -107
- package/package.json +5 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import react__default, { FC, PropsWithChildren, ReactElement } from 'react';
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { ButtonProps } from '@mui/material/Button';
|
|
3
|
+
import * as React$1 from 'react';
|
|
4
|
+
import React__default, { FC, PropsWithChildren, ReactElement } from 'react';
|
|
4
5
|
import { IconButtonProps } from '@mui/material/IconButton/IconButton';
|
|
5
6
|
import { SelectProps } from '@mui/material/Select/Select';
|
|
6
7
|
import { ChipProps } from '@mui/material';
|
|
@@ -18,7 +19,7 @@ import { PatternFormatProps } from 'react-number-format/types/types';
|
|
|
18
19
|
|
|
19
20
|
declare function Greet(props: {
|
|
20
21
|
name: string;
|
|
21
|
-
}):
|
|
22
|
+
}): react_jsx_runtime.JSX.Element;
|
|
22
23
|
|
|
23
24
|
interface CustomButtonProps extends ButtonProps, PropsWithChildren {
|
|
24
25
|
bolt?: boolean;
|
|
@@ -51,9 +52,9 @@ interface CustomChipProps {
|
|
|
51
52
|
}
|
|
52
53
|
declare const CustomChip: FC<ChipProps & CustomChipProps>;
|
|
53
54
|
|
|
54
|
-
declare const CustomBadge: (props: BadgeProps) =>
|
|
55
|
+
declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
55
56
|
|
|
56
|
-
declare const CustomAvatar: (props: AvatarProps) =>
|
|
57
|
+
declare const CustomAvatar: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
|
|
57
58
|
|
|
58
59
|
declare const Text: FC<TypographyOwnProps & PropsWithChildren>;
|
|
59
60
|
|
|
@@ -63,9 +64,9 @@ interface CustomRadioProps {
|
|
|
63
64
|
label?: string;
|
|
64
65
|
value?: string;
|
|
65
66
|
}
|
|
66
|
-
declare const CustomRadio:
|
|
67
|
+
declare const CustomRadio: React__default.FC<CustomRadioProps>;
|
|
67
68
|
|
|
68
|
-
declare const CustomRadioGroup:
|
|
69
|
+
declare const CustomRadioGroup: React__default.FC<RadioGroupProps & PropsWithChildren>;
|
|
69
70
|
|
|
70
71
|
interface CustomSwitchProps {
|
|
71
72
|
beforeText?: string;
|
|
@@ -92,7 +93,7 @@ interface PhoneInputProps {
|
|
|
92
93
|
}) => void;
|
|
93
94
|
name: string;
|
|
94
95
|
}
|
|
95
|
-
declare const PhoneInput:
|
|
96
|
+
declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PatternFormatProps>>;
|
|
96
97
|
|
|
97
98
|
interface FromToInputProps {
|
|
98
99
|
label?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import react__default, { FC, PropsWithChildren, ReactElement } from 'react';
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { ButtonProps } from '@mui/material/Button';
|
|
3
|
+
import * as React$1 from 'react';
|
|
4
|
+
import React__default, { FC, PropsWithChildren, ReactElement } from 'react';
|
|
4
5
|
import { IconButtonProps } from '@mui/material/IconButton/IconButton';
|
|
5
6
|
import { SelectProps } from '@mui/material/Select/Select';
|
|
6
7
|
import { ChipProps } from '@mui/material';
|
|
@@ -18,7 +19,7 @@ import { PatternFormatProps } from 'react-number-format/types/types';
|
|
|
18
19
|
|
|
19
20
|
declare function Greet(props: {
|
|
20
21
|
name: string;
|
|
21
|
-
}):
|
|
22
|
+
}): react_jsx_runtime.JSX.Element;
|
|
22
23
|
|
|
23
24
|
interface CustomButtonProps extends ButtonProps, PropsWithChildren {
|
|
24
25
|
bolt?: boolean;
|
|
@@ -51,9 +52,9 @@ interface CustomChipProps {
|
|
|
51
52
|
}
|
|
52
53
|
declare const CustomChip: FC<ChipProps & CustomChipProps>;
|
|
53
54
|
|
|
54
|
-
declare const CustomBadge: (props: BadgeProps) =>
|
|
55
|
+
declare const CustomBadge: (props: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
55
56
|
|
|
56
|
-
declare const CustomAvatar: (props: AvatarProps) =>
|
|
57
|
+
declare const CustomAvatar: (props: AvatarProps) => react_jsx_runtime.JSX.Element;
|
|
57
58
|
|
|
58
59
|
declare const Text: FC<TypographyOwnProps & PropsWithChildren>;
|
|
59
60
|
|
|
@@ -63,9 +64,9 @@ interface CustomRadioProps {
|
|
|
63
64
|
label?: string;
|
|
64
65
|
value?: string;
|
|
65
66
|
}
|
|
66
|
-
declare const CustomRadio:
|
|
67
|
+
declare const CustomRadio: React__default.FC<CustomRadioProps>;
|
|
67
68
|
|
|
68
|
-
declare const CustomRadioGroup:
|
|
69
|
+
declare const CustomRadioGroup: React__default.FC<RadioGroupProps & PropsWithChildren>;
|
|
69
70
|
|
|
70
71
|
interface CustomSwitchProps {
|
|
71
72
|
beforeText?: string;
|
|
@@ -92,7 +93,7 @@ interface PhoneInputProps {
|
|
|
92
93
|
}) => void;
|
|
93
94
|
name: string;
|
|
94
95
|
}
|
|
95
|
-
declare const PhoneInput:
|
|
96
|
+
declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PatternFormatProps>>;
|
|
96
97
|
|
|
97
98
|
interface FromToInputProps {
|
|
98
99
|
label?: string;
|
package/dist/index.js
CHANGED
|
@@ -53,15 +53,20 @@ __export(src_exports, {
|
|
|
53
53
|
module.exports = __toCommonJS(src_exports);
|
|
54
54
|
|
|
55
55
|
// src/components/Greet.tsx
|
|
56
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
56
57
|
function Greet(props) {
|
|
57
58
|
const { name } = props;
|
|
58
|
-
return /* @__PURE__ */
|
|
59
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
60
|
+
"Hello ",
|
|
61
|
+
name
|
|
62
|
+
] });
|
|
59
63
|
}
|
|
60
64
|
|
|
61
65
|
// src/components/Button/Button.tsx
|
|
62
66
|
var import_Button = __toESM(require("@mui/material/Button"));
|
|
63
67
|
var import_material = require("@mui/material");
|
|
64
68
|
var import_Typography = __toESM(require("@mui/material/Typography"));
|
|
69
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
65
70
|
var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
|
|
66
71
|
textTransform: "none",
|
|
67
72
|
width: "fit-content",
|
|
@@ -81,7 +86,7 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
|
|
|
81
86
|
}));
|
|
82
87
|
var Button = (props) => {
|
|
83
88
|
const { children, base, bolt, border, small, large, ...rest } = props;
|
|
84
|
-
return /* @__PURE__ */
|
|
89
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
85
90
|
StyledButton,
|
|
86
91
|
{
|
|
87
92
|
...rest,
|
|
@@ -89,21 +94,22 @@ var Button = (props) => {
|
|
|
89
94
|
className: `${base ? "bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base" : ""}
|
|
90
95
|
${small ? "py-1.5 px-4" : ""}
|
|
91
96
|
${large ? "py-5 px-10" : ""}
|
|
92
|
-
${border ? "border-b border-solid rounded-none" : ""}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
97
|
+
${border ? "border-b border-solid rounded-none" : ""}`,
|
|
98
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
99
|
+
import_Typography.default,
|
|
100
|
+
{
|
|
101
|
+
className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
|
|
102
|
+
children
|
|
103
|
+
}
|
|
104
|
+
)
|
|
105
|
+
}
|
|
101
106
|
);
|
|
102
107
|
};
|
|
103
108
|
var Button_default = Button;
|
|
104
109
|
|
|
105
110
|
// src/components/Button/IconButton.tsx
|
|
106
111
|
var import_material2 = require("@mui/material");
|
|
112
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
107
113
|
var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(() => ({
|
|
108
114
|
width: "fit-content",
|
|
109
115
|
borderRadius: 0,
|
|
@@ -118,7 +124,7 @@ var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(()
|
|
|
118
124
|
}));
|
|
119
125
|
var IconButton = (props) => {
|
|
120
126
|
const { children, ...rest } = props;
|
|
121
|
-
return /* @__PURE__ */
|
|
127
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledButton2, { ...rest, disableRipple: true, children });
|
|
122
128
|
};
|
|
123
129
|
var IconButton_default = IconButton;
|
|
124
130
|
|
|
@@ -130,6 +136,7 @@ var import_material3 = require("@mui/material");
|
|
|
130
136
|
var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
|
|
131
137
|
|
|
132
138
|
// src/components/Select/Select.tsx
|
|
139
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
133
140
|
var StyledSelect = (0, import_material3.styled)(import_material3.Select)(({ open }) => ({
|
|
134
141
|
minWidth: 250,
|
|
135
142
|
"&.MuiInputBase-root": {
|
|
@@ -180,7 +187,7 @@ var CustomSelect = (props) => {
|
|
|
180
187
|
(0, import_react.useEffect)(() => {
|
|
181
188
|
if (!open) myRef.current?.classList.remove("Mui-focused");
|
|
182
189
|
}, [open]);
|
|
183
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
184
191
|
StyledSelect,
|
|
185
192
|
{
|
|
186
193
|
...rest,
|
|
@@ -206,9 +213,9 @@ var CustomSelect = (props) => {
|
|
|
206
213
|
}
|
|
207
214
|
}
|
|
208
215
|
},
|
|
209
|
-
IconComponent: () => /* @__PURE__ */
|
|
210
|
-
|
|
211
|
-
|
|
216
|
+
IconComponent: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(dropdown_arrow_default, {}),
|
|
217
|
+
children
|
|
218
|
+
}
|
|
212
219
|
);
|
|
213
220
|
};
|
|
214
221
|
var Select_default = CustomSelect;
|
|
@@ -224,6 +231,7 @@ var import_material4 = require("@mui/material");
|
|
|
224
231
|
var close_default = "./close-4XJDSDVO.svg";
|
|
225
232
|
|
|
226
233
|
// src/components/Select/SelectPro.tsx
|
|
234
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
227
235
|
var SelectPro = ({
|
|
228
236
|
children,
|
|
229
237
|
placeholder,
|
|
@@ -253,73 +261,83 @@ var SelectPro = ({
|
|
|
253
261
|
const childrenWithHandleChange = (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(children, {
|
|
254
262
|
collapseParent: handleClose
|
|
255
263
|
}) : children;
|
|
256
|
-
return /* @__PURE__ */
|
|
257
|
-
|
|
258
|
-
onClick: handleClick
|
|
259
|
-
}) : /* @__PURE__ */ React.createElement(
|
|
260
|
-
import_material4.Button,
|
|
261
|
-
{
|
|
264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Box, { children: [
|
|
265
|
+
clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
|
|
262
266
|
ref: btn,
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
onClick: handleClick,
|
|
267
|
-
disableRipple: true,
|
|
268
|
-
fullWidth: true,
|
|
269
|
-
sx: {
|
|
270
|
-
height: small ? "34px" : "49px",
|
|
271
|
-
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
272
|
-
},
|
|
273
|
-
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"}`
|
|
274
|
-
},
|
|
275
|
-
/* @__PURE__ */ React.createElement(
|
|
276
|
-
import_material4.Typography,
|
|
267
|
+
onClick: handleClick
|
|
268
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
269
|
+
import_material4.Button,
|
|
277
270
|
{
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
271
|
+
ref: btn,
|
|
272
|
+
"aria-controls": open ? "basic-menu" : void 0,
|
|
273
|
+
"aria-haspopup": "true",
|
|
274
|
+
"aria-expanded": open ? "true" : void 0,
|
|
275
|
+
onClick: handleClick,
|
|
276
|
+
disableRipple: true,
|
|
277
|
+
fullWidth: true,
|
|
278
|
+
sx: {
|
|
279
|
+
height: small ? "34px" : "49px",
|
|
280
|
+
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
281
|
+
},
|
|
282
|
+
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"}`,
|
|
283
|
+
children: [
|
|
284
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
285
|
+
import_material4.Typography,
|
|
286
|
+
{
|
|
287
|
+
className: "text-sm leading-4",
|
|
288
|
+
children: `${placeholder}`
|
|
289
|
+
}
|
|
290
|
+
),
|
|
291
|
+
colorBorder ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(search_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
292
|
+
dropdown_arrow_default,
|
|
293
|
+
{
|
|
294
|
+
style: {
|
|
295
|
+
transform: open ? "scaleY(-1)" : "scaleY(1)",
|
|
296
|
+
transition: "0.3s ease-in-out"
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
)
|
|
300
|
+
]
|
|
301
|
+
}
|
|
281
302
|
),
|
|
282
|
-
|
|
283
|
-
|
|
303
|
+
btn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
304
|
+
import_material4.Paper,
|
|
284
305
|
{
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
306
|
+
sx: {
|
|
307
|
+
position: "absolute",
|
|
308
|
+
width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
309
|
+
left: fullContainerWidth ? 0 : "initial",
|
|
310
|
+
right: fullContainerWidth ? 0 : "initial",
|
|
311
|
+
top: overButton ? 0 : "initial"
|
|
312
|
+
},
|
|
313
|
+
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`,
|
|
314
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material4.Box, { className: `flex flex-col p-3 gap-3`, children: [
|
|
315
|
+
overButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
316
|
+
IconButton_default,
|
|
317
|
+
{
|
|
318
|
+
className: "bg-accent-silver p-1 self-end absolute",
|
|
319
|
+
onClick: handleClose,
|
|
320
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(close_default, {})
|
|
321
|
+
}
|
|
322
|
+
) : null,
|
|
323
|
+
childTitle ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
324
|
+
import_material4.Typography,
|
|
325
|
+
{
|
|
326
|
+
className: "text-sm font-normal text-accent-silver-2",
|
|
327
|
+
children: childTitle
|
|
328
|
+
}
|
|
329
|
+
) : null,
|
|
330
|
+
childrenWithHandleChange
|
|
331
|
+
] })
|
|
289
332
|
}
|
|
290
|
-
)
|
|
291
|
-
)
|
|
292
|
-
import_material4.Paper,
|
|
293
|
-
{
|
|
294
|
-
sx: {
|
|
295
|
-
position: "absolute",
|
|
296
|
-
width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
297
|
-
left: fullContainerWidth ? 0 : "initial",
|
|
298
|
-
right: fullContainerWidth ? 0 : "initial",
|
|
299
|
-
top: overButton ? 0 : "initial"
|
|
300
|
-
},
|
|
301
|
-
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`
|
|
302
|
-
},
|
|
303
|
-
/* @__PURE__ */ React.createElement(import_material4.Box, { className: `flex flex-col p-3 gap-3` }, overButton ? /* @__PURE__ */ React.createElement(
|
|
304
|
-
IconButton_default,
|
|
305
|
-
{
|
|
306
|
-
className: "bg-accent-silver p-1 self-end absolute",
|
|
307
|
-
onClick: handleClose
|
|
308
|
-
},
|
|
309
|
-
/* @__PURE__ */ React.createElement(close_default, null)
|
|
310
|
-
) : null, childTitle ? /* @__PURE__ */ React.createElement(
|
|
311
|
-
import_material4.Typography,
|
|
312
|
-
{
|
|
313
|
-
className: "text-sm font-normal text-accent-silver-2"
|
|
314
|
-
},
|
|
315
|
-
childTitle
|
|
316
|
-
) : null, childrenWithHandleChange)
|
|
317
|
-
) : null));
|
|
333
|
+
) : null
|
|
334
|
+
] }) });
|
|
318
335
|
};
|
|
319
336
|
var SelectPro_default = SelectPro;
|
|
320
337
|
|
|
321
338
|
// src/components/Chip/Chip.tsx
|
|
322
339
|
var import_material5 = require("@mui/material");
|
|
340
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
323
341
|
var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: theme2 }) => ({
|
|
324
342
|
borderRadius: theme2.shape.borderRadius
|
|
325
343
|
}));
|
|
@@ -331,7 +349,7 @@ var ChipViews = {
|
|
|
331
349
|
};
|
|
332
350
|
var CustomChip = (props) => {
|
|
333
351
|
const { view, ...rest } = props;
|
|
334
|
-
return /* @__PURE__ */
|
|
352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
335
353
|
StyledChip,
|
|
336
354
|
{
|
|
337
355
|
className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`,
|
|
@@ -343,58 +361,62 @@ var Chip_default = CustomChip;
|
|
|
343
361
|
|
|
344
362
|
// src/components/Badge/Badge.tsx
|
|
345
363
|
var import_material6 = require("@mui/material");
|
|
364
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
346
365
|
var CustomBadge = (props) => {
|
|
347
|
-
return /* @__PURE__ */
|
|
366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Badge, { ...props });
|
|
348
367
|
};
|
|
349
368
|
var Badge_default = CustomBadge;
|
|
350
369
|
|
|
351
370
|
// src/components/Avatar/Avatar.tsx
|
|
352
371
|
var import_Avatar = __toESM(require("@mui/material/Avatar"));
|
|
372
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
353
373
|
var CustomAvatar = (props) => {
|
|
354
|
-
return /* @__PURE__ */
|
|
374
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Avatar.default, { ...props });
|
|
355
375
|
};
|
|
356
376
|
var Avatar_default = CustomAvatar;
|
|
357
377
|
|
|
358
378
|
// src/components/Text/Text.tsx
|
|
359
379
|
var import_Typography2 = __toESM(require("@mui/material/Typography"));
|
|
380
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
360
381
|
var Text = (props) => {
|
|
361
382
|
const { children, ...rest } = props;
|
|
362
|
-
return /* @__PURE__ */
|
|
383
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Typography2.default, { ...rest, children });
|
|
363
384
|
};
|
|
364
385
|
var Text_default = Text;
|
|
365
386
|
|
|
366
387
|
// src/components/Radio/Radio.tsx
|
|
367
|
-
var import_react3 = __toESM(require("react"));
|
|
368
388
|
var import_Radio = __toESM(require("@mui/material/Radio"));
|
|
369
389
|
var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
|
|
390
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
370
391
|
var CustomRadio = (props) => {
|
|
371
392
|
const { value, label, radioProps, labelProps } = props;
|
|
372
393
|
if (label && value)
|
|
373
|
-
return /* @__PURE__ */
|
|
394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
374
395
|
import_FormControlLabel.default,
|
|
375
396
|
{
|
|
376
397
|
value,
|
|
377
|
-
control: /* @__PURE__ */
|
|
398
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, { ...radioProps }),
|
|
378
399
|
label,
|
|
379
400
|
...labelProps
|
|
380
401
|
}
|
|
381
402
|
);
|
|
382
|
-
return /* @__PURE__ */
|
|
403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Radio.default, { ...radioProps });
|
|
383
404
|
};
|
|
384
405
|
var Radio_default = CustomRadio;
|
|
385
406
|
|
|
386
407
|
// src/components/RadioGroup/RadioGroup.tsx
|
|
387
|
-
var import_react4 = __toESM(require("react"));
|
|
388
408
|
var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
|
|
409
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
389
410
|
var CustomRadioGroup = (props) => {
|
|
390
411
|
const { children, ...rest } = props;
|
|
391
|
-
return /* @__PURE__ */
|
|
412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_RadioGroup.default, { ...rest, children });
|
|
392
413
|
};
|
|
393
414
|
var RadioGroup_default = CustomRadioGroup;
|
|
394
415
|
|
|
395
416
|
// src/components/Switch/Switch.tsx
|
|
396
417
|
var import_material7 = require("@mui/material");
|
|
397
418
|
var import_Typography3 = __toESM(require("@mui/material/Typography"));
|
|
419
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
398
420
|
var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: theme2 }) => ({
|
|
399
421
|
width: 60,
|
|
400
422
|
height: 30,
|
|
@@ -438,20 +460,26 @@ var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: the
|
|
|
438
460
|
}));
|
|
439
461
|
var CustomSwitch = (props) => {
|
|
440
462
|
const { beforeText, afterText, ...rest } = props;
|
|
441
|
-
return /* @__PURE__ */
|
|
463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material7.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
|
|
464
|
+
beforeText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography3.default, { className: "text-base", children: beforeText }) : null,
|
|
465
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Switch, { defaultChecked: true, ...rest, disableRipple: true }),
|
|
466
|
+
afterText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography3.default, { className: "text-base", children: afterText }) : null
|
|
467
|
+
] });
|
|
442
468
|
};
|
|
443
469
|
var Switch_default = CustomSwitch;
|
|
444
470
|
|
|
445
471
|
// src/components/Slider/Slider.tsx
|
|
446
472
|
var import_material8 = require("@mui/material");
|
|
473
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
447
474
|
var StyledSlider = (0, import_material8.styled)(import_material8.Slider)(() => ({}));
|
|
448
475
|
var CustomSlider = (props) => {
|
|
449
|
-
return /* @__PURE__ */
|
|
476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StyledSlider, { ...props });
|
|
450
477
|
};
|
|
451
478
|
var Slider_default = CustomSlider;
|
|
452
479
|
|
|
453
480
|
// src/components/MenuItem/MenuItem.tsx
|
|
454
481
|
var import_material9 = require("@mui/material");
|
|
482
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
455
483
|
var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(() => ({
|
|
456
484
|
borderRadius: "5px",
|
|
457
485
|
"&.Mui-selected": {
|
|
@@ -461,13 +489,14 @@ var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(()
|
|
|
461
489
|
}));
|
|
462
490
|
var CustomMenuItem = (props) => {
|
|
463
491
|
const { children, ...rest } = props;
|
|
464
|
-
return /* @__PURE__ */
|
|
492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StyledMenuItem, { ...rest, children });
|
|
465
493
|
};
|
|
466
494
|
var MenuItem_default = CustomMenuItem;
|
|
467
495
|
|
|
468
496
|
// src/components/Input/Input.tsx
|
|
469
497
|
var import_material10 = require("@mui/material");
|
|
470
498
|
var import_Input = __toESM(require("@mui/material/Input"));
|
|
499
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
471
500
|
var StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
|
|
472
501
|
"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
|
|
473
502
|
display: "none"
|
|
@@ -484,12 +513,12 @@ var CustomInput = (props) => {
|
|
|
484
513
|
event.stopPropagation();
|
|
485
514
|
}
|
|
486
515
|
};
|
|
487
|
-
return /* @__PURE__ */
|
|
516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
488
517
|
StyledInput,
|
|
489
518
|
{
|
|
490
519
|
disableUnderline: true,
|
|
491
520
|
onKeyDown: handleKeyDown,
|
|
492
|
-
startAdornment: adornmentText ? /* @__PURE__ */
|
|
521
|
+
startAdornment: adornmentText ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material10.InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
|
|
493
522
|
value,
|
|
494
523
|
componentsProps: {
|
|
495
524
|
root: {
|
|
@@ -505,11 +534,12 @@ var Input_default = CustomInput;
|
|
|
505
534
|
|
|
506
535
|
// src/components/Input/PhoneInput.tsx
|
|
507
536
|
var import_react_number_format = require("react-number-format");
|
|
508
|
-
var
|
|
509
|
-
var
|
|
537
|
+
var import_react3 = require("react");
|
|
538
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
539
|
+
var PhoneInput = (0, import_react3.forwardRef)(
|
|
510
540
|
function NumericFormatCustom(props, ref) {
|
|
511
541
|
const { onChange, ...other } = props;
|
|
512
|
-
return /* @__PURE__ */
|
|
542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
513
543
|
import_react_number_format.PatternFormat,
|
|
514
544
|
{
|
|
515
545
|
...other,
|
|
@@ -534,24 +564,32 @@ var PhoneInput_default = PhoneInput;
|
|
|
534
564
|
// src/components/Input/FromToInput.tsx
|
|
535
565
|
var import_material11 = require("@mui/material");
|
|
536
566
|
var import_Typography4 = __toESM(require("@mui/material/Typography"));
|
|
567
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
537
568
|
var FromToInput = ({ label }) => {
|
|
538
|
-
return /* @__PURE__ */
|
|
569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material11.Stack, { children: [
|
|
570
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Typography4.default, { className: "text-accent-dark text-xs", children: label }) : null,
|
|
571
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material11.Stack, { direction: "row", spacing: 1, children: [
|
|
572
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
|
|
573
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
|
|
574
|
+
] })
|
|
575
|
+
] });
|
|
539
576
|
};
|
|
540
577
|
var FromToInput_default = FromToInput;
|
|
541
578
|
|
|
542
579
|
// src/theme/index.tsx
|
|
543
|
-
var
|
|
580
|
+
var import_react4 = require("react");
|
|
544
581
|
var import_cache = __toESM(require("@emotion/cache"));
|
|
545
582
|
var import_navigation = require("next/navigation");
|
|
546
|
-
var
|
|
583
|
+
var import_react5 = require("@emotion/react");
|
|
547
584
|
var import_ThemeProvider = __toESM(require("@mui/material/styles/ThemeProvider"));
|
|
548
585
|
var import_createTheme = __toESM(require("@mui/material/styles/createTheme"));
|
|
549
586
|
var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
|
|
550
587
|
var import_stylis = require("stylis");
|
|
588
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
551
589
|
var theme = (0, import_createTheme.default)({});
|
|
552
590
|
function ThemeRegistry(props) {
|
|
553
591
|
const { children } = props;
|
|
554
|
-
const [{ cache, flush }] = (0,
|
|
592
|
+
const [{ cache, flush }] = (0, import_react4.useState)(() => {
|
|
555
593
|
const cache2 = (0, import_cache.default)({
|
|
556
594
|
key: "mui",
|
|
557
595
|
stylisPlugins: [import_stylis.prefixer]
|
|
@@ -582,34 +620,39 @@ function ThemeRegistry(props) {
|
|
|
582
620
|
for (const name of names) {
|
|
583
621
|
styles += cache.inserted[name];
|
|
584
622
|
}
|
|
585
|
-
return /* @__PURE__ */
|
|
623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
586
624
|
"style",
|
|
587
625
|
{
|
|
588
|
-
key: cache.key,
|
|
589
626
|
"data-emotion": `${cache.key} ${names.join(" ")}`,
|
|
590
627
|
dangerouslySetInnerHTML: {
|
|
591
628
|
__html: styles
|
|
592
629
|
}
|
|
593
|
-
}
|
|
630
|
+
},
|
|
631
|
+
cache.key
|
|
594
632
|
);
|
|
595
633
|
});
|
|
596
|
-
return /* @__PURE__ */
|
|
634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react5.CacheProvider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_ThemeProvider.default, { theme, children: [
|
|
635
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_CssBaseline.default, {}),
|
|
636
|
+
children
|
|
637
|
+
] }) });
|
|
597
638
|
}
|
|
598
639
|
|
|
599
640
|
// src/providers/Providers.tsx
|
|
641
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
600
642
|
var Providers = ({ children }) => {
|
|
601
|
-
return /* @__PURE__ */
|
|
643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeRegistry, { children });
|
|
602
644
|
};
|
|
603
645
|
var Providers_default = Providers;
|
|
604
646
|
|
|
605
647
|
// src/components/AppBar/AppBar.tsx
|
|
606
|
-
var
|
|
648
|
+
var import_react6 = require("react");
|
|
607
649
|
var import_material12 = require("@mui/material");
|
|
608
650
|
var import_link = __toESM(require("next/link"));
|
|
651
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
609
652
|
var AppBar = ({ links }) => {
|
|
610
|
-
const [activeIndex, setActiveIndex] = (0,
|
|
611
|
-
const navItemsRef = (0,
|
|
612
|
-
(0,
|
|
653
|
+
const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
|
|
654
|
+
const navItemsRef = (0, import_react6.useRef)([]);
|
|
655
|
+
(0, import_react6.useEffect)(() => {
|
|
613
656
|
const indicator = document.querySelector(".nav-indicator");
|
|
614
657
|
const navItem = navItemsRef.current[activeIndex];
|
|
615
658
|
const navItemWidth = navItem.offsetWidth;
|
|
@@ -623,19 +666,22 @@ var AppBar = ({ links }) => {
|
|
|
623
666
|
const handleClick = (index) => {
|
|
624
667
|
setActiveIndex(index);
|
|
625
668
|
};
|
|
626
|
-
return /* @__PURE__ */
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material12.Stack, { direction: "row", spacing: 1, position: "relative", children: [
|
|
670
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material12.Box, { className: "nav-indicator" }),
|
|
671
|
+
links.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
672
|
+
import_link.default,
|
|
673
|
+
{
|
|
674
|
+
ref: (el) => {
|
|
675
|
+
navItemsRef.current[index] = el;
|
|
676
|
+
},
|
|
677
|
+
href: link.href,
|
|
678
|
+
className: `nav-item ${index === activeIndex ? "active" : ""}`,
|
|
679
|
+
onClick: () => handleClick(index),
|
|
680
|
+
children: link.title
|
|
631
681
|
},
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
onClick: () => handleClick(index)
|
|
636
|
-
},
|
|
637
|
-
link.title
|
|
638
|
-
)));
|
|
682
|
+
index
|
|
683
|
+
))
|
|
684
|
+
] });
|
|
639
685
|
};
|
|
640
686
|
var AppBar_default = AppBar;
|
|
641
687
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/index.mjs
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
// src/components/Greet.tsx
|
|
2
|
+
import { jsxs } from "react/jsx-runtime";
|
|
2
3
|
function Greet(props) {
|
|
3
4
|
const { name } = props;
|
|
4
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
6
|
+
"Hello ",
|
|
7
|
+
name
|
|
8
|
+
] });
|
|
5
9
|
}
|
|
6
10
|
|
|
7
11
|
// src/components/Button/Button.tsx
|
|
8
12
|
import ButtonMUI from "@mui/material/Button";
|
|
9
13
|
import { styled } from "@mui/material";
|
|
10
14
|
import Typography from "@mui/material/Typography";
|
|
15
|
+
import { jsx } from "react/jsx-runtime";
|
|
11
16
|
var StyledButton = styled(ButtonMUI)(() => ({
|
|
12
17
|
textTransform: "none",
|
|
13
18
|
width: "fit-content",
|
|
@@ -27,7 +32,7 @@ var StyledButton = styled(ButtonMUI)(() => ({
|
|
|
27
32
|
}));
|
|
28
33
|
var Button = (props) => {
|
|
29
34
|
const { children, base, bolt, border, small, large, ...rest } = props;
|
|
30
|
-
return /* @__PURE__ */
|
|
35
|
+
return /* @__PURE__ */ jsx(
|
|
31
36
|
StyledButton,
|
|
32
37
|
{
|
|
33
38
|
...rest,
|
|
@@ -35,21 +40,22 @@ var Button = (props) => {
|
|
|
35
40
|
className: `${base ? "bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base" : ""}
|
|
36
41
|
${small ? "py-1.5 px-4" : ""}
|
|
37
42
|
${large ? "py-5 px-10" : ""}
|
|
38
|
-
${border ? "border-b border-solid rounded-none" : ""}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
${border ? "border-b border-solid rounded-none" : ""}`,
|
|
44
|
+
children: /* @__PURE__ */ jsx(
|
|
45
|
+
Typography,
|
|
46
|
+
{
|
|
47
|
+
className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
|
|
48
|
+
children
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
}
|
|
47
52
|
);
|
|
48
53
|
};
|
|
49
54
|
var Button_default = Button;
|
|
50
55
|
|
|
51
56
|
// src/components/Button/IconButton.tsx
|
|
52
57
|
import { IconButton as IconButtonMUI, styled as styled2 } from "@mui/material";
|
|
58
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
53
59
|
var StyledButton2 = styled2(IconButtonMUI)(() => ({
|
|
54
60
|
width: "fit-content",
|
|
55
61
|
borderRadius: 0,
|
|
@@ -64,7 +70,7 @@ var StyledButton2 = styled2(IconButtonMUI)(() => ({
|
|
|
64
70
|
}));
|
|
65
71
|
var IconButton = (props) => {
|
|
66
72
|
const { children, ...rest } = props;
|
|
67
|
-
return /* @__PURE__ */
|
|
73
|
+
return /* @__PURE__ */ jsx2(StyledButton2, { ...rest, disableRipple: true, children });
|
|
68
74
|
};
|
|
69
75
|
var IconButton_default = IconButton;
|
|
70
76
|
|
|
@@ -76,6 +82,7 @@ import { Select, styled as styled3 } from "@mui/material";
|
|
|
76
82
|
var dropdown_arrow_default = "./dropdown-arrow-CDZAF5GJ.svg";
|
|
77
83
|
|
|
78
84
|
// src/components/Select/Select.tsx
|
|
85
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
79
86
|
var StyledSelect = styled3(Select)(({ open }) => ({
|
|
80
87
|
minWidth: 250,
|
|
81
88
|
"&.MuiInputBase-root": {
|
|
@@ -126,7 +133,7 @@ var CustomSelect = (props) => {
|
|
|
126
133
|
useEffect(() => {
|
|
127
134
|
if (!open) myRef.current?.classList.remove("Mui-focused");
|
|
128
135
|
}, [open]);
|
|
129
|
-
return /* @__PURE__ */
|
|
136
|
+
return /* @__PURE__ */ jsx3(
|
|
130
137
|
StyledSelect,
|
|
131
138
|
{
|
|
132
139
|
...rest,
|
|
@@ -152,9 +159,9 @@ var CustomSelect = (props) => {
|
|
|
152
159
|
}
|
|
153
160
|
}
|
|
154
161
|
},
|
|
155
|
-
IconComponent: () => /* @__PURE__ */
|
|
156
|
-
|
|
157
|
-
|
|
162
|
+
IconComponent: () => /* @__PURE__ */ jsx3(dropdown_arrow_default, {}),
|
|
163
|
+
children
|
|
164
|
+
}
|
|
158
165
|
);
|
|
159
166
|
};
|
|
160
167
|
var Select_default = CustomSelect;
|
|
@@ -180,6 +187,7 @@ import {
|
|
|
180
187
|
var close_default = "./close-4XJDSDVO.svg";
|
|
181
188
|
|
|
182
189
|
// src/components/Select/SelectPro.tsx
|
|
190
|
+
import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
183
191
|
var SelectPro = ({
|
|
184
192
|
children,
|
|
185
193
|
placeholder,
|
|
@@ -209,73 +217,83 @@ var SelectPro = ({
|
|
|
209
217
|
const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
|
|
210
218
|
collapseParent: handleClose
|
|
211
219
|
}) : children;
|
|
212
|
-
return /* @__PURE__ */
|
|
213
|
-
|
|
214
|
-
onClick: handleClick
|
|
215
|
-
}) : /* @__PURE__ */ React.createElement(
|
|
216
|
-
Button2,
|
|
217
|
-
{
|
|
220
|
+
return /* @__PURE__ */ jsx4(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs2(Box, { children: [
|
|
221
|
+
clickComponent ? cloneElement(clickComponent, {
|
|
218
222
|
ref: btn,
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
onClick: handleClick,
|
|
223
|
-
disableRipple: true,
|
|
224
|
-
fullWidth: true,
|
|
225
|
-
sx: {
|
|
226
|
-
height: small ? "34px" : "49px",
|
|
227
|
-
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
228
|
-
},
|
|
229
|
-
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"}`
|
|
230
|
-
},
|
|
231
|
-
/* @__PURE__ */ React.createElement(
|
|
232
|
-
Typography2,
|
|
223
|
+
onClick: handleClick
|
|
224
|
+
}) : /* @__PURE__ */ jsxs2(
|
|
225
|
+
Button2,
|
|
233
226
|
{
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
227
|
+
ref: btn,
|
|
228
|
+
"aria-controls": open ? "basic-menu" : void 0,
|
|
229
|
+
"aria-haspopup": "true",
|
|
230
|
+
"aria-expanded": open ? "true" : void 0,
|
|
231
|
+
onClick: handleClick,
|
|
232
|
+
disableRipple: true,
|
|
233
|
+
fullWidth: true,
|
|
234
|
+
sx: {
|
|
235
|
+
height: small ? "34px" : "49px",
|
|
236
|
+
padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
|
|
237
|
+
},
|
|
238
|
+
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"}`,
|
|
239
|
+
children: [
|
|
240
|
+
/* @__PURE__ */ jsx4(
|
|
241
|
+
Typography2,
|
|
242
|
+
{
|
|
243
|
+
className: "text-sm leading-4",
|
|
244
|
+
children: `${placeholder}`
|
|
245
|
+
}
|
|
246
|
+
),
|
|
247
|
+
colorBorder ? /* @__PURE__ */ jsx4(search_default, {}) : /* @__PURE__ */ jsx4(
|
|
248
|
+
dropdown_arrow_default,
|
|
249
|
+
{
|
|
250
|
+
style: {
|
|
251
|
+
transform: open ? "scaleY(-1)" : "scaleY(1)",
|
|
252
|
+
transition: "0.3s ease-in-out"
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
)
|
|
256
|
+
]
|
|
257
|
+
}
|
|
237
258
|
),
|
|
238
|
-
|
|
239
|
-
|
|
259
|
+
btn ? /* @__PURE__ */ jsx4(
|
|
260
|
+
Paper,
|
|
240
261
|
{
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
262
|
+
sx: {
|
|
263
|
+
position: "absolute",
|
|
264
|
+
width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
265
|
+
left: fullContainerWidth ? 0 : "initial",
|
|
266
|
+
right: fullContainerWidth ? 0 : "initial",
|
|
267
|
+
top: overButton ? 0 : "initial"
|
|
268
|
+
},
|
|
269
|
+
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`,
|
|
270
|
+
children: /* @__PURE__ */ jsxs2(Box, { className: `flex flex-col p-3 gap-3`, children: [
|
|
271
|
+
overButton ? /* @__PURE__ */ jsx4(
|
|
272
|
+
IconButton_default,
|
|
273
|
+
{
|
|
274
|
+
className: "bg-accent-silver p-1 self-end absolute",
|
|
275
|
+
onClick: handleClose,
|
|
276
|
+
children: /* @__PURE__ */ jsx4(close_default, {})
|
|
277
|
+
}
|
|
278
|
+
) : null,
|
|
279
|
+
childTitle ? /* @__PURE__ */ jsx4(
|
|
280
|
+
Typography2,
|
|
281
|
+
{
|
|
282
|
+
className: "text-sm font-normal text-accent-silver-2",
|
|
283
|
+
children: childTitle
|
|
284
|
+
}
|
|
285
|
+
) : null,
|
|
286
|
+
childrenWithHandleChange
|
|
287
|
+
] })
|
|
245
288
|
}
|
|
246
|
-
)
|
|
247
|
-
)
|
|
248
|
-
Paper,
|
|
249
|
-
{
|
|
250
|
-
sx: {
|
|
251
|
-
position: "absolute",
|
|
252
|
-
width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
253
|
-
left: fullContainerWidth ? 0 : "initial",
|
|
254
|
-
right: fullContainerWidth ? 0 : "initial",
|
|
255
|
-
top: overButton ? 0 : "initial"
|
|
256
|
-
},
|
|
257
|
-
className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`
|
|
258
|
-
},
|
|
259
|
-
/* @__PURE__ */ React.createElement(Box, { className: `flex flex-col p-3 gap-3` }, overButton ? /* @__PURE__ */ React.createElement(
|
|
260
|
-
IconButton_default,
|
|
261
|
-
{
|
|
262
|
-
className: "bg-accent-silver p-1 self-end absolute",
|
|
263
|
-
onClick: handleClose
|
|
264
|
-
},
|
|
265
|
-
/* @__PURE__ */ React.createElement(close_default, null)
|
|
266
|
-
) : null, childTitle ? /* @__PURE__ */ React.createElement(
|
|
267
|
-
Typography2,
|
|
268
|
-
{
|
|
269
|
-
className: "text-sm font-normal text-accent-silver-2"
|
|
270
|
-
},
|
|
271
|
-
childTitle
|
|
272
|
-
) : null, childrenWithHandleChange)
|
|
273
|
-
) : null));
|
|
289
|
+
) : null
|
|
290
|
+
] }) });
|
|
274
291
|
};
|
|
275
292
|
var SelectPro_default = SelectPro;
|
|
276
293
|
|
|
277
294
|
// src/components/Chip/Chip.tsx
|
|
278
295
|
import { Chip, styled as styled4 } from "@mui/material";
|
|
296
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
279
297
|
var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
|
|
280
298
|
borderRadius: theme2.shape.borderRadius
|
|
281
299
|
}));
|
|
@@ -287,7 +305,7 @@ var ChipViews = {
|
|
|
287
305
|
};
|
|
288
306
|
var CustomChip = (props) => {
|
|
289
307
|
const { view, ...rest } = props;
|
|
290
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ jsx5(
|
|
291
309
|
StyledChip,
|
|
292
310
|
{
|
|
293
311
|
className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`,
|
|
@@ -299,58 +317,62 @@ var Chip_default = CustomChip;
|
|
|
299
317
|
|
|
300
318
|
// src/components/Badge/Badge.tsx
|
|
301
319
|
import { Badge } from "@mui/material";
|
|
320
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
302
321
|
var CustomBadge = (props) => {
|
|
303
|
-
return /* @__PURE__ */
|
|
322
|
+
return /* @__PURE__ */ jsx6(Badge, { ...props });
|
|
304
323
|
};
|
|
305
324
|
var Badge_default = CustomBadge;
|
|
306
325
|
|
|
307
326
|
// src/components/Avatar/Avatar.tsx
|
|
308
327
|
import Avatar from "@mui/material/Avatar";
|
|
328
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
309
329
|
var CustomAvatar = (props) => {
|
|
310
|
-
return /* @__PURE__ */
|
|
330
|
+
return /* @__PURE__ */ jsx7(Avatar, { ...props });
|
|
311
331
|
};
|
|
312
332
|
var Avatar_default = CustomAvatar;
|
|
313
333
|
|
|
314
334
|
// src/components/Text/Text.tsx
|
|
315
335
|
import Typography3 from "@mui/material/Typography";
|
|
336
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
316
337
|
var Text = (props) => {
|
|
317
338
|
const { children, ...rest } = props;
|
|
318
|
-
return /* @__PURE__ */
|
|
339
|
+
return /* @__PURE__ */ jsx8(Typography3, { ...rest, children });
|
|
319
340
|
};
|
|
320
341
|
var Text_default = Text;
|
|
321
342
|
|
|
322
343
|
// src/components/Radio/Radio.tsx
|
|
323
|
-
import React2 from "react";
|
|
324
344
|
import Radio from "@mui/material/Radio";
|
|
325
345
|
import FormControlLabel from "@mui/material/FormControlLabel";
|
|
346
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
326
347
|
var CustomRadio = (props) => {
|
|
327
348
|
const { value, label, radioProps, labelProps } = props;
|
|
328
349
|
if (label && value)
|
|
329
|
-
return /* @__PURE__ */
|
|
350
|
+
return /* @__PURE__ */ jsx9(
|
|
330
351
|
FormControlLabel,
|
|
331
352
|
{
|
|
332
353
|
value,
|
|
333
|
-
control: /* @__PURE__ */
|
|
354
|
+
control: /* @__PURE__ */ jsx9(Radio, { ...radioProps }),
|
|
334
355
|
label,
|
|
335
356
|
...labelProps
|
|
336
357
|
}
|
|
337
358
|
);
|
|
338
|
-
return /* @__PURE__ */
|
|
359
|
+
return /* @__PURE__ */ jsx9(Radio, { ...radioProps });
|
|
339
360
|
};
|
|
340
361
|
var Radio_default = CustomRadio;
|
|
341
362
|
|
|
342
363
|
// src/components/RadioGroup/RadioGroup.tsx
|
|
343
|
-
import React3 from "react";
|
|
344
364
|
import RadioGroup from "@mui/material/RadioGroup";
|
|
365
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
345
366
|
var CustomRadioGroup = (props) => {
|
|
346
367
|
const { children, ...rest } = props;
|
|
347
|
-
return /* @__PURE__ */
|
|
368
|
+
return /* @__PURE__ */ jsx10(RadioGroup, { ...rest, children });
|
|
348
369
|
};
|
|
349
370
|
var RadioGroup_default = CustomRadioGroup;
|
|
350
371
|
|
|
351
372
|
// src/components/Switch/Switch.tsx
|
|
352
373
|
import { Stack, styled as styled5, Switch as SwitchMUI } from "@mui/material";
|
|
353
374
|
import Typography4 from "@mui/material/Typography";
|
|
375
|
+
import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
354
376
|
var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
|
|
355
377
|
width: 60,
|
|
356
378
|
height: 30,
|
|
@@ -394,20 +416,26 @@ var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
|
|
|
394
416
|
}));
|
|
395
417
|
var CustomSwitch = (props) => {
|
|
396
418
|
const { beforeText, afterText, ...rest } = props;
|
|
397
|
-
return /* @__PURE__ */
|
|
419
|
+
return /* @__PURE__ */ jsxs3(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
|
|
420
|
+
beforeText ? /* @__PURE__ */ jsx11(Typography4, { className: "text-base", children: beforeText }) : null,
|
|
421
|
+
/* @__PURE__ */ jsx11(Switch, { defaultChecked: true, ...rest, disableRipple: true }),
|
|
422
|
+
afterText ? /* @__PURE__ */ jsx11(Typography4, { className: "text-base", children: afterText }) : null
|
|
423
|
+
] });
|
|
398
424
|
};
|
|
399
425
|
var Switch_default = CustomSwitch;
|
|
400
426
|
|
|
401
427
|
// src/components/Slider/Slider.tsx
|
|
402
428
|
import { Slider, styled as styled6 } from "@mui/material";
|
|
429
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
403
430
|
var StyledSlider = styled6(Slider)(() => ({}));
|
|
404
431
|
var CustomSlider = (props) => {
|
|
405
|
-
return /* @__PURE__ */
|
|
432
|
+
return /* @__PURE__ */ jsx12(StyledSlider, { ...props });
|
|
406
433
|
};
|
|
407
434
|
var Slider_default = CustomSlider;
|
|
408
435
|
|
|
409
436
|
// src/components/MenuItem/MenuItem.tsx
|
|
410
437
|
import { MenuItem, styled as styled7 } from "@mui/material";
|
|
438
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
411
439
|
var StyledMenuItem = styled7(MenuItem)(() => ({
|
|
412
440
|
borderRadius: "5px",
|
|
413
441
|
"&.Mui-selected": {
|
|
@@ -417,13 +445,14 @@ var StyledMenuItem = styled7(MenuItem)(() => ({
|
|
|
417
445
|
}));
|
|
418
446
|
var CustomMenuItem = (props) => {
|
|
419
447
|
const { children, ...rest } = props;
|
|
420
|
-
return /* @__PURE__ */
|
|
448
|
+
return /* @__PURE__ */ jsx13(StyledMenuItem, { ...rest, children });
|
|
421
449
|
};
|
|
422
450
|
var MenuItem_default = CustomMenuItem;
|
|
423
451
|
|
|
424
452
|
// src/components/Input/Input.tsx
|
|
425
453
|
import { InputAdornment, styled as styled8 } from "@mui/material";
|
|
426
454
|
import Input from "@mui/material/Input";
|
|
455
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
427
456
|
var StyledInput = styled8(Input)(() => ({
|
|
428
457
|
"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
|
|
429
458
|
display: "none"
|
|
@@ -440,12 +469,12 @@ var CustomInput = (props) => {
|
|
|
440
469
|
event.stopPropagation();
|
|
441
470
|
}
|
|
442
471
|
};
|
|
443
|
-
return /* @__PURE__ */
|
|
472
|
+
return /* @__PURE__ */ jsx14(
|
|
444
473
|
StyledInput,
|
|
445
474
|
{
|
|
446
475
|
disableUnderline: true,
|
|
447
476
|
onKeyDown: handleKeyDown,
|
|
448
|
-
startAdornment: adornmentText ? /* @__PURE__ */
|
|
477
|
+
startAdornment: adornmentText ? /* @__PURE__ */ jsx14(InputAdornment, { position: "start", className: "text-sm", children: adornmentText }) : void 0,
|
|
449
478
|
value,
|
|
450
479
|
componentsProps: {
|
|
451
480
|
root: {
|
|
@@ -462,10 +491,11 @@ var Input_default = CustomInput;
|
|
|
462
491
|
// src/components/Input/PhoneInput.tsx
|
|
463
492
|
import { PatternFormat } from "react-number-format";
|
|
464
493
|
import { forwardRef } from "react";
|
|
494
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
465
495
|
var PhoneInput = forwardRef(
|
|
466
496
|
function NumericFormatCustom(props, ref) {
|
|
467
497
|
const { onChange, ...other } = props;
|
|
468
|
-
return /* @__PURE__ */
|
|
498
|
+
return /* @__PURE__ */ jsx15(
|
|
469
499
|
PatternFormat,
|
|
470
500
|
{
|
|
471
501
|
...other,
|
|
@@ -490,8 +520,15 @@ var PhoneInput_default = PhoneInput;
|
|
|
490
520
|
// src/components/Input/FromToInput.tsx
|
|
491
521
|
import { Stack as Stack2 } from "@mui/material";
|
|
492
522
|
import Typography5 from "@mui/material/Typography";
|
|
523
|
+
import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
493
524
|
var FromToInput = ({ label }) => {
|
|
494
|
-
return /* @__PURE__ */
|
|
525
|
+
return /* @__PURE__ */ jsxs4(Stack2, { children: [
|
|
526
|
+
label ? /* @__PURE__ */ jsx16(Typography5, { className: "text-accent-dark text-xs", children: label }) : null,
|
|
527
|
+
/* @__PURE__ */ jsxs4(Stack2, { direction: "row", spacing: 1, children: [
|
|
528
|
+
/* @__PURE__ */ jsx16(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }),
|
|
529
|
+
/* @__PURE__ */ jsx16(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })
|
|
530
|
+
] })
|
|
531
|
+
] });
|
|
495
532
|
};
|
|
496
533
|
var FromToInput_default = FromToInput;
|
|
497
534
|
|
|
@@ -504,6 +541,7 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
|
|
|
504
541
|
import createTheme from "@mui/material/styles/createTheme";
|
|
505
542
|
import CssBaseline from "@mui/material/CssBaseline";
|
|
506
543
|
import { prefixer } from "stylis";
|
|
544
|
+
import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
507
545
|
var theme = createTheme({});
|
|
508
546
|
function ThemeRegistry(props) {
|
|
509
547
|
const { children } = props;
|
|
@@ -538,23 +576,27 @@ function ThemeRegistry(props) {
|
|
|
538
576
|
for (const name of names) {
|
|
539
577
|
styles += cache.inserted[name];
|
|
540
578
|
}
|
|
541
|
-
return /* @__PURE__ */
|
|
579
|
+
return /* @__PURE__ */ jsx17(
|
|
542
580
|
"style",
|
|
543
581
|
{
|
|
544
|
-
key: cache.key,
|
|
545
582
|
"data-emotion": `${cache.key} ${names.join(" ")}`,
|
|
546
583
|
dangerouslySetInnerHTML: {
|
|
547
584
|
__html: styles
|
|
548
585
|
}
|
|
549
|
-
}
|
|
586
|
+
},
|
|
587
|
+
cache.key
|
|
550
588
|
);
|
|
551
589
|
});
|
|
552
|
-
return /* @__PURE__ */
|
|
590
|
+
return /* @__PURE__ */ jsx17(CacheProvider, { value: cache, children: /* @__PURE__ */ jsxs5(ThemeProvider, { theme, children: [
|
|
591
|
+
/* @__PURE__ */ jsx17(CssBaseline, {}),
|
|
592
|
+
children
|
|
593
|
+
] }) });
|
|
553
594
|
}
|
|
554
595
|
|
|
555
596
|
// src/providers/Providers.tsx
|
|
597
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
556
598
|
var Providers = ({ children }) => {
|
|
557
|
-
return /* @__PURE__ */
|
|
599
|
+
return /* @__PURE__ */ jsx18(ThemeRegistry, { children });
|
|
558
600
|
};
|
|
559
601
|
var Providers_default = Providers;
|
|
560
602
|
|
|
@@ -562,6 +604,7 @@ var Providers_default = Providers;
|
|
|
562
604
|
import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
|
|
563
605
|
import { Box as Box2, Stack as Stack3 } from "@mui/material";
|
|
564
606
|
import Link from "next/link";
|
|
607
|
+
import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
565
608
|
var AppBar = ({ links }) => {
|
|
566
609
|
const [activeIndex, setActiveIndex] = useState4(0);
|
|
567
610
|
const navItemsRef = useRef2([]);
|
|
@@ -579,19 +622,22 @@ var AppBar = ({ links }) => {
|
|
|
579
622
|
const handleClick = (index) => {
|
|
580
623
|
setActiveIndex(index);
|
|
581
624
|
};
|
|
582
|
-
return /* @__PURE__ */
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
625
|
+
return /* @__PURE__ */ jsxs6(Stack3, { direction: "row", spacing: 1, position: "relative", children: [
|
|
626
|
+
/* @__PURE__ */ jsx19(Box2, { className: "nav-indicator" }),
|
|
627
|
+
links.map((link, index) => /* @__PURE__ */ jsx19(
|
|
628
|
+
Link,
|
|
629
|
+
{
|
|
630
|
+
ref: (el) => {
|
|
631
|
+
navItemsRef.current[index] = el;
|
|
632
|
+
},
|
|
633
|
+
href: link.href,
|
|
634
|
+
className: `nav-item ${index === activeIndex ? "active" : ""}`,
|
|
635
|
+
onClick: () => handleClick(index),
|
|
636
|
+
children: link.title
|
|
587
637
|
},
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
onClick: () => handleClick(index)
|
|
592
|
-
},
|
|
593
|
-
link.title
|
|
594
|
-
)));
|
|
638
|
+
index
|
|
639
|
+
))
|
|
640
|
+
] });
|
|
595
641
|
};
|
|
596
642
|
var AppBar_default = AppBar;
|
|
597
643
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mayak-common-library",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -40,6 +40,10 @@
|
|
|
40
40
|
"tsup": "^8.1.0",
|
|
41
41
|
"typescript": "^5"
|
|
42
42
|
},
|
|
43
|
+
"peerDependencies": {
|
|
44
|
+
"react": ">=18",
|
|
45
|
+
"react-dom": ">=18"
|
|
46
|
+
},
|
|
43
47
|
"browserslist": [
|
|
44
48
|
">0.3%",
|
|
45
49
|
"not dead",
|