@codezee/sixtify-brahma 0.2.103 → 0.2.104
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/package.json +1 -1
- package/packages/shared-components/dist/Actions/CalendarIconAction.d.ts +4 -2
- package/packages/shared-components/dist/Actions/CalendarIconAction.d.ts.map +1 -1
- package/packages/shared-components/dist/Actions/CalendarIconAction.js +2 -2
- package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts +1 -1
- package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts.map +1 -1
- package/packages/shared-components/dist/Card/CardItem/CardItemValue.js +7 -8
- package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.js +1 -1
- package/packages/shared-components/dist/FormFields/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/DateTimePicker/DateTimePicker.js +1 -1
- package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.d.ts +1 -1
- package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.js +21 -1
- package/packages/shared-components/dist/Stepper/Stepper.d.ts +3 -1
- package/packages/shared-components/dist/Stepper/Stepper.d.ts.map +1 -1
- package/packages/shared-components/dist/Stepper/Stepper.js +18 -17
package/package.json
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import type { IconButtonProps } from "@mui/material";
|
|
2
|
-
export type CalendarIconActionProps = IconButtonProps
|
|
3
|
-
|
|
2
|
+
export type CalendarIconActionProps = IconButtonProps & {
|
|
3
|
+
showTooltip?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare const CalendarIconAction: ({ showTooltip, ...props }: CalendarIconActionProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
6
|
//# sourceMappingURL=CalendarIconAction.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/CalendarIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CalendarIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/CalendarIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2BAGhC,uBAAuB,4CAQzB,CAAC"}
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const Svgs_1 = require("../Svgs");
|
|
7
7
|
const Tooltip_1 = require("../Tooltip");
|
|
8
|
-
const CalendarIconAction = (props) => {
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { color: "#4C5D70" }, ...props, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Calendar", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgCalendar, {}) }) }));
|
|
8
|
+
const CalendarIconAction = ({ showTooltip = true, ...props }) => {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { color: "#4C5D70" }, ...props, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { hidden: !showTooltip, toolTipLabel: "Calendar", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgCalendar, {}) }) }));
|
|
10
10
|
};
|
|
11
11
|
exports.CalendarIconAction = CalendarIconAction;
|
|
@@ -10,6 +10,6 @@ type CardItemValueProps = {
|
|
|
10
10
|
variant?: AvatarOwnProps["variant"];
|
|
11
11
|
containerSx?: SxProps;
|
|
12
12
|
};
|
|
13
|
-
export declare const CardItemValue: (
|
|
13
|
+
export declare const CardItemValue: import("react").ForwardRefExoticComponent<CardItemValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
14
14
|
export {};
|
|
15
15
|
//# sourceMappingURL=CardItemValue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAIpE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,gHAiFzB,CAAC"}
|
|
@@ -3,19 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.CardItemValue = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
exports.CardItemValue = (0, react_1.forwardRef)(({ title, subTitle, avatar, loading = false, showAvatar = false, isHideTitle = false, variant = "circular", sx, containerSx, }, ref) => {
|
|
7
8
|
const theme = (0, material_1.useTheme)();
|
|
8
9
|
const { slate, iron } = theme.palette.app.color;
|
|
9
10
|
if (loading) {
|
|
10
11
|
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px ", flex: "1", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [avatar && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "30px", animation: "wave", width: "30px" })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "150px" })] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "200px" }))] }));
|
|
11
12
|
}
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "50%", sx: containerSx, gap: "10px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [showAvatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant }), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "50%", sx: containerSx, gap: "10px", flex: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", flex: 1, children: [showAvatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant }), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { ref: ref, variant: "body1", sx: {
|
|
14
|
+
width: "100%",
|
|
13
15
|
fontWeight: 400,
|
|
14
16
|
color: slate[900],
|
|
15
|
-
maxWidth: "inherit",
|
|
16
17
|
...sx,
|
|
17
|
-
}, noWrap: true, children: title ? title : "-" }))] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
};
|
|
21
|
-
exports.CardItemValue = CardItemValue;
|
|
18
|
+
}, noWrap: true, children: title ? title : "-" }))] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: { color: iron[500] }, noWrap: true, children: subTitle }))] }));
|
|
19
|
+
});
|
|
20
|
+
exports.CardItemValue.displayName = "CardItemValue";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAsMpB"}
|
|
@@ -78,7 +78,7 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
78
78
|
error: !!localError || error,
|
|
79
79
|
helperText: localError ?? helperText,
|
|
80
80
|
InputProps: {
|
|
81
|
-
endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { disabled: disabled, onClick: () => setOpen(true) })),
|
|
81
|
+
endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { disabled: disabled, onClick: () => setOpen(true), showTooltip: false })),
|
|
82
82
|
sx: {
|
|
83
83
|
"& .MuiInputAdornment-root": {
|
|
84
84
|
width: "30px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC5E,sBAAsB,CAAC,eAAe,CAAC,GACvC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAwCL,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,MAA2B,EAC3B,UAAU,EACV,WAAW,EACX,gBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC5E,sBAAsB,CAAC,eAAe,CAAC,GACvC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAwCL,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,MAA2B,EAC3B,UAAU,EACV,WAAW,EACX,gBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAyLxB"}
|
|
@@ -65,7 +65,7 @@ function DateTimePicker({ control, defaultValue, disabled = false, label, readOn
|
|
|
65
65
|
helperText,
|
|
66
66
|
error,
|
|
67
67
|
InputProps: {
|
|
68
|
-
endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { onClick: () => setOpen(true) })),
|
|
68
|
+
endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { showTooltip: false, onClick: () => setOpen(true) })),
|
|
69
69
|
sx: {
|
|
70
70
|
"& .MuiInputAdornment-root": {
|
|
71
71
|
width: "30px",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ListItemButtonProps as MuiListItemButtonProps } from "@mui/material";
|
|
2
|
-
import type
|
|
2
|
+
import { type ReactNode } from "react";
|
|
3
3
|
export type ListItemButtonProps = MuiListItemButtonProps & {
|
|
4
4
|
label: string;
|
|
5
5
|
actions?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,eAAe,CAAC;AACvB,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,uBAAuB,EAC3B,EAAE,mBAAmB,2CAiErB"}
|
|
@@ -3,10 +3,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ListItemButton = ListItemButton;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
+
const react_1 = require("react");
|
|
6
7
|
const Tooltip_1 = require("../../Tooltip");
|
|
7
8
|
const ListItemButton_styled_1 = require("./ListItemButton.styled");
|
|
8
9
|
function ListItemButton({ label, selected, actions, companyName, ...restListItemButtonProps }) {
|
|
9
10
|
const theme = (0, material_1.useTheme)();
|
|
10
11
|
const { iron } = theme.palette.app.color;
|
|
11
|
-
|
|
12
|
+
const textRef = (0, react_1.useRef)(null);
|
|
13
|
+
const [isOverflowed, setIsOverflowed] = (0, react_1.useState)(false);
|
|
14
|
+
//useMemo is not allowed on side effects.
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
16
|
+
const el = textRef.current;
|
|
17
|
+
if (!el) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const handleResize = () => setIsOverflowed(el.scrollWidth > el.clientWidth);
|
|
21
|
+
handleResize();
|
|
22
|
+
window.addEventListener("resize", handleResize);
|
|
23
|
+
return () => window.removeEventListener("resize", handleResize);
|
|
24
|
+
}, [label, companyName]);
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(ListItemButton_styled_1.StyledListItemButton, { selected: selected, alignItems: "flex-start", ...restListItemButtonProps, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", direction: "column", flex: 1, display: "grid", children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: label, checkOverflow: !isOverflowed, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, ref: textRef, sx: {
|
|
26
|
+
width: "auto",
|
|
27
|
+
whiteSpace: "nowrap",
|
|
28
|
+
overflow: "hidden",
|
|
29
|
+
textOverflow: "ellipsis",
|
|
30
|
+
display: "block",
|
|
31
|
+
}, children: label }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: iron[800], children: companyName })] }), actions] }) }));
|
|
12
32
|
}
|
|
@@ -6,7 +6,9 @@ type StepperProps = MuiStepperProps & {
|
|
|
6
6
|
showActiveStepIcon?: boolean;
|
|
7
7
|
stepLabelProps?: StepLabelProps;
|
|
8
8
|
onStepClick?: (stepIndex: number) => void;
|
|
9
|
+
showTooltips?: boolean;
|
|
10
|
+
showStepLabels?: boolean;
|
|
9
11
|
};
|
|
10
|
-
export declare const Stepper: ({ orientation, activeStep, stepLabelProps, steps, stepUrls, errorSteps, onStepClick, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Stepper: ({ orientation, activeStep, stepLabelProps, steps, stepUrls, errorSteps, onStepClick, showTooltips, showStepLabels, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
export {};
|
|
12
14
|
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,eAAe,EAC/B,cAAc,EACf,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,eAAe,EAC/B,cAAc,EACf,MAAM,eAAe,CAAC;AAYvB,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,8HAWrB,YAAY,4CAmEd,CAAC"}
|
|
@@ -4,7 +4,7 @@ exports.Stepper = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const navigation_1 = require("next/navigation");
|
|
7
|
-
const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, stepUrls = [], errorSteps = [], onStepClick, ...rest }) => {
|
|
7
|
+
const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, stepUrls = [], errorSteps = [], onStepClick, showTooltips = false, showStepLabels = true, ...rest }) => {
|
|
8
8
|
const theme = (0, material_1.useTheme)();
|
|
9
9
|
const router = (0, navigation_1.useRouter)();
|
|
10
10
|
const { butterflyBlue, red } = theme.palette.app.color;
|
|
@@ -18,24 +18,25 @@ const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps =
|
|
|
18
18
|
};
|
|
19
19
|
return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { activeStep: activeStep, orientation: orientation, ...rest, children: steps.map((label, index) => {
|
|
20
20
|
const isError = errorSteps.includes(index);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
const stepLabelContent = ((0, jsx_runtime_1.jsx)(material_1.StepLabel, { ...stepLabelProps, error: isError, sx: {
|
|
22
|
+
cursor: (stepUrls[index] ?? onStepClick) ? "pointer" : "default",
|
|
23
|
+
".Mui-active .MuiStepIcon-root": {
|
|
24
|
+
color: `${butterflyBlue[900]} !important`,
|
|
25
|
+
},
|
|
26
|
+
".Mui-completed .MuiStepIcon-root": {
|
|
27
|
+
color: `${butterflyBlue[900]} !important`,
|
|
28
|
+
},
|
|
29
|
+
...(isError && {
|
|
30
|
+
".MuiStepIcon-root": {
|
|
31
|
+
color: `${red[900]} !important`,
|
|
25
32
|
},
|
|
26
|
-
".
|
|
27
|
-
color: `${
|
|
33
|
+
".MuiStepLabel-label": {
|
|
34
|
+
color: `${red[900]} !important`,
|
|
28
35
|
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
".MuiStepLabel-label": {
|
|
34
|
-
color: `${red[900]} !important`,
|
|
35
|
-
},
|
|
36
|
-
}),
|
|
37
|
-
...stepLabelProps.sx,
|
|
38
|
-
}, onClick: () => handleStepClick(index), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label }) }) }, label));
|
|
36
|
+
}),
|
|
37
|
+
...stepLabelProps.sx,
|
|
38
|
+
}, onClick: () => handleStepClick(index), children: showStepLabels && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label })) }));
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Step, { children: showTooltips ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: label, placement: "top", children: stepLabelContent })) : (stepLabelContent) }, label));
|
|
39
40
|
}) }) }));
|
|
40
41
|
};
|
|
41
42
|
exports.Stepper = Stepper;
|