@xylabs/sdk-react 2.9.11 → 2.9.15

package/package.json

@@ -22,7 +22,7 @@
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.16.12",
+    "@babel/core": "^7.17.0",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@ethersproject/abstract-signer": "^5.5.0",
@@ -35,24 +35,25 @@
     "@rollup/plugin-replace": "^3.0.1",
     "@rollup/plugin-strip": "^2.1.0",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@storybook/addon-actions": "^6.4.17",
-    "@storybook/addon-docs": "^6.4.17",
-    "@storybook/addon-essentials": "^6.4.17",
-    "@storybook/addon-links": "^6.4.17",
-    "@storybook/components": "^6.4.17",
-    "@storybook/core-events": "^6.4.17",
-    "@storybook/react": "^6.4.17",
+    "@storybook/addon-actions": "^6.4.18",
+    "@storybook/addon-docs": "^6.4.18",
+    "@storybook/addon-essentials": "^6.4.18",
+    "@storybook/addon-links": "^6.4.18",
+    "@storybook/components": "^6.4.18",
+    "@storybook/core-events": "^6.4.18",
+    "@storybook/react": "^6.4.18",
     "@types/bn.js": "^5.1.0",
     "@types/lodash": "^4.14.178",
     "@types/md5": "^2.3.1",
     "@types/node": "^17",
     "@types/numeral": "^2",
     "@types/react": "^17",
+    "@types/react-dom": "^17",
     "@xylabs/eslint-config-react": "^2",
-    "@xylabs/pixel": "^1.3.3",
+    "@xylabs/pixel": "^1.3.6",
     "@xylabs/rollup-config": "^1.1.5",
-    "@xylabs/ts-scripts": "^1.0.37",
-    "@xylabs/tsconfig": "^1.0.9",
+    "@xylabs/ts-scripts": "^1.0.39",
+    "@xylabs/tsconfig": "^1.0.11",
     "babel-loader": "^8.2.3",
     "copyfiles": "^2.4.1",
     "eslint": "^8",
@@ -123,5 +124,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "version": "2.9.11"
+  "version": "2.9.15"
 }

package/src/components/Pixel/PixelDebugger.stories.tsx

