@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 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__ */ jsx$1(TelicentMark, { fontSize: "large" }),
55011
- /* @__PURE__ */ jsx$1(TelicentBrand, {}),
55012
- /* @__PURE__ */ jsx$1(Typography, { variant: "h1", color: "primary", sx: {
55013
- fontFamily: "Figtree",
55014
- fontSize: 40,
55015
- fontWeight: 400
55016
- }, children: appName == null ? void 0 : appName.toUpperCase() }),
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__ */ jsx$1(TelicentMark, { fontSize: "large" }),
55029
- /* @__PURE__ */ jsx$1(TelicentBrand, {}),
55030
- /* @__PURE__ */ jsx$1(Typography, { variant: "h1", color: "primary", sx: {
55031
- fontFamily: "Figtree",
55032
- fontSize: 40,
55033
- fontWeight: 400
55034
- }, children: appName == null ? void 0 : appName.toUpperCase() }),
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>;
@@ -10,6 +10,7 @@ export type AppBarProps = Partial<{
10
10
  version?: string;
11
11
  onClick?: (event?: Event | React.SyntheticEvent) => void;
12
12
  isElevated?: boolean;
13
+ disableBrand?: boolean;
13
14
  }>;
14
15
  declare const AppBar: React.FC<AppBarProps>;
15
16
  export default AppBar;
@@ -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;
@@ -5,3 +5,4 @@ declare const meta: Meta<typeof Modal>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof Modal>;
7
7
  export declare const Example: Story;
8
+ export declare const WithNoCloseButton: Story;
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/telicent-oss/telicent-ds.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "0.20.0",
10
+ "version": "0.21.1",
11
11
  "private": false,
12
12
  "dependencies": {
13
13
  "@emotion/react": "^11.10.6",