@xylabs/sdk-react 2.8.3 → 2.9.2

package/package.json

@@ -9,16 +9,16 @@
     "url": "https://github.com/xylabs/sdk-react/issues"
   },
   "dependencies": {
-    "@types/numeral": "^2.0.2",
-    "@types/react-helmet": "^6.1.5",
-    "@xylabs/sdk-js": "^2.3.27",
-    "axios": "^0.24.0",
-    "lodash": "^4.17.21",
-    "md5": "^2.3.0",
-    "numeral": "^2.0.6",
-    "query-string": "^7.1.0",
-    "react-helmet": "^6.1.0",
-    "react-icons": "^4.3.1"
+    "@types/react-helmet": "^6",
+    "@xylabs/sdk-js": "^2",
+    "axios": "^0",
+    "bn.js": "^5",
+    "lodash": "^4",
+    "md5": "^2",
+    "numeral": "^2",
+    "query-string": "^7",
+    "react-helmet": "^6",
+    "react-icons": "^4"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
@@ -26,34 +26,34 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@ethersproject/abstract-signer": "^5.5.0",
-    "@ethersproject/providers": "^5.5.1",
-    "@mui/icons-material": "^5.2.5",
-    "@mui/material": "^5.2.7",
-    "@mui/styles": "^5.2.3",
+    "@ethersproject/providers": "^5.5.2",
+    "@mui/icons-material": "^5.3.0",
+    "@mui/material": "^5.3.0",
+    "@mui/styles": "^5.3.0",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-replace": "^3.0.1",
     "@rollup/plugin-strip": "^2.1.0",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@storybook/addon-actions": "^6.4.9",
-    "@storybook/addon-docs": "^6.4.9",
-    "@storybook/addon-essentials": "^6.4.9",
-    "@storybook/addon-links": "^6.4.9",
-    "@storybook/components": "^6.4.9",
-    "@storybook/core-events": "^6.4.9",
-    "@storybook/react": "^6.4.9",
+    "@storybook/addon-actions": "^6.4.13",
+    "@storybook/addon-docs": "^6.4.13",
+    "@storybook/addon-essentials": "^6.4.13",
+    "@storybook/addon-links": "^6.4.13",
+    "@storybook/components": "^6.4.13",
+    "@storybook/core-events": "^6.4.13",
+    "@storybook/react": "^6.4.13",
     "@types/bn.js": "^5.1.0",
     "@types/lodash": "^4.14.178",
     "@types/md5": "^2.3.1",
-    "@types/node": "^17.0.8",
+    "@types/node": "^17.0.10",
+    "@types/numeral": "^2",
     "@types/react": "^17",
     "@xylabs/eslint-config-react": "^2",
     "@xylabs/pixel": "^1.2.6",
-    "@xylabs/rollup-config": "^1.0.5",
+    "@xylabs/rollup-config": "^1.1.1",
     "@xylabs/ts-scripts": "^1.0.24",
-    "@xylabs/tsconfig": "^1.0.8",
+    "@xylabs/tsconfig": "^1.0.9",
     "babel-loader": "^8.2.3",
-    "bn.js": "^5.2.0",
     "copyfiles": "^2.4.1",
     "eslint": "^8",
     "eslint-plugin-prettier": "^4.0.0",
@@ -64,7 +64,7 @@
     "react-dom": "^17.0.2",
     "react-router-dom": "^6",
     "rollbar": "^2",
-    "rollup": "^2.63.0",
+    "rollup": "^2.64.0",
     "rollup-plugin-svg": "^2.0.0",
     "ts-node": "^10.4.0",
     "tslib": "^2.3.1",
@@ -103,7 +103,6 @@
     "@mui/styles": "^5",
     "@xylabs/pixel": "^1",
     "@xylabs/sdk-js": "^2",
-    "bn.js": "^5",
     "react": "^17",
     "react-dom": "^17",
     "react-router-dom": "^6"
@@ -131,5 +130,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "version": "2.8.3"
+  "version": "2.9.2"
 }

package/rollup.config.js

@@ -2,4 +2,4 @@ import { getRollupConfig } from '@xylabs/rollup-config'
 
 import pkg from './package.json'
 
-export default getRollupConfig(pkg)
+export default getRollupConfig({pkg})

package/src/components/BasePage/BasePage.stories.tsx