@@ -0,0 +1,37 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { PixelApi, XyPixel } from '@xylabs/pixel'
+import { useEffect } from 'react'
+
+import { PixelDebuggerToggle } from './index'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: PixelDebuggerToggle,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'Components/PixelDebuggerToggle',
+} as ComponentMeta<typeof PixelDebuggerToggle>
+
+const Template: ComponentStory<typeof PixelDebuggerToggle> = (args) => {
+  useEffect(() => {
+    XyPixel.selectApi(new PixelApi('local'))
+    XyPixel.init('storybookPixel')
+  }, [])
+  return (
+    <div>
+      <PixelDebuggerToggle {...args} />
+      <div id="pixelPortal" />
+    </div>
+  )
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Pixel/PixelDebugger.tsx

@@ -0,0 +1,76 @@
+import { Badge, Card, Divider, Typography, useTheme } from '@mui/material'
+import { useState } from 'react'
+
+import { ButtonEx } from '../ButtonEx'
+import { FlexCol } from '../FlexBox'
+import { usePixelAltSendHandler } from './hooks'
+import { PixelEvent } from './models'
+
+export const PixelDebugger: React.FC = () => {
+  //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand
+  const theme = useTheme()
+  const [displayEvents, setDisplayEvents] = useState(false)
+  const [events, setEvents] = useState<PixelEvent[]>([])
+
+  usePixelAltSendHandler((event: string, fields?: Record<string, unknown>) => {
+    setEvents((events) => [{ event, fields }, ...events])
+  })
+
+  return (
+    <div style={{ bottom: 0, left: 0, position: 'fixed', width: 350 }}>
+      <Badge badgeContent={events.length} color="primary" sx={{ width: '100%' }}>
+        <Card
+          variant="outlined"
+          sx={{
+            backdropFilter: 'blur(16px) saturate(180%)',
+            backgroundColor: 'rgba(18, 18, 18, .70)',
+            overflowY: 'auto',
+            width: '100%',
+          }}
+          color={theme.palette.primary.main}
+        >
+          <FlexCol alignItems="stretch" sx={{ flexFlow: 'column', maxHeight: 400 }}>
+            <FlexCol alignItems="stretch" sx={{ flex: '0 1 auto' }}>
+              <ButtonEx variant="text" onClick={() => setDisplayEvents(!displayEvents)}>
+                XY Pixel Debugger
+              </ButtonEx>
+            </FlexCol>
+            {displayEvents && !!events.length && (
+              <FlexCol
+                alignItems="stretch"
+                alignContent="start"
+                padding={2}
+                sx={{ cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' }}
+              >
+                {events.map((e, index) => (
+                  <PixelEventDetails key={`${e.event}-${index}`} events={events} index={index} {...e} />
+                ))}
+              </FlexCol>
+            )}
+            {displayEvents && !events.length && <Typography variant="subtitle2">No Events</Typography>}
+          </FlexCol>
+        </Card>
+      </Badge>
+    </div>
+  )
+}
+
+const PixelEventDetails: React.FC<PixelEvent & { index: number; events: PixelEvent[] }> = ({
+  event,
+  fields,
+  index,
+  events,
+}) => {
+  const [isOpen, setIsOpen] = useState(false)
+  return (
+    <FlexCol alignItems="stretch" marginBottom={0.5} onClick={() => setIsOpen(!isOpen)}>
+      <Typography variant="subtitle2">{event}</Typography>
+      {isOpen && (
+        <Typography marginBottom={0.5} variant="caption">
+          {JSON.stringify(fields, null, 2)}
+        </Typography>
+      )}
+      {events[index + 1] && <Divider />}
+    </FlexCol>
+  )
+}

package/src/components/Pixel/PixelDebuggerToggle.tsx

@@ -0,0 +1,24 @@
+import { FormControl, FormLabel, Switch } from '@mui/material'
+
+import { useLocalStorage } from '../../hooks'
+import { BusyBoxProps, FlexRow } from '../FlexBox'
+import { Portal } from '../Portal'
+import { PixelDebugger } from './PixelDebugger'
+
+export const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {
+  const [showDebugger, setDebugger] = useLocalStorage<boolean>('isDebuggingPixel', false)
+
+  return (
+    <FlexRow {...props}>
+      <FormControl>
+        <FormLabel>Enable Debugger</FormLabel>
+        <Switch checked={showDebugger} onClick={() => setDebugger(!showDebugger)} />
+      </FormControl>
+      {showDebugger && (
+        <Portal target="#pixelPortal">
+          <PixelDebugger />
+        </Portal>
+      )}
+    </FlexRow>
+  )
+}

package/src/components/Pixel/hooks/index.ts

@@ -0,0 +1,23 @@
+import { XyPixel } from '@xylabs/pixel'
+import { useEffect, useState } from 'react'
+
+export const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {
+  const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()
+  useEffect(() => {
+    if (!pixelSend && XyPixel.instance.send) {
+      const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)
+      setPixelSend(oldHandler)
+    } else {
+      XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>) => {
+        altHandler(event, fields)
+        return await pixelSend?.(event, fields)
+      }
+    }
+    return () => {
+      //restore send on unmount
+      if (pixelSend) {
+        XyPixel.instance.send = pixelSend
+      }
+    }
+  }, [pixelSend, altHandler])
+}

package/src/components/Pixel/index.ts

@@ -0,0 +1,2 @@
+export * from './PixelDebugger'
+export * from './PixelDebuggerToggle'

package/src/components/Pixel/models/index.ts

@@ -0,0 +1,4 @@
+export interface PixelEvent {
+  event: string
+  fields?: unknown
+}

package/src/components/Portal/Portal.tsx

@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
+
+import { PortalProps } from './PortalProps'
+
+export const Portal: React.FC<PortalProps> = ({ children, className, el = 'div', target = 'body' }: PortalProps) => {
+  const [container] = useState(document.createElement(el))
+  if (className) {
+    container.classList.add(className)
+  }
+  useEffect(() => {
+    const targetElement = document.querySelector(target)
+    if (!targetElement) {
+      console.warn(`Unable to find target element: ${target}`)
+    }
+    targetElement?.appendChild(container)
+    return () => {
+      targetElement?.removeChild(container)
+    }
+  }, [container, target])
+
+  return createPortal(children, container)
+}

package/src/components/Portal/PortalProps.ts

@@ -0,0 +1,6 @@
+export interface PortalProps {
+  children: React.ReactNode
+  className?: string
+  el?: string
+  target?: string
+}

package/src/components/Portal/index.ts

@@ -0,0 +1,2 @@
+export * from './Portal'
+export * from './PortalProps'

package/src/components/index.ts

@@ -17,6 +17,8 @@ export * from './FlexBox'
 export * from './InvertableThemeProvider'
 export * from './LinkEx'
 export * from './NumberStatus'
+export * from './Pixel'
+export * from './Portal'
 export * from './QuickTipButton'
 export * from './RichResult'
 export * from './ScrollToTop'

package/src/hooks/useLocalStorage.ts

@@ -14,10 +14,8 @@ export const useLocalStorage = <T>(key: string, defaultValue: T): [T, (value: T)
   })
 
   const setValue = (value: T) => {
-    console.log('setValue', value)
     setStoredValue(value)
     setLocalStorageObject(key, value)
-    console.log('getValue from ls', getLocalStorageObject(key))
   }
 
   return [storedValue, setValue]

