@xylabs/sdk-react 2.9.1 → 2.9.2

package/package.json

@@ -130,5 +130,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "version": "2.9.1"
+  "version": "2.9.2"
 }

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/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/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 };

package/dist/components/AppBarEx/AppBarEx.js

@@ -1,14 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AppBar, Container, Toolbar, useTheme } from '@mui/material';
-import { FlexGrowRow } from '../FlexBox';
-var AppBarEx = function (props) {
-    var contextToolbar = props.contextToolbar, systemToolbar = props.systemToolbar, container = props.container, style = props.style, appbarProps = __rest(props, ["contextToolbar", "systemToolbar", "container", "style"]);
-    var theme = useTheme();
-    var AppBarExInner = function () {
-        return (_jsxs(FlexGrowRow, __assign({ justifyContent: "space-between" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : _jsx(Toolbar, {}, void 0), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : _jsx(Toolbar, {}, void 0)] }), void 0));
-    };
-    return (_jsx(AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (_jsx(Container, __assign({ maxWidth: container }, { children: _jsx(AppBarExInner, {}, void 0) }), void 0)) : (_jsx(AppBarExInner, {}, void 0)) }), void 0));
-};
-export { AppBarEx };
-//# sourceMappingURL=AppBarEx.js.map

package/dist/components/AppBarEx/AppBarEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarEx.js","sourceRoot":"","sources":["../../../src/components/AppBarEx/AppBarEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGxC,IAAM,QAAQ,GAA4B,UAAC,KAAK;IACtC,IAAA,cAAc,GAAsD,KAAK,eAA3D,EAAE,aAAa,GAAuC,KAAK,cAA5C,EAAE,SAAS,GAA4B,KAAK,UAAjC,EAAE,KAAK,GAAqB,KAAK,MAA1B,EAAK,WAAW,UAAK,KAAK,EAA3E,yDAAmE,CAAF,CAAU;IACjF,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAM,aAAa,GAAa;QAC9B,OAAO,CACL,MAAC,WAAW,aAAC,cAAc,EAAC,eAAe,iBACxC,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,KAAC,OAAO,aAAG,EAC7B,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAC,OAAO,aAAG,aACjB,CACf,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,aACL,QAAQ,EAAC,QAAQ,EACjB,KAAK,aACH,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAC/C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EACjC,OAAO,EAAE,MAAM,IACZ,KAAK,KAEN,WAAW,cAEd,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,aAAC,QAAQ,EAAE,SAAS,gBAC5B,KAAC,aAAa,aAAG,YACP,CACb,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,aAAG,CAClB,YACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/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/components/AppBarEx/AppBarEx.stories.js

@@ -1,22 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AppBarEx } from './AppBarEx';
-var StorybookEntry = {
-    argTypes: {},
-    component: AppBarEx,
-    parameters: {
-        docs: {
-            page: null,
-        },
-    },
-    title: 'Components/AppBarEx',
-};
-var Template = function (args) { return _jsx(AppBarEx, __assign({}, args), void 0); };
-var Empty = Template.bind({});
-Empty.args = {
-    title: 'Empty',
-};
-export { Empty };
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry;
-//# sourceMappingURL=AppBarEx.stories.js.map

package/dist/components/AppBarEx/AppBarEx.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarEx.stories.js","sourceRoot":"","sources":["../../../src/components/AppBarEx/AppBarEx.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,IAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,qBAAqB;CACK,CAAA;AAEnC,IAAM,QAAQ,GAAoC,UAAC,IAAI,IAAK,OAAA,KAAC,QAAQ,eAAK,IAAI,UAAa,EAA/B,CAA+B,CAAA;AAE3F,IAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/B,KAAK,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;CACf,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/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/components/AppBarEx/AppBarExProps.js

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

package/dist/components/AppBarEx/AppBarExProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarExProps.js","sourceRoot":"","sources":["../../../src/components/AppBarEx/AppBarExProps.tsx"],"names":[],"mappings":""}

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

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

package/dist/components/AppBarEx/index.js

