@telicent-oss/ds 0.24.0 → 0.25.0

package/dist/ds.js

@@ -61224,6 +61224,21 @@ const Modal2 = ({
     children2
   ] }) });
 };
+const ErrorFallbackText = ({
+  name,
+  message
+}) => /* @__PURE__ */ jsx$1(Typography, { textAlign: "center", color: "textSecondary", children: message ?? `⚠️ ${name || "Component"} failed to load` });
+const ErrorFallbackWrapper = ({
+  children: children2,
+  height: height2 = 256,
+  sx
+}) => /* @__PURE__ */ jsx$1(Box, { display: "flex", justifyContent: "center", alignItems: "center", height: height2, sx, children: children2 });
+const ErrorFallback = ({
+  name,
+  message,
+  height: height2 = 256,
+  sx
+}) => /* @__PURE__ */ jsx$1(ErrorFallbackWrapper, { height: height2, sx, children: /* @__PURE__ */ jsx$1(ErrorFallbackText, { name, message }) });
 const MountedMapsContext = React$2.createContext(null);
 const MapProvider = (props) => {
   const [maps, setMaps] = useState({});
@@ -81066,6 +81081,9 @@ export {
   DragHandleIcon,
   DropdownButton,
   ENCODE_SEARCH_PARAMS_MODES_Schema,
+  ErrorFallback,
+  ErrorFallbackText,
+  ErrorFallbackWrapper,
   FeatureMap,
   Panel as FixedPanel,
   FlexBox,

package/dist/ds.umd.cjs

@@ -61242,6 +61242,21 @@ Please use another name.` : formatMuiErrorMessage$1(18));
       children2
     ] }) });
   };
+  const ErrorFallbackText = ({
+    name,
+    message
+  }) => /* @__PURE__ */ jsx$1(Typography, { textAlign: "center", color: "textSecondary", children: message ?? `⚠️ ${name || "Component"} failed to load` });
+  const ErrorFallbackWrapper = ({
+    children: children2,
+    height: height2 = 256,
+    sx
+  }) => /* @__PURE__ */ jsx$1(Box, { display: "flex", justifyContent: "center", alignItems: "center", height: height2, sx, children: children2 });
+  const ErrorFallback = ({
+    name,
+    message,
+    height: height2 = 256,
+    sx
+  }) => /* @__PURE__ */ jsx$1(ErrorFallbackWrapper, { height: height2, sx, children: /* @__PURE__ */ jsx$1(ErrorFallbackText, { name, message }) });
   const MountedMapsContext = React__namespace.createContext(null);
   const MapProvider = (props) => {
     const [maps, setMaps] = React$2.useState({});
@@ -81088,6 +81103,9 @@ uniform ${i3} ${s4} u_${a3};
   exports2.DragHandleIcon = DragHandleIcon;
   exports2.DropdownButton = DropdownButton;
   exports2.ENCODE_SEARCH_PARAMS_MODES_Schema = ENCODE_SEARCH_PARAMS_MODES_Schema;
+  exports2.ErrorFallback = ErrorFallback;
+  exports2.ErrorFallbackText = ErrorFallbackText;
+  exports2.ErrorFallbackWrapper = ErrorFallbackWrapper;
   exports2.FeatureMap = FeatureMap;
   exports2.FixedPanel = Panel;
   exports2.FlexBox = FlexBox;

package/dist/logout-syncer/sw.js

@@ -1,5 +1,5 @@
 /// <reference lib="webworker" />
-console.info("sw.js version: 0.24.0");
+console.info("sw.js version: 0.25.0");
 self.addEventListener("install", () => self.skipWaiting());
 self.addEventListener("activate", (event) =>
   event.waitUntil(self.clients.claim())

package/dist/src/export.d.ts

@@ -11,7 +11,7 @@ export * from './v1/components/inputs';
 export * from './v1/components/layout';
 export * from './v1/components/surfaces';
 export * from './v1/theme';
-export { Modal, type ModalProps } from './v1/components/utils/index';
+export * from './v1/components/utils/index';
 export * from './component-library/Map';
 export { getCodec, type Codec, base64Codec, uriComponentCodec, ENCODE_SEARCH_PARAMS_MODES_Schema, type ENCODE_SEARCH_PARAMS_MODES_Type, toStringEncoded, type URLSearchParamsInit, GRAPH_APP, } from './candidate-packages/utils-lib/src/index';
 export { setupWipe, WipeConfigSchema, type WipeConfig, } from './candidate-packages/logout-syncer/setupWipe';

package/dist/src/v1/components/utils/ErrorFallback/ErrorFallback.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ErrorFallbackTextProps } from './ErrorFallbackText';
+import { ErrorFallbackWrapperProps } from './ErrorFallbackWrapper';
+
+export type ErrorFallbackProps = Omit<ErrorFallbackWrapperProps, "children"> & ErrorFallbackTextProps;
+export declare const ErrorFallback: React.FC<ErrorFallbackProps>;

package/dist/src/v1/components/utils/ErrorFallback/ErrorFallback.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { ErrorFallbackProps } from './ErrorFallback';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<ErrorFallbackProps>;
+    tags: string[];
+    args: {
+        name: string;
+        message: undefined;
+        height: number;
+        sx: undefined;
+    };
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        height?: (number | string) | undefined;
+        sx?: import('@mui/material').SxProps<import('@mui/material').Theme> | undefined;
+        name?: string | undefined;
+        message?: string | undefined;
+    }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DefaultError: Story;
+export declare const CustomMessage: Story;
+export declare const CustomNameAndStyle: Story;
+export declare const ExplicitHeight: Story;

package/dist/src/v1/components/utils/ErrorFallback/ErrorFallbackText.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export type ErrorFallbackTextProps = {
+    name?: string;
+    message?: string;
+};
+export declare const ErrorFallbackText: React.FC<ErrorFallbackTextProps>;

package/dist/src/v1/components/utils/ErrorFallback/ErrorFallbackText.stories.d.ts

@@ -0,0 +1,47 @@
+import { StoryObj } from '@storybook/react';
+import { ErrorFallbackTextProps } from './ErrorFallbackText';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<ErrorFallbackTextProps>;
+    tags: string[];
+    args: {
+        name: string;
+        message: undefined;
+    };
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        name?: string | undefined;
+        message?: string | undefined;
+    }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * DefaultText:
+ * - When `message` is passed, it overrides `name`.
+ * - Renders exactly the given `message`.
+ */
+export declare const Defaults: Story;
+/**
+ * WithMessage:
+ * - When `message` is passed, it overrides `name`.
+ * - Renders exactly the given `message`.
+ */
+export declare const DefaultText: Story;
+/**
+ * WithName:
+ * - When `message` is undefined, uses `name` to generate:
+ *   "⚠️ {name} failed to load".
+ */
+export declare const WithName: Story;
+/**
+ * WithNameAndMessage:
+ * - When `message` and `name` set, `message` wins
+ */
+export declare const WithNameAndMessage: Story;
+/**
+ * WithNameAndMessage:
+ * - When `message` is undefined, uses `name` to generate:
+ *   "⚠️ {name} failed to load".
+ */
+export declare const Long: Story;

package/dist/src/v1/components/utils/ErrorFallback/ErrorFallbackWrapper.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+
+export type ErrorFallbackWrapperProps = {
+    children: React.ReactNode;
+    height?: number | string;
+    sx?: SxProps<Theme>;
+};
+export declare const ErrorFallbackWrapper: React.FC<ErrorFallbackWrapperProps>;

package/dist/src/v1/components/utils/ErrorFallback/ErrorFallbackWrapper.stories.d.ts

@@ -0,0 +1,65 @@
+import { StoryObj } from '@storybook/react';
+import { ErrorFallbackWrapperProps } from './ErrorFallbackWrapper';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<ErrorFallbackWrapperProps>;
+    tags: string[];
+    args: {};
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        children: import('react').ReactNode;
+        height?: (number | string) | undefined;
+        sx?: import('@mui/material').SxProps<import('@mui/material').Theme> | undefined;
+    }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default:
+ * - Uses ErrorFallbackWrapper with default `height = 256`.
+ * - Renders `<ErrorFallbackText name="MyComponent" />` inside.
+ */
+export declare const Default: Story;
+/**
+ * CustomMessage:
+ * - Pass `message` to ErrorFallbackText for custom error text.
+ */
+export declare const CustomMessage: Story;
+/**
+ * CustomHeight:
+ * - Overrides `height` prop on ErrorFallbackWrapper (150px vs default 256px).
+ */
+export declare const CustomHeight: Story;
+/**
+ * StyledWrapper:
+ * - Locally wraps ErrorFallbackWrapper in a MUI ThemeProvider that defines
+ *   `background.paper` and `error.main` tokens so the background renders.
+ */
+export declare const StyledWrapper: {
+    args: {
+        height: number;
+        sx: (theme: any) => {
+            width: string;
+            backgroundColor: any;
+            border: number;
+            borderColor: any;
+            borderRadius: number;
+            p: number;
+        };
+        children: import("@emotion/react/jsx-runtime").JSX.Element;
+    };
+    render: (args: ErrorFallbackWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+/**
+ * TextOnly:
+ * - Demonstrates using ErrorFallbackText on its own (no wrapper).
+ * - Useful when centering or container is handled externally.
+ */
+export declare const TextOnly: Story;

package/dist/src/v1/components/utils/ErrorFallback/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorFallback, type ErrorFallbackProps } from './ErrorFallback';
+export { ErrorFallbackText, type ErrorFallbackTextProps } from './ErrorFallbackText';
+export { ErrorFallbackWrapper, type ErrorFallbackWrapperProps } from './ErrorFallbackWrapper';

package/dist/src/v1/components/utils/index.d.ts

@@ -1 +1,2 @@
 export { Modal, type ModalProps } from './Modal/Modal';
+export * from './ErrorFallback';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",