package/dist/BoxlikeComponentProps.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-import { Margin } from './Margin';
-import { Padding } from './Padding';
-declare type FlexValue = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
-interface BoxlikeComponentProps {
-    alignContent?: FlexValue;
-    alignItems?: FlexValue;
-    alignSelf?: FlexValue;
-    bgcolor?: string;
-    border?: string;
-    borderColor?: string;
-    display?: 'block' | 'inline' | 'flex' | 'innline-block' | 'inherit';
-    flexDirection?: 'row' | 'column';
-    flexGrow?: number;
-    flexShrink?: number;
-    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-    height?: number | string;
-    justifyContent?: FlexValue;
-    justifyItems?: FlexValue;
-    justifySelf?: FlexValue;
-    margin?: Margin;
-    marginBottom?: Margin;
-    marginLeft?: Margin;
-    marginRight?: Margin;
-    marginTop?: Margin;
-    marginX?: Margin;
-    marginY?: Margin;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    padding?: Padding;
-    paddingBottom?: Padding;
-    paddingLeft?: Padding;
-    paddingRight?: Padding;
-    paddingTop?: Padding;
-    paddingX?: Padding;
-    paddingY?: Padding;
-    position?: 'static' | 'absolute' | 'fixed' | 'relative' | 'sticky' | 'initial' | 'inherit';
-    style?: React.CSSProperties;
-    width?: number | string;
-}
-export type { BoxlikeComponentProps };

package/dist/BoxlikeComponentProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BoxlikeComponentProps.js.map

package/dist/BoxlikeComponentProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxlikeComponentProps.js","sourceRoot":"","sources":["../src/BoxlikeComponentProps.ts"],"names":[],"mappings":""}

package/dist/BusyProps.d.ts

@@ -1,13 +0,0 @@
-import { CircularProgressProps, LinearProgressProps } from '@mui/material';
-declare type MaterialUIThemeColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-declare type BusyVariant = 'circular' | 'linear';
-interface BusyProps {
-    busy?: boolean;
-    busyOpacity?: string | number;
-    busyColor?: MaterialUIThemeColor;
-    busyVariant?: BusyVariant;
-    busyCircularProps?: CircularProgressProps;
-    busyLinearProps?: LinearProgressProps;
-    busySize?: number;
-}
-export type { BusyProps };

package/dist/BusyProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BusyProps.js.map

package/dist/BusyProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BusyProps.js","sourceRoot":"","sources":["../src/BusyProps.ts"],"names":[],"mappings":""}

package/dist/Margin.d.ts

@@ -1,2 +0,0 @@
-declare type Margin = string | number | undefined;
-export type { Margin };

package/dist/Margin.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Margin.js.map

package/dist/Margin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Margin.js","sourceRoot":"","sources":["../src/Margin.ts"],"names":[],"mappings":""}

package/dist/Padding.d.ts

@@ -1,2 +0,0 @@
-declare type Padding = string | number | undefined;
-export type { Padding };

package/dist/Padding.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Padding.js.map

package/dist/Padding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Padding.js","sourceRoot":"","sources":["../src/Padding.ts"],"names":[],"mappings":""}

package/dist/calcSpacing.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from '@mui/material';
-import { Margin } from './Margin';
-declare const calcSpacing: (theme: Theme, values: Margin[]) => string | undefined;
-export { calcSpacing };

package/dist/calcSpacing.js

