mayak-common-library 0.0.82 → 0.0.83
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 +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +4 -3
- package/dist/index.mjs +4 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -4,6 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import React__default, { FC, PropsWithChildren, ReactElement, MouseEvent } from 'react';
|
|
5
5
|
import { IconButtonProps } from '@mui/material/IconButton/IconButton';
|
|
6
6
|
import { SelectProps } from '@mui/material/Select/Select';
|
|
7
|
+
import { SystemStyleObject } from '@mui/system/styleFunctionSx/styleFunctionSx';
|
|
7
8
|
import { ChipProps, ToggleButtonGroupProps as ToggleButtonGroupProps$1, ToggleButtonProps } from '@mui/material';
|
|
8
9
|
import { BadgeProps } from '@mui/material/Badge/Badge';
|
|
9
10
|
import { AvatarProps } from '@mui/material/Avatar/Avatar';
|
|
@@ -55,6 +56,7 @@ interface SelectProProps {
|
|
|
55
56
|
openUp?: boolean;
|
|
56
57
|
intermediateChild?: ReactElement;
|
|
57
58
|
accentBgColor?: true;
|
|
59
|
+
paperSx?: SystemStyleObject;
|
|
58
60
|
}
|
|
59
61
|
declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
|
|
60
62
|
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import React__default, { FC, PropsWithChildren, ReactElement, MouseEvent } from 'react';
|
|
5
5
|
import { IconButtonProps } from '@mui/material/IconButton/IconButton';
|
|
6
6
|
import { SelectProps } from '@mui/material/Select/Select';
|
|
7
|
+
import { SystemStyleObject } from '@mui/system/styleFunctionSx/styleFunctionSx';
|
|
7
8
|
import { ChipProps, ToggleButtonGroupProps as ToggleButtonGroupProps$1, ToggleButtonProps } from '@mui/material';
|
|
8
9
|
import { BadgeProps } from '@mui/material/Badge/Badge';
|
|
9
10
|
import { AvatarProps } from '@mui/material/Avatar/Avatar';
|
|
@@ -55,6 +56,7 @@ interface SelectProProps {
|
|
|
55
56
|
openUp?: boolean;
|
|
56
57
|
intermediateChild?: ReactElement;
|
|
57
58
|
accentBgColor?: true;
|
|
59
|
+
paperSx?: SystemStyleObject;
|
|
58
60
|
}
|
|
59
61
|
declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
|
|
60
62
|
|
package/dist/index.js
CHANGED
|
@@ -307,7 +307,8 @@ var SelectPro = ({
|
|
|
307
307
|
freeChildWidth = false,
|
|
308
308
|
openUp,
|
|
309
309
|
intermediateChild,
|
|
310
|
-
accentBgColor
|
|
310
|
+
accentBgColor,
|
|
311
|
+
paperSx
|
|
311
312
|
}) => {
|
|
312
313
|
const [btn, setAnchorEl] = (0, import_react2.useState)(null);
|
|
313
314
|
const [open, setOpen] = (0, import_react2.useState)(false);
|
|
@@ -378,7 +379,7 @@ var SelectPro = ({
|
|
|
378
379
|
btn ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
379
380
|
import_material4.Paper,
|
|
380
381
|
{
|
|
381
|
-
sx: (theme2) => ({
|
|
382
|
+
sx: (theme2) => __spreadValues({
|
|
382
383
|
backgroundColor: accentBgColor ? "#F5F5F5" : "#fff",
|
|
383
384
|
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
384
385
|
// left: fullContainerWidth ? 0 : "initial",
|
|
@@ -387,7 +388,7 @@ var SelectPro = ({
|
|
|
387
388
|
[theme2.breakpoints.up("sm")]: {
|
|
388
389
|
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "115%"
|
|
389
390
|
}
|
|
390
|
-
}),
|
|
391
|
+
}, paperSx),
|
|
391
392
|
className: `absolute select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
392
393
|
children: [
|
|
393
394
|
intermediateChild ? intermediateChild : null,
|
package/dist/index.mjs
CHANGED
|
@@ -248,7 +248,8 @@ var SelectPro = ({
|
|
|
248
248
|
freeChildWidth = false,
|
|
249
249
|
openUp,
|
|
250
250
|
intermediateChild,
|
|
251
|
-
accentBgColor
|
|
251
|
+
accentBgColor,
|
|
252
|
+
paperSx
|
|
252
253
|
}) => {
|
|
253
254
|
const [btn, setAnchorEl] = useState2(null);
|
|
254
255
|
const [open, setOpen] = useState2(false);
|
|
@@ -319,7 +320,7 @@ var SelectPro = ({
|
|
|
319
320
|
btn ? /* @__PURE__ */ jsxs3(
|
|
320
321
|
Paper,
|
|
321
322
|
{
|
|
322
|
-
sx: (theme2) => ({
|
|
323
|
+
sx: (theme2) => __spreadValues({
|
|
323
324
|
backgroundColor: accentBgColor ? "#F5F5F5" : "#fff",
|
|
324
325
|
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "100%",
|
|
325
326
|
// left: fullContainerWidth ? 0 : "initial",
|
|
@@ -328,7 +329,7 @@ var SelectPro = ({
|
|
|
328
329
|
[theme2.breakpoints.up("sm")]: {
|
|
329
330
|
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "115%"
|
|
330
331
|
}
|
|
331
|
-
}),
|
|
332
|
+
}, paperSx),
|
|
332
333
|
className: `absolute select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
333
334
|
children: [
|
|
334
335
|
intermediateChild ? intermediateChild : null,
|