@@ -1,3 +0,0 @@
-import { AppBarEx } from './AppBarEx';
-export { AppBarEx };
-//# sourceMappingURL=index.js.map

package/dist/components/AppBarEx/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppBarEx/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/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/components/Background.js

@@ -1,11 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FlexRow } from './FlexBox';
-/**
- * @deprecated The functionality of Background is now part of FlexBox.  Use the 'background' property to enable the background.
- */
-var Background = function (props) {
-    return _jsx(FlexRow, __assign({}, props), void 0);
-};
-export { Background };
-//# sourceMappingURL=Background.js.map

package/dist/components/Background.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,WAAW,CAAA;AAEjD;;GAEG;AACH,IAAM,UAAU,GAA2B,UAAC,KAAK;IAC/C,OAAO,KAAC,OAAO,eAAK,KAAK,UAAI,CAAA;AAC/B,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/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/components/BasePage/BasePage.js

@@ -1,17 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowUp as KeyboardArrowUpIcon } from '@mui/icons-material';
-import { Container, Fab, ScopedCssBaseline, Typography, useTheme } from '@mui/material';
-import { Helmet } from 'react-helmet';
-import { CookieConsent } from '../CookieConsent';
-import { FlexCol, FlexRow } from '../FlexBox';
-import { InvertableThemeProvider } from '../InvertableThemeProvider';
-import { ScrollToTopButton } from '../ScrollToTopButton';
-var BasePage = function (_a) {
-    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, filterBar = _a.filterBar, hideAppBar = _a.hideAppBar, hideFilterBar = _a.hideFilterBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "filterBar", "hideAppBar", "hideFilterBar", "noindex", "scrollToTopButton", "title"]);
-    var theme = useTheme();
-    var scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (_jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [_jsx(Helmet, __assign({ title: title }, { children: noindex ? _jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? _jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, hideFilterBar ? null : filterBar, beta ? (_jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (_jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : _jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeProvider, __assign({ invert: true }, { children: _jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (_jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: _jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: _jsx(KeyboardArrowUpIcon, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
-};
-export { BasePage };
-//# sourceMappingURL=BasePage.js.map

package/dist/components/BasePage/BasePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasePage.js","sourceRoot":"","sources":["../../../src/components/BasePage/BasePage.tsx"],"names":[],"mappings":"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"}

package/dist/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/components/BasePage/BasePage.stories.js

@@ -1,26 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BasePage } from './BasePage';
-var StorybookEntry = {
-    argTypes: {},
-    component: BasePage,
-    parameters: {
-        docs: {
-            page: null,
-        },
-    },
-    title: 'Components/BasePage',
-};
-var Template = function (args) { return _jsx(BasePage, __assign({}, args), void 0); };
-var AppBar = function () { return _jsx("div", { children: "AppBar" }, void 0); };
-var FilterBar = function () { return _jsx("div", { children: "FilterBar" }, void 0); };
-var Default = Template.bind({});
-Default.args = {
-    appBar: _jsx(AppBar, {}, void 0),
-    filterBar: _jsx(FilterBar, {}, void 0),
-    title: 'Default',
-};
-export { Default };
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry;
-//# sourceMappingURL=BasePage.stories.js.map

package/dist/components/BasePage/BasePage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasePage.stories.js","sourceRoot":"","sources":["../../../src/components/BasePage/BasePage.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,IAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,qBAAqB;CACK,CAAA;AAEnC,IAAM,QAAQ,GAAoC,UAAC,IAAI,IAAK,OAAA,KAAC,QAAQ,eAAK,IAAI,UAAa,EAA/B,CAA+B,CAAA;AAE3F,IAAM,MAAM,GAAG,cAAM,OAAA,2CAAiB,EAAjB,CAAiB,CAAA;AACtC,IAAM,SAAS,GAAG,cAAM,OAAA,8CAAoB,EAApB,CAAoB,CAAA;AAE5C,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,KAAC,MAAM,aAAG;IAClB,SAAS,EAAE,KAAC,SAAS,aAAG;IACxB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/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/components/BasePage/BasePageProps.js

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

package/dist/components/BasePage/BasePageProps.js.map

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