@@ -1,15 +0,0 @@
-var calcSpacing = function (theme, values) {
-    for (var i = 0; i < values.length; i++) {
-        var value = values[i];
-        if (value !== undefined) {
-            if (typeof value === 'string') {
-                return value;
-            }
-            else if (typeof value === 'number') {
-                return theme.spacing(value);
-            }
-        }
-    }
-};
-export { calcSpacing };
-//# sourceMappingURL=calcSpacing.js.map

package/dist/calcSpacing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calcSpacing.js","sourceRoot":"","sources":["../src/calcSpacing.ts"],"names":[],"mappings":"AAIA,IAAM,WAAW,GAAG,UAAC,KAAY,EAAE,MAAgB;IACjD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACtC,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;QACvB,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,KAAK,CAAA;aACb;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;aAC5B;SACF;KACF;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/cjs5/BoxlikeComponentProps.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-import { Margin } from './Margin';
-import { Padding } from './Padding';
-declare type FlexValue = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
-interface BoxlikeComponentProps {
-    alignContent?: FlexValue;
-    alignItems?: FlexValue;
-    alignSelf?: FlexValue;
-    bgcolor?: string;
-    border?: string;
-    borderColor?: string;
-    display?: 'block' | 'inline' | 'flex' | 'innline-block' | 'inherit';
-    flexDirection?: 'row' | 'column';
-    flexGrow?: number;
-    flexShrink?: number;
-    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-    height?: number | string;
-    justifyContent?: FlexValue;
-    justifyItems?: FlexValue;
-    justifySelf?: FlexValue;
-    margin?: Margin;
-    marginBottom?: Margin;
-    marginLeft?: Margin;
-    marginRight?: Margin;
-    marginTop?: Margin;
-    marginX?: Margin;
-    marginY?: Margin;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    padding?: Padding;
-    paddingBottom?: Padding;
-    paddingLeft?: Padding;
-    paddingRight?: Padding;
-    paddingTop?: Padding;
-    paddingX?: Padding;
-    paddingY?: Padding;
-    position?: 'static' | 'absolute' | 'fixed' | 'relative' | 'sticky' | 'initial' | 'inherit';
-    style?: React.CSSProperties;
-    width?: number | string;
-}
-export type { BoxlikeComponentProps };

package/dist/cjs5/BusyProps.d.ts

@@ -1,13 +0,0 @@
-import { CircularProgressProps, LinearProgressProps } from '@mui/material';
-declare type MaterialUIThemeColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-declare type BusyVariant = 'circular' | 'linear';
-interface BusyProps {
-    busy?: boolean;
-    busyOpacity?: string | number;
-    busyColor?: MaterialUIThemeColor;
-    busyVariant?: BusyVariant;
-    busyCircularProps?: CircularProgressProps;
-    busyLinearProps?: LinearProgressProps;
-    busySize?: number;
-}
-export type { BusyProps };

package/dist/cjs5/Margin.d.ts

@@ -1,2 +0,0 @@
-declare type Margin = string | number | undefined;
-export type { Margin };

package/dist/cjs5/Padding.d.ts

@@ -1,2 +0,0 @@
-declare type Padding = string | number | undefined;
-export type { Padding };

package/dist/cjs5/calcSpacing.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from '@mui/material';
-import { Margin } from './Margin';
-declare const calcSpacing: (theme: Theme, values: Margin[]) => string | undefined;
-export { calcSpacing };

package/dist/cjs5/components/AppBarEx/AppBarEx.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { AppBarExProps } from './AppBarExProps';
-declare const AppBarEx: React.FC<AppBarExProps>;
-export { AppBarEx };

package/dist/cjs5/components/AppBarEx/AppBarEx.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./AppBarExProps").AppBarExProps>>;
-declare const Empty: ComponentStory<import("react").FC<import("./AppBarExProps").AppBarExProps>>;
-export { Empty };
-export default StorybookEntry;

package/dist/cjs5/components/AppBarEx/AppBarExProps.d.ts

