@xyo-network/react-shared 2.26.45 → 2.26.48

package/dist/esm/hooks/useIsMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsMobile.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,eAGvB,CAAA"}

package/dist/esm/hooks/useMediaQuery.d.ts

@@ -1,2 +1,3 @@
 import { useMediaQuery } from '@mui/material';
 export { useMediaQuery };
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/esm/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/index.d.ts

@@ -2,4 +2,6 @@ export * from './components';
 export * from './contexts';
 export * from './hooks';
 export * from './lib';
+export * from './models';
 export * from './SizeProp';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/dist/esm/index.js

@@ -2,5 +2,6 @@ export * from './components';
 export * from './contexts';
 export * from './hooks';
 export * from './lib';
+export * from './models';
 export * from './SizeProp';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/dist/esm/lib/assertDefinedEx.d.ts

@@ -1 +1,2 @@
 export declare const assertDefinedEx: <T>(expr?: T | null | undefined, message?: string) => T;
+//# sourceMappingURL=assertDefinedEx.d.ts.map

package/dist/esm/lib/assertDefinedEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertDefinedEx.d.ts","sourceRoot":"","sources":["../../../src/lib/assertDefinedEx.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,6CAAkC,MAAM,MAGnE,CAAA"}

package/dist/esm/lib/getActualPaddingX.d.ts

@@ -11,3 +11,4 @@ export declare const parsePadding: (padding: string) => {
     left?: undefined;
 } | undefined;
 export declare const getActualPaddingX: (element: HTMLElement) => number;
+//# sourceMappingURL=getActualPaddingX.d.ts.map

package/dist/esm/lib/getActualPaddingX.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getActualPaddingX.d.ts","sourceRoot":"","sources":["../../../src/lib/getActualPaddingX.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,aAAc,MAAM,aAAa,MAAM,uBAgBtE,CAAA;AAED,eAAO,MAAM,YAAY,YAAa,MAAM;;;;;;;;;;aAmC3C,CAAA;AAED,eAAO,MAAM,iBAAiB,YAAa,WAAW,WAKrD,CAAA"}

package/dist/esm/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './assertDefinedEx';
 export * from './getActualPaddingX';
 export * from './networkComponents';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA"}

package/dist/esm/lib/networkComponents.d.ts

