@xyo-network/react-shared 2.26.46 → 2.26.47

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.6",
-    "@xyo-network/api": "^2.22.20",
-    "@xyo-network/react-storybook": "^2.26.46"
+    "@xylabs/tsconfig-dom": "^2.5.11",
+    "@xyo-network/api": "^2.22.23",
+    "@xyo-network/react-storybook": "^2.26.47"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -85,5 +85,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.46"
+  "version": "2.26.47"
 }

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 usePixel = (required = true) => {
+  const { list } = useContextEx(ParadigmContext, 'Paradigm', required)
+  return { list }
+}

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'