@@ -1,8 +0,0 @@
-import { AppBarProps, ToolbarProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface AppBarExProps extends AppBarProps {
-    container?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-    contextToolbar?: ReactElement<ToolbarProps>;
-    systemToolbar?: ReactElement<ToolbarProps>;
-}
-export type { AppBarExProps };

package/dist/cjs5/components/AppBarEx/index.d.ts

@@ -1,4 +0,0 @@
-import { AppBarEx } from './AppBarEx';
-import { AppBarExProps } from './AppBarExProps';
-export { AppBarEx };
-export type { AppBarExProps };

package/dist/cjs5/components/Background.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { FlexBoxProps } from './FlexBox';
-/**
- * @deprecated The functionality of Background is now part of FlexBox.  Use the 'background' property to enable the background.
- */
-declare const Background: React.FC<FlexBoxProps>;
-export { Background };

package/dist/cjs5/components/BasePage/BasePage.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BasePageProps } from './BasePageProps';
-declare const BasePage: React.FC<BasePageProps>;
-export { BasePage };

package/dist/cjs5/components/BasePage/BasePage.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./BasePageProps").BasePageProps>>;
-declare const Default: ComponentStory<import("react").FC<import("./BasePageProps").BasePageProps>>;
-export { Default };
-export default StorybookEntry;

package/dist/cjs5/components/BasePage/BasePageProps.d.ts

@@ -1,19 +0,0 @@
-import { BoxProps } from '@mui/material';
-import { ReactElement, ReactNode } from 'react';
-import { AppBarExProps } from '../AppBarEx';
-interface BasePageProps extends BoxProps {
-    appBar?: ReactElement<AppBarExProps>;
-    appFooter?: ReactElement;
-    beta?: boolean;
-    container?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-    disableGutters?: boolean;
-    filterBar?: ReactElement;
-    hideAppBar?: boolean;
-    hideFilterBar?: boolean;
-    hideFooter?: boolean;
-    noindex?: boolean;
-    cookieConsent?: ReactNode;
-    scrollToTopButton?: boolean;
-    title?: string;
-}
-export type { BasePageProps };

package/dist/cjs5/components/BasePage/index.d.ts

@@ -1,4 +0,0 @@
-import { BasePage } from './BasePage';
-import { BasePageProps } from './BasePageProps';
-export { BasePage };
-export type { BasePageProps };

package/dist/cjs5/components/Breadcrumbs/BreadcrumbsEx.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BreadcrumbsExProps } from './BreadcrumbsExProps';
-declare const BreadcrumbsEx: React.FC<BreadcrumbsExProps>;
-export { BreadcrumbsEx };

package/dist/cjs5/components/Breadcrumbs/BreadcrumbsEx.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./BreadcrumbsExProps").BreadcrumbsExProps>>;
-declare const SingleLevel: ComponentStory<import("react").FC<import("./BreadcrumbsExProps").BreadcrumbsExProps>>;
-declare const DoubleLevel: ComponentStory<import("react").FC<import("./BreadcrumbsExProps").BreadcrumbsExProps>>;
-export { DoubleLevel, SingleLevel };
-export default StorybookEntry;

package/dist/cjs5/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/cjs5/components/Breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-import { BreadcrumbsEx } from './BreadcrumbsEx';
-export { BreadcrumbsEx };

package/dist/cjs5/components/BusyCircularProgress.d.ts

@@ -1,10 +0,0 @@
-import { CircularProgressProps } from '@mui/material';
-import React from 'react';
-interface Props extends CircularProgressProps {
-    opacity?: number | string;
-    bgcolor?: string;
-    rounded?: boolean;
-    size?: string | number;
-}
-declare const BusyCircularProgress: React.FC<Props>;
-export { BusyCircularProgress };

package/dist/cjs5/components/BusyLinearProgress.d.ts

@@ -1,9 +0,0 @@
-import { LinearProgressProps } from '@mui/material';
-import React from 'react';
-interface Props extends LinearProgressProps {
-    opacity?: string | number;
-    rounded?: boolean;
-    bgcolor?: string;
-}
-declare const BusyLinearProgress: React.FC<Props>;
-export { BusyLinearProgress };

package/dist/cjs5/components/ButtonEx/ButtonEx.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ButtonExProps } from './ButtonExProps';
-declare const ButtonEx: React.FC<ButtonExProps>;
-export { ButtonEx };

package/dist/cjs5/components/ButtonEx/ButtonEx.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-declare const Default: ComponentStory<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-declare const BusyCircular: ComponentStory<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-declare const BusyLinear: ComponentStory<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-export { BusyCircular, BusyLinear, Default };
-export default StorybookEntry;

package/dist/cjs5/components/ButtonEx/ButtonExBase.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ButtonExProps } from './ButtonExProps';
-declare const ButtonExBase: React.FC<ButtonExProps>;
-export { ButtonExBase };