@@ -9,3 +9,4 @@ export interface NetworkComponentDetails {
 export declare const networkComponents: NetworkComponentDetails[];
 export declare const findNetworkComponentIndex: (slug: string) => number;
 export declare const findNetworkComponent: (slug: string) => NetworkComponentDetails | undefined;
+//# sourceMappingURL=networkComponents.d.ts.map

package/dist/esm/lib/networkComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkComponents.d.ts","sourceRoot":"","sources":["../../../src/lib/networkComponents.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,oBAAY,oBAAoB,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;AAElF,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,oBAAoB,CAAA;IAC1B,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,YAAY,CAAA;CAC7C;AAED,eAAO,MAAM,iBAAiB,EAAE,uBAAuB,EAKtD,CAAA;AAED,eAAO,MAAM,yBAAyB,SAAU,MAAM,WAErD,CAAA;AAED,eAAO,MAAM,oBAAoB,SAAU,MAAM,wCAEhD,CAAA"}

package/dist/esm/models/Paradigm.d.ts

@@ -0,0 +1,5 @@
+export declare type ListParadigm = 'table' | 'grid';
+export interface Paradigm {
+    list: ListParadigm;
+}
+//# sourceMappingURL=Paradigm.d.ts.map

package/dist/esm/models/Paradigm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paradigm.d.ts","sourceRoot":"","sources":["../../../src/models/Paradigm.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAA;CACnB"}

package/dist/esm/models/Paradigm.js

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

package/dist/esm/models/Paradigm.js.map

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

package/dist/esm/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Paradigm';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm/models/index.js

@@ -0,0 +1,2 @@
+export * from './Paradigm';
+//# sourceMappingURL=index.js.map

package/dist/esm/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/package.json

@@ -10,8 +10,8 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
     "@mui/material": "^5.9.2",
     "@mui/styles": "^5.9.2",
@@ -32,9 +32,9 @@
   "devDependencies": {
     "@storybook/react": "^6.5.9",
     "@xylabs/pixel": "^1.4.5",
-    "@xylabs/tsconfig-dom": "^2.5.5",
-    "@xyo-network/api": "^2.22.18",
-    "@xyo-network/react-storybook": "^2.26.45"
+    "@xylabs/tsconfig-dom": "^2.5.11",
+    "@xyo-network/api": "^2.22.23",
+    "@xyo-network/react-storybook": "^2.26.48"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -85,5 +85,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.45"
+  "version": "2.26.48"
 }

package/src/components/BasicHero/BasicHero.tsx

@@ -43,7 +43,10 @@ interface ButtonSectionProps {
 }
 const SubLinkSection: React.FC<SubLinkSectionProps> = ({ subLinkText1, subLinkText2, subLinkPath, subLinkIcon, backgroundImageAlignment }) => {
   return (
-    <FlexGrowRow width="100%" sx={{ flexDirection: { md: 'row', xs: 'column' }, justifyContent: { md: backgroundImageAlignment ? 'flex-start' : 'center', xs: 'center' } }}>
+    <FlexGrowRow
+      width="100%"
+      sx={{ flexDirection: { md: 'row', xs: 'column' }, justifyContent: { md: backgroundImageAlignment ? 'flex-start' : 'center', xs: 'center' } }}
+    >
       {subLinkIcon ? <span>{subLinkIcon}&nbsp;</span> : null}
       <Typography>{subLinkText1}&nbsp;</Typography>
       <LinkEx href={subLinkPath} underline="always" target="_blank" color="inherit">

package/src/components/JsonRouteWrapper/JsonRouteWrapper.tsx

@@ -18,7 +18,14 @@ export interface JsonFromPromiseProps extends FlexBoxProps {
   jsonViewProps?: ReactJsonViewProps
 }
 
-export const JsonRouteWrapper: React.FC<JsonFromPromiseProps> = ({ callback, children, noBackButton = false, noJsonButton = false, jsonViewProps, ...props }) => {
+export const JsonRouteWrapper: React.FC<JsonFromPromiseProps> = ({
+  callback,
+  children,
+  noBackButton = false,
+  noJsonButton = false,
+  jsonViewProps,
+  ...props
+}) => {
   const [apiResponse, setApiResponse] = useState<object>()
   const [apiError, setApiError] = useState<XyoApiError>()
   const [searchParams, setSearchParams] = useSearchParams()

package/src/components/TableCell/HashTableCell.tsx

@@ -9,5 +9,12 @@ export interface HashTableCellProps extends EllipsisTableCellProps {
 
 export const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
   const explorePath = `/archive/${archive}/${dataType}/hash/${value}?network=${network ?? 'main'}`
-  return <EllipsisTableCell value={value} href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined} to={exploreDomain ? undefined : explorePath} {...props} />
+  return (
+    <EllipsisTableCell
+      value={value}
+      href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}
+      to={exploreDomain ? undefined : explorePath}
+      {...props}
+    />
+  )
 }

package/src/contexts/Paradigm/Context.ts

@@ -0,0 +1,4 @@
+import { createContextEx } from '../contextEx'
+import { ParadigmContextState } from './State'
+
+export const ParadigmContext = createContextEx<ParadigmContextState>()

package/src/contexts/Paradigm/Provider.tsx

@@ -0,0 +1,19 @@
+import { WithChildren } from '@xylabs/react-shared'
+
+import { Paradigm } from '../../models'
+import { ParadigmContext } from './Context'
+
+export type ParadigmProviderProps = Paradigm
+
+export const ParadigmProvider: React.FC<WithChildren<ParadigmProviderProps>> = ({ children, list }) => {
+  return (
+    <ParadigmContext.Provider
+      value={{
+        list,
+        provided: true,
+      }}
+    >
+      {children}
+    </ParadigmContext.Provider>
+  )
+}

package/src/contexts/Paradigm/State.ts

@@ -0,0 +1,4 @@
+import { Paradigm } from '../../models'
+import { ContextExState } from '../contextEx'
+
+export interface ParadigmContextState extends ContextExState, Paradigm {}

package/src/contexts/Paradigm/index.ts

@@ -0,0 +1,4 @@
+export * from './Context'
+export * from './Provider'
+export * from './State'
+export * from './use'

package/src/contexts/Paradigm/use.ts

@@ -0,0 +1,7 @@
+import { useContextEx } from '../contextEx'
+import { ParadigmContext } from './Context'
+
+export const useParadigm = (required = true) => {
+  const { list } = useContextEx(ParadigmContext, 'Paradigm', required)
+  return { list }
+}

package/src/contexts/index.ts

@@ -1,2 +1,3 @@
 export * from './contextEx'
+export * from './Paradigm'
 export * from './Pixel'

package/src/hooks/GradientStyles/GradientStyle.stories.tsx

@@ -25,16 +25,16 @@ const GradientTextExample: React.FC<FlexBoxProps> = (props) => {
       </Typography>
       <Divider sx={{ marginY: '8px' }} />
       <Typography variant="h5" gutterBottom className={classNames.heading}>
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic,
-        deserunt tempore, natus optio veritatis dolor?
+        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea
+        vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?
       </Typography>
       <Typography variant="subtitle2" gutterBottom paddingTop={3}>
         Caption
       </Typography>
       <Divider sx={{ marginY: '8px' }} />
       <Typography variant="caption" gutterBottom className={classNames.heading}>
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic,
-        deserunt tempore, natus optio veritatis dolor?
+        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea
+        vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?
       </Typography>
       <Typography variant="subtitle2" gutterBottom paddingTop={3}>
         Card Border

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './GradientStyles'
+export * from './useDataState'
 export * from './useIsMobile'
 export * from './useMediaQuery'

package/src/hooks/useDataState.ts

@@ -0,0 +1,17 @@
+import { Dispatch, SetStateAction, useState } from 'react'
+
+export const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {
+  const [state, setState] = useState(defaultValue)
+
+  const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {
+    try {
+      if (JSON.stringify(value) !== JSON.stringify(state)) {
+        setState(value)
+      }
+    } catch (ex) {
+      console.error('setDataState failed!  Make sure data type is stringifiable!')
+    }
+  }
+
+  return [state, setDataState]
+}

package/src/index.ts

@@ -2,4 +2,5 @@ export * from './components'
 export * from './contexts'
 export * from './hooks'
 export * from './lib'
+export * from './models'
 export * from './SizeProp'

package/src/models/Paradigm.ts

@@ -0,0 +1,4 @@
+export type ListParadigm = 'table' | 'grid'
+export interface Paradigm {
+  list: ListParadigm
+}

package/src/models/index.ts

@@ -0,0 +1 @@
+export * from './Paradigm'