@telicent-oss/ds 0.20.0 → 0.21.1
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/ds.js +13 -9
- package/dist/ds.umd.cjs +13 -9
- package/dist/src/v1/components/data-display/AppSwitch/AppSwitch.stories.d.ts +6 -0
- package/dist/src/v1/components/surfaces/AppBar/AppBar.d.ts +1 -0
- package/dist/src/v1/components/surfaces/AppBar/AppBar.stories.d.ts +2 -0
- package/dist/src/v1/components/utils/Modal/Modal.d.ts +1 -0
- package/dist/src/v1/components/utils/Modal/Modal.stories.d.ts +1 -0
- package/package.json +1 -1
package/dist/ds.js
CHANGED
|
@@ -54987,7 +54987,8 @@ const AppBar2 = ({
|
|
|
54987
54987
|
endChild,
|
|
54988
54988
|
version,
|
|
54989
54989
|
onClick,
|
|
54990
|
-
isElevated
|
|
54990
|
+
isElevated,
|
|
54991
|
+
disableBrand
|
|
54991
54992
|
}) => {
|
|
54992
54993
|
const theme = useExtendedTheme();
|
|
54993
54994
|
return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, sx: {
|
|
@@ -55007,13 +55008,15 @@ const AppBar2 = ({
|
|
|
55007
55008
|
transform: "translate(-50%, -50%);",
|
|
55008
55009
|
cursor: onClick ? "pointer" : "default"
|
|
55009
55010
|
}, onClick, children: [
|
|
55010
|
-
/* @__PURE__ */
|
|
55011
|
-
|
|
55012
|
-
|
|
55013
|
-
|
|
55014
|
-
|
|
55015
|
-
|
|
55016
|
-
|
|
55011
|
+
!disableBrand && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55012
|
+
/* @__PURE__ */ jsx$1(TelicentMark, { fontSize: "large" }),
|
|
55013
|
+
/* @__PURE__ */ jsx$1(TelicentBrand, {}),
|
|
55014
|
+
/* @__PURE__ */ jsx$1(Typography, { variant: "h1", color: "primary", sx: {
|
|
55015
|
+
fontFamily: "Figtree",
|
|
55016
|
+
fontSize: 40,
|
|
55017
|
+
fontWeight: 400
|
|
55018
|
+
}, children: appName == null ? void 0 : appName.toUpperCase() })
|
|
55019
|
+
] }),
|
|
55017
55020
|
version && /* @__PURE__ */ jsx$1(Box, { position: "absolute", bottom: 5, fontSize: 12, left: "calc(100% - 12px)", paddingInline: 0.5, sx: {
|
|
55018
55021
|
color: theme.palette.secondary.contrastText,
|
|
55019
55022
|
whiteSpace: "nowrap",
|
|
@@ -61094,6 +61097,7 @@ const modalPropsSchema = allModalPropsSchema.omit({
|
|
|
61094
61097
|
}).passthrough();
|
|
61095
61098
|
const Modal2 = ({
|
|
61096
61099
|
children: children2,
|
|
61100
|
+
hideCloseButton,
|
|
61097
61101
|
...props
|
|
61098
61102
|
}) => {
|
|
61099
61103
|
modalPropsSchema.parse({
|
|
@@ -61120,7 +61124,7 @@ const Modal2 = ({
|
|
|
61120
61124
|
/* @__PURE__ */ jsx$1(Box, { sx: {
|
|
61121
61125
|
display: "flex",
|
|
61122
61126
|
justifyContent: "flex-end"
|
|
61123
|
-
}, children: /* @__PURE__ */ jsxs(Button$1, { onClick: (event) => {
|
|
61127
|
+
}, children: !hideCloseButton && /* @__PURE__ */ jsxs(Button$1, { onClick: (event) => {
|
|
61124
61128
|
var _a2;
|
|
61125
61129
|
return (_a2 = props.onClose) == null ? void 0 : _a2.call(props, event, "closeButtonClick");
|
|
61126
61130
|
}, color: "inherit", sx: {
|
package/dist/ds.umd.cjs
CHANGED
|
@@ -55005,7 +55005,8 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
55005
55005
|
endChild,
|
|
55006
55006
|
version,
|
|
55007
55007
|
onClick,
|
|
55008
|
-
isElevated
|
|
55008
|
+
isElevated,
|
|
55009
|
+
disableBrand
|
|
55009
55010
|
}) => {
|
|
55010
55011
|
const theme = useExtendedTheme();
|
|
55011
55012
|
return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, sx: {
|
|
@@ -55025,13 +55026,15 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
55025
55026
|
transform: "translate(-50%, -50%);",
|
|
55026
55027
|
cursor: onClick ? "pointer" : "default"
|
|
55027
55028
|
}, onClick, children: [
|
|
55028
|
-
/* @__PURE__ */
|
|
55029
|
-
|
|
55030
|
-
|
|
55031
|
-
|
|
55032
|
-
|
|
55033
|
-
|
|
55034
|
-
|
|
55029
|
+
!disableBrand && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55030
|
+
/* @__PURE__ */ jsx$1(TelicentMark, { fontSize: "large" }),
|
|
55031
|
+
/* @__PURE__ */ jsx$1(TelicentBrand, {}),
|
|
55032
|
+
/* @__PURE__ */ jsx$1(Typography, { variant: "h1", color: "primary", sx: {
|
|
55033
|
+
fontFamily: "Figtree",
|
|
55034
|
+
fontSize: 40,
|
|
55035
|
+
fontWeight: 400
|
|
55036
|
+
}, children: appName == null ? void 0 : appName.toUpperCase() })
|
|
55037
|
+
] }),
|
|
55035
55038
|
version && /* @__PURE__ */ jsx$1(Box, { position: "absolute", bottom: 5, fontSize: 12, left: "calc(100% - 12px)", paddingInline: 0.5, sx: {
|
|
55036
55039
|
color: theme.palette.secondary.contrastText,
|
|
55037
55040
|
whiteSpace: "nowrap",
|
|
@@ -61112,6 +61115,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
61112
61115
|
}).passthrough();
|
|
61113
61116
|
const Modal = ({
|
|
61114
61117
|
children: children2,
|
|
61118
|
+
hideCloseButton,
|
|
61115
61119
|
...props
|
|
61116
61120
|
}) => {
|
|
61117
61121
|
modalPropsSchema.parse({
|
|
@@ -61138,7 +61142,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
61138
61142
|
/* @__PURE__ */ jsx$1(Box, { sx: {
|
|
61139
61143
|
display: "flex",
|
|
61140
61144
|
justifyContent: "flex-end"
|
|
61141
|
-
}, children: /* @__PURE__ */ jsxs(Button$1, { onClick: (event) => {
|
|
61145
|
+
}, children: !hideCloseButton && /* @__PURE__ */ jsxs(Button$1, { onClick: (event) => {
|
|
61142
61146
|
var _a2;
|
|
61143
61147
|
return (_a2 = props.onClose) == null ? void 0 : _a2.call(props, event, "closeButtonClick");
|
|
61144
61148
|
}, color: "inherit", sx: {
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { default as AppSwitch } from './AppSwitch';
|
|
3
3
|
|
|
4
|
+
export declare const appList: {
|
|
5
|
+
id: string;
|
|
6
|
+
name: string;
|
|
7
|
+
url: string;
|
|
8
|
+
icon: string;
|
|
9
|
+
}[];
|
|
4
10
|
declare const meta: Meta<typeof AppSwitch>;
|
|
5
11
|
export default meta;
|
|
6
12
|
type Story = StoryObj<typeof AppSwitch>;
|
|
@@ -9,3 +9,5 @@ export declare const WithAppName: Story;
|
|
|
9
9
|
export declare const WithUserProfile: Story;
|
|
10
10
|
export declare const WithVersionNumber: Story;
|
|
11
11
|
export declare const WithSignOutButton: Story;
|
|
12
|
+
export declare const WithAppSwitch: Story;
|
|
13
|
+
export declare const WithNoBrand: Story;
|
|
@@ -3,6 +3,7 @@ import { ModalProps as MUIModalProps } from '@mui/material/Modal';
|
|
|
3
3
|
|
|
4
4
|
export type ModalProps = Omit<MUIModalProps, "slots" | "slotProps" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "components" | "componentsProps" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onTransitionEnter" | "onTransitionExit"> & {
|
|
5
5
|
onClose: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeButtonClick") => void) | undefined;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
};
|
|
7
8
|
export declare const Modal: React.FC<ModalProps>;
|
|
8
9
|
export default Modal;
|