@xyo-network/react-storybook 2.37.24 → 2.37.25

package/dist/esm/WithRefDecorator.d.ts

@@ -0,0 +1,3 @@
+import { DecoratorFn } from '@storybook/react';
+export declare const WithRefDecorator: DecoratorFn;
+//# sourceMappingURL=WithRefDecorator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithRefDecorator.d.ts","sourceRoot":"","sources":["../../src/WithRefDecorator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,eAAO,MAAM,gBAAgB,EAAE,WAiB9B,CAAA"}

package/dist/esm/WithRefDecorator.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@mui/material';
+import { useRef } from 'react';
+export const WithRefDecorator = (Story, args) => {
+    const ref = useRef(null);
+    const onClick = () => {
+        if (ref.current) {
+            ref.current.style.color = 'green';
+        }
+    };
+    args.args.ref = ref;
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: onClick, variant: "contained", children: "Change to green" }), _jsx(Story, { ...args })] }));
+};
+//# sourceMappingURL=WithRefDecorator.js.map

package/dist/esm/WithRefDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithRefDecorator.js","sourceRoot":"","sources":["../../src/WithRefDecorator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,gBAAgB,GAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAA;SAClC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IACnB,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,WAAW,gCAEpC,EACT,KAAC,KAAK,OAAK,IAAI,GAAI,IAClB,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -7,6 +7,7 @@ export * from './samplePayload';
 export * from './sampleUniswapPayload';
 export * from './useAppThemeDecorator';
 export * from './WithMapboxSetup';
+export * from './WithRefDecorator';
 export * from './WrappedArgs';
 export * from './WrappedAuthComponent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA"}

package/dist/esm/index.js

@@ -7,6 +7,7 @@ export * from './samplePayload';
 export * from './sampleUniswapPayload';
 export * from './useAppThemeDecorator';
 export * from './WithMapboxSetup';
+export * from './WithRefDecorator';
 export * from './WrappedArgs';
 export * from './WrappedAuthComponent';
 //# 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,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA"}

package/package.json

@@ -19,15 +19,15 @@
     "@xylabs/react-flexbox": "^2.15.1",
     "@xylabs/react-invertable-theme": "^2.15.1",
     "@xylabs/react-shared": "^2.15.1",
-    "@xyo-network/api": "^2.37.1",
-    "@xyo-network/boundwitness": "^2.37.1",
-    "@xyo-network/core": "^2.37.1",
-    "@xyo-network/payload": "^2.37.1",
-    "@xyo-network/react-archivist-api": "^2.37.24",
-    "@xyo-network/react-auth": "^2.37.24",
-    "@xyo-network/react-map": "^2.37.24",
-    "@xyo-network/react-theme": "^2.37.24",
-    "@xyo-network/react-wallet-service": "^2.37.24",
+    "@xyo-network/api": "^2.37.5",
+    "@xyo-network/boundwitness": "^2.37.5",
+    "@xyo-network/core": "^2.37.5",
+    "@xyo-network/payload": "^2.37.5",
+    "@xyo-network/react-archivist-api": "^2.37.25",
+    "@xyo-network/react-auth": "^2.37.25",
+    "@xyo-network/react-map": "^2.37.25",
+    "@xyo-network/react-theme": "^2.37.25",
+    "@xyo-network/react-wallet-service": "^2.37.25",
     "axios": "^0.27.2",
     "lodash": "^4.17.21",
     "pako": "^2.0.4",
@@ -90,5 +90,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.37.24"
+  "version": "2.37.25"
 }

package/src/WithRefDecorator.tsx

@@ -0,0 +1,22 @@
+import { Button } from '@mui/material'
+import { DecoratorFn } from '@storybook/react'
+import { useRef } from 'react'
+
+export const WithRefDecorator: DecoratorFn = (Story, args) => {
+  const ref = useRef<HTMLDivElement | null>(null)
+  const onClick = () => {
+    if (ref.current) {
+      ref.current.style.color = 'green'
+    }
+  }
+
+  args.args.ref = ref
+  return (
+    <>
+      <Button onClick={onClick} variant="contained">
+        Change to green
+      </Button>
+      <Story {...args} />
+    </>
+  )
+}

package/src/index.ts

@@ -7,5 +7,6 @@ export * from './samplePayload'
 export * from './sampleUniswapPayload'
 export * from './useAppThemeDecorator'
 export * from './WithMapboxSetup'
+export * from './WithRefDecorator'
 export * from './WrappedArgs'
 export * from './WrappedAuthComponent'