@@ -15,8 +15,13 @@ const StorybookEntry = {
 
 const Template: ComponentStory<typeof BasePage> = (args) => <BasePage {...args}></BasePage>
 
+const AppBar = () => <div>AppBar</div>
+const FilterBar = () => <div>FilterBar</div>
+
 const Default = Template.bind({})
 Default.args = {
+  appBar: <AppBar />,
+  filterBar: <FilterBar />,
   title: 'Default',
 }
 

package/src/components/BasePage/BasePage.tsx

@@ -18,7 +18,9 @@ const BasePage: React.FC<BasePageProps> = ({
   appFooter,
   appBar,
   cookieConsent,
+  filterBar,
   hideAppBar,
+  hideFilterBar,
   noindex = false,
   scrollToTopButton = false,
   title,
@@ -40,6 +42,7 @@ const BasePage: React.FC<BasePageProps> = ({
       <Helmet title={title}>{noindex ? <meta content="noindex" name="robots" /> : null}</Helmet>
       {scrollToTopButton ? <div id={scrollToTopAnchorId} /> : null}
       {hideAppBar ? null : appBar}
+      {hideFilterBar ? null : filterBar}
       {beta ? (
         <FlexRow
           margin={1}

package/src/components/BasePage/BasePageProps.ts

@@ -9,7 +9,9 @@ interface BasePageProps extends BoxProps {
   beta?: boolean
   container?: 'xl' | 'lg' | 'md' | 'sm' | 'xs'
   disableGutters?: boolean
+  filterBar?: ReactElement
   hideAppBar?: boolean
+  hideFilterBar?: boolean
   hideFooter?: boolean
   noindex?: boolean
   cookieConsent?: ReactNode

package/src/components/Experiments/Experiment.tsx

@@ -2,6 +2,7 @@ import React, { PropsWithChildren } from 'react'
 
 export interface ExperimentProps {
   weight: number
+  key: string
 }
 
 const Experiment: React.FC<PropsWithChildren<ExperimentProps>> = (props) => {

package/src/components/Experiments/Experiments.stories.tsx

@@ -0,0 +1,35 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+
+import { Experiment } from './Experiment'
+import { Experiments } from './Experiments'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: Experiments,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'Components/Experiments',
+} as ComponentMeta<typeof Experiments>
+
+const Template: ComponentStory<typeof Experiments> = (args) => <Experiments {...args}></Experiments>
+
+const Default = Template.bind({})
+Default.args = {
+  children: [
+    <Experiment weight={50} key={'true'}>
+      True
+    </Experiment>,
+    <Experiment weight={50} key={'false'}>
+      False
+    </Experiment>,
+  ],
+  name: 'StorybookAB',
+}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Experiments/Experiments.tsx

@@ -4,18 +4,20 @@ import React, { ReactElement, useContext } from 'react'
 import { UserEventsContext } from '../../contexts'
 import { getLocalStorageObject, setLocalStorageObject } from '../../lib'
 import { ExperimentProps } from './Experiment'
+import { ExperimentsProps } from './ExperimentsProps'
+import { ExperimentsData, ExperimentsLocalStorageKey, OutcomesData, OutcomesLocalStorageKey } from './models'
 
 const defaultLocalStorageKey = 'testData'
 
 const experimentsTestData: { [index: string]: string } = {}
-let outcomes: { [index: string]: number } = {} //prevent multi-outcome
+let outcomes: OutcomesData = {} //prevent multi-outcome
 
 const saveOutcomes = () => {
-  setLocalStorageObject('outcomes', outcomes)
+  setLocalStorageObject(OutcomesLocalStorageKey, outcomes)
 }
 
 const loadOutcomes = () => {
-  outcomes = getLocalStorageObject('outcomes')
+  outcomes = getLocalStorageObject(OutcomesLocalStorageKey)
 }
 
 const mergeData = (data: { [index: string]: string }, log?: Log) => {
@@ -27,12 +29,6 @@ const mergeData = (data: { [index: string]: string }, log?: Log) => {
   return dataArray.join('|')
 }
 
-type Props = {
-  children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>
-  localStorageProp?: string | boolean
-  name: string
-}
-
 const missingKeyError = new Error('Experiment Elements must have Keys')
 
 const makeChildrenArray = (children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>) => {
@@ -59,7 +55,19 @@ const calcTotalWeight = (childList: ReactElement<ExperimentProps>[]) => {
   return totalWeight
 }
 
-const Experiments: React.FC<Props> = (props) => {
+const saveExperimentDebugRanges = (name: string, totalWeight: number, childList: ReactElement<ExperimentProps>[]) => {
+  const experiments = getLocalStorageObject<ExperimentsData>(ExperimentsLocalStorageKey) || {}
+  experiments[name] = {
+    totalWeight,
+    variants: childList.map((child) => ({
+      name: child.key?.toString(),
+      weight: child.props.weight,
+    })),
+  }
+  setLocalStorageObject(ExperimentsLocalStorageKey, experiments)
+}
+
+const Experiments: React.FC<ExperimentsProps> = (props) => {
   const { name, children, localStorageProp = true } = props
   const userEventsContext = useContext(UserEventsContext)
   const { userEvents } = userEventsContext
@@ -71,10 +79,13 @@ const Experiments: React.FC<Props> = (props) => {
 
   const totalWeight = calcTotalWeight(childList)
 
+  saveExperimentDebugRanges(name, totalWeight, childList)
+
   const firstTime = outcomes[name] === undefined
   let targetWeight = outcomes[name] ?? Math.random() * totalWeight
   outcomes[name] = targetWeight
   saveOutcomes()
+
   for (const child of childList) {
     targetWeight -= child.props.weight
     if (targetWeight > 0) continue

package/src/components/Experiments/ExperimentsDebugger.stories.tsx

@@ -0,0 +1,24 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+
+import { ExperimentsDebugger } from './index'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: ExperimentsDebugger,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'Components/ExperimentsDebugger',
+} as ComponentMeta<typeof ExperimentsDebugger>
+
+const Template: ComponentStory<typeof ExperimentsDebugger> = (args) => <ExperimentsDebugger {...args} />
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Experiments/ExperimentsDebugger.tsx

@@ -0,0 +1,71 @@
+import { Slider, Typography } from '@mui/material'
+import React from 'react'
+
+import { useLocalStorage } from '../../hooks'
+import { FlexCol, FlexRow } from '../FlexBox'
+import {
+  ExperimentsData,
+  ExperimentsLocalStorageKey,
+  OutcomesData,
+  OutcomesLocalStorageKey,
+  VariantData,
+} from './models'
+
+const ExperimentsDebugger: React.FC = ({ ...props }) => {
+  const [experiments] = useLocalStorage<ExperimentsData>(ExperimentsLocalStorageKey, {})
+  const [outcomes, setOutcomes] = useLocalStorage<OutcomesData>(OutcomesLocalStorageKey, {})
+
+  const sumUpVariants = (items: VariantData[]) => items.reduce((acc, curr) => acc + curr.weight, 0)
+  const experimentEntries = Object.entries(experiments)
+
+  if (!experiments || !experimentEntries.length) {
+    return (
+      <FlexCol alignItems="stretch" {...props}>
+        <Typography variant="subtitle1">No Experiments loaded</Typography>
+        <Typography variant="subtitle2">Visit a page with an experiment to load the data</Typography>
+      </FlexCol>
+    )
+  }
+
+  return (
+    <FlexCol alignItems="stretch" {...props}>
+      {Object.entries(experiments).map((data) => {
+        const [name, experiment] = data
+        const outcome = (outcomes[name] || 0) as number
+
+        const marks = [
+          { label: `${experiment.variants[0].name} | ${experiment.variants[0].weight}`, value: 0 },
+          ...experiment.variants.map(({ weight }, index) => ({
+            label:
+              index === experiment.variants.length - 1 ? 'End' : `${experiment.variants[index + 1].name} | ${weight}`,
+            value: index === 0 ? weight : sumUpVariants(experiment.variants.slice(0, index + 1)),
+          })),
+        ]
+
+        return (
+          <FlexCol key={`experiment-${name}`} alignItems="stretch" paddingX={4} marginBottom={4} {...props}>
+            <FlexRow>
+              {name}:&nbsp;{outcome}
+            </FlexRow>
+            <FlexRow>
+              <Slider
+                aria-label={`Experiment ${name}`}
+                defaultValue={outcome}
+                value={outcome}
+                marks={marks}
+                onChange={(e, value) => {
+                  const truncated = Number((Array.isArray(value) ? value[0] : value).toFixed(2))
+                  outcomes[name] = truncated
+                  // Spread operator triggers rerender
+                  setOutcomes({ ...outcomes })
+                }}
+              />
+            </FlexRow>
+          </FlexCol>
+        )
+      })}
+    </FlexCol>
+  )
+}
+
+export { ExperimentsDebugger }

package/src/components/Experiments/ExperimentsProps.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react'
+
+import { ExperimentProps } from './Experiment'
+
+export type ExperimentsProps = {
+  children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>
+  localStorageProp?: string | boolean
+  name: string
+}

package/src/components/Experiments/index.tsx

@@ -1,4 +1,5 @@
 import { Experiment } from './Experiment'
 import { Experiments } from './Experiments'
+import { ExperimentsDebugger } from './ExperimentsDebugger'
 
-export { Experiment, Experiments }
+export { Experiment, Experiments, ExperimentsDebugger }

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

@@ -0,0 +1,8 @@
+export const OutcomesLocalStorageKey = 'outcomes'
+export const ExperimentsLocalStorageKey = 'experiments'
+
+export type OutcomesData = Record<string, number>
+
+export type ExperimentsData = Record<string, ExperimentData>
+export type ExperimentData = { totalWeight: number; variants: VariantData[] }
+export type VariantData = { weight: number; name?: string }

package/src/components/dialogs/ErrorDialog.tsx

@@ -1,6 +1,5 @@
 import { Dialog, DialogActions, DialogContent, DialogProps, DialogTitle, Typography } from '@mui/material'
 import { AxiosError } from 'axios'
-import React from 'react'
 
 import { ButtonEx } from '../ButtonEx'
 import { FlexRow } from '../FlexBox'

package/src/hooks/index.ts

@@ -1,4 +1,5 @@
 export * from './useBreakpoint'
+export * from './useLocalStorage'
 export * from './useMediaQuery'
 export * from './useMounted'
 export * from './useNavigateToEthAddress'

package/src/hooks/useLocalStorage.ts

@@ -0,0 +1,24 @@
+import { useState } from 'react'
+
+import { getLocalStorageObject, setLocalStorageObject } from '../lib'
+
+export const useLocalStorage = <T>(key: string, defaultValue: T): [T, (value: T) => void] => {
+  const [storedValue, setStoredValue] = useState<T>(() => {
+    try {
+      const item = getLocalStorageObject<T>(key)
+      return item || defaultValue
+    } catch (ex) {
+      //Error is already logged
+      return defaultValue
+    }
+  })
+
+  const setValue = (value: T) => {
+    console.log('setValue', value)
+    setStoredValue(value)
+    setLocalStorageObject(key, value)
+    console.log('getValue from ls', getLocalStorageObject(key))
+  }
+
+  return [storedValue, setValue]
+}

package/src/lib/Tracking/Google/Gtag.ts

@@ -21,11 +21,13 @@ class Gtag {
     this.ga4id = ga4id
     this.awid = awid
     this.domains = domains
-    global.dataLayer = global.dataLayer || []
-    this.gtag = function () {
-      // eslint-disable-next-line prefer-rest-params
-      global.dataLayer.push(arguments)
-    }
+    global.dataLayer = global.dataLayer ?? []
+    this.gtag =
+      global.gtag ??
+      function () {
+        // eslint-disable-next-line prefer-rest-params
+        global.dataLayer.push(arguments)
+      }
     global.gtag = this.gtag
     this.gtag('js', new Date())
     this.gtag('config', ga4id)

package/src/lib/Tracking/Reddit/Rdt.ts

@@ -13,7 +13,10 @@ class Rdt {
   }
 
   private static getRdt() {
-    return global.rdt
+    if (global.rdt) {
+      return global.rdt
+    }
+    console.warn('Missing rdt')
   }
 
   public load(id: string) {

package/src/lib/Tracking/Snapchat/Snaptr.ts

@@ -1,21 +1,20 @@
+import { delay } from '@xylabs/sdk-js'
+
 import { global } from '../../global'
 
 class SnapTr {
-  static pixelId?: string
-
   public static getSnapTr() {
-    return global.snaptr
+    if (global.snaptr) {
+      return global.snaptr
+    }
+    console.warn('Missing snaptr')
   }
 
   public static instance: SnapTr
-  public static init(pixelId: string) {
-    this.pixelId = pixelId
-    this.track('PAGE_VIEW')
-  }
 
-  public static track<T>(event: string, data?: T) {
-    this.getSnapTr()('init', this.pixelId)
+  public static async track<T>(event: string, data?: T) {
     this.getSnapTr()('track', event, data)
+    await delay(0)
   }
 }
 

package/src/lib/Tracking/Tiktok/Ttq.ts

@@ -13,7 +13,10 @@ class Ttq {
   }
 
   public static getTtq() {
-    return global.ttq
+    if (global.ttq) {
+      return global.ttq
+    }
+    console.warn('Missing ttq')
   }
 
   public static page() {

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/components/AppBarEx/AppBarEx.d.ts

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