@xyo-network/react-shared 2.48.1 → 2.48.4

package/dist/esm/hooks/usePromise.js

@@ -1,5 +1,5 @@
 // Inspired from https://github.com/bsonntag/react-use-promise
-import { useAsyncEffect } from '@xylabs/react-shared';
+import { useAsyncEffect } from '@xylabs/react-async-effect';
 import { useReducer } from 'react';
 var State;
 (function (State) {

package/dist/esm/hooks/usePromise.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.tsx"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAQD,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO;CACrB,CAAA;AAMD,MAAM,OAAO,GAAG,CAAC,MAAoB,EAAE,MAAc,EAAE,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,KAAK,CAAC,OAAO;YAChB,OAAO,YAAY,CAAA;QAErB,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,MAAM,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH;YACE,MAAM,KAAK,CAAC,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;KACzE;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAA8B,OAAW,EAAE,eAA0B,EAAE,EAAE,EAAE;IACnG,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE9E,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QAEjC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAA;YAC5B,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACV,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,CAAU;oBACnB,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC,CAAA;IACH,CAAC;IACD,oEAAoE;IACpE,uDAAuD;IACvD,YAAY,CACb,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}
+{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.tsx"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAQD,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO;CACrB,CAAA;AAMD,MAAM,OAAO,GAAG,CAAC,MAAoB,EAAE,MAAc,EAAE,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,KAAK,CAAC,OAAO;YAChB,OAAO,YAAY,CAAA;QAErB,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,MAAM,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH;YACE,MAAM,KAAK,CAAC,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;KACzE;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAA8B,OAAW,EAAE,eAA0B,EAAE,EAAE,EAAE;IACnG,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE9E,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QAEjC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAA;YAC5B,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACV,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,CAAU;oBACnB,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC,CAAA;IACH,CAAC;IACD,oEAAoE;IACpE,uDAAuD;IACvD,YAAY,CACb,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}

package/dist/types/components/TableCell/EllipsisTableCell.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableCellProps } from '@mui/material';
-import { WithChildren } from '@xylabs/react-shared';
+import type { WithChildren } from '@xylabs/react-shared';
 import { To } from 'react-router-dom';
 export interface EllipsisTableCellProps extends TableCellProps {
     href?: string;

package/dist/types/components/TableCell/EllipsisTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAqBnF,CAAA;AAGD,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}
+{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAqBnF,CAAA;AAGD,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}

package/package.json

@@ -11,16 +11,17 @@
   },
   "dependencies": {
     "@xylabs/pixel": "^1.4.13",
-    "@xylabs/react-appbar": "^2.17.0",
-    "@xylabs/react-button": "^2.17.0",
-    "@xylabs/react-flexbox": "^2.17.0",
-    "@xylabs/react-link": "^2.17.0",
-    "@xylabs/react-shared": "^2.17.0",
-    "@xyo-network/react-event": "^2.48.1"
+    "@xylabs/react-appbar": "^2.17.1",
+    "@xylabs/react-async-effect": "^2.17.1",
+    "@xylabs/react-button": "^2.17.1",
+    "@xylabs/react-flexbox": "^2.17.1",
+    "@xylabs/react-link": "^2.17.1",
+    "@xylabs/react-shared": "^2.17.1",
+    "@xyo-network/react-event": "^2.48.4"
   },
   "devDependencies": {
-    "@storybook/react": "^6.5.16",
-    "@xylabs/react-quick-tip-button": "^2.17.0",
+    "@storybook/react": "^7.0.2",
+    "@xylabs/react-quick-tip-button": "^2.17.1",
     "@xylabs/ts-scripts-yarn3": "^2.16.5",
     "@xylabs/tsconfig-react": "^2.16.5",
     "require-from-string": "^2.0.2",
@@ -78,5 +79,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.48.1"
+  "version": "2.48.4"
 }

package/src/components/BasicHero/BasicHero.stories.tsx

@@ -1,4 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import { BasicHero } from './BasicHero'
@@ -12,9 +12,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/BasicHero',
-} as ComponentMeta<typeof BasicHero>
+} as Meta<typeof BasicHero>
 
-const Template: ComponentStory<typeof BasicHero> = (args) => (
+const Template: StoryFn<typeof BasicHero> = (args) => (
   <BrowserRouter>
     <BasicHero {...args}></BasicHero>
   </BrowserRouter>

package/src/components/LoadResult.stories.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-internal-modules */
-import { ComponentStory, Meta } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 
 import { LoadResult } from './LoadResult'
 
@@ -14,7 +14,7 @@ const StorybookEntry: Meta = {
   title: 'webapp/LoadResult',
 }
 
-const Template: ComponentStory<typeof LoadResult> = (props) => {
+const Template: StoryFn<typeof LoadResult> = (props) => {
   return <LoadResult {...props} />
 }
 

package/src/components/SectionSpacingRow/SectionSpacingRow.stories.tsx

@@ -1,5 +1,5 @@
 import { Divider, Typography } from '@mui/material'
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import { SectionSpacingRow } from './SectionSpacingRow'
@@ -12,9 +12,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/SectionSpacingRow',
-} as ComponentMeta<typeof SectionSpacingRow>
+} as Meta<typeof SectionSpacingRow>
 
-const Template: ComponentStory<typeof SectionSpacingRow> = (args) => (
+const Template: StoryFn<typeof SectionSpacingRow> = (args) => (
   <BrowserRouter>
     <Typography variant="subtitle2">No Spacing</Typography>
     <Typography textAlign="center">Hello World</Typography>

package/src/components/StyleGuide/StyleGuide.stories.tsx

@@ -1,4 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 
 import { StyleGuideExample } from './StyleGuide.example'
 
@@ -11,9 +11,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/StyleGuide',
-} as ComponentMeta<typeof StyleGuideExample>
+} as Meta<typeof StyleGuideExample>
 
-const Template: ComponentStory<typeof StyleGuideExample> = () => <StyleGuideExample />
+const Template: StoryFn<typeof StyleGuideExample> = () => <StyleGuideExample />
 
 const Default = Template.bind({})
 Default.args = {}

package/src/components/TableCell/EllipsisTableCell.tsx

@@ -1,6 +1,6 @@
 import { styled, TableCell, TableCellProps } from '@mui/material'
 import { LinkEx } from '@xylabs/react-link'
-import { WithChildren } from '@xylabs/react-shared'
+import type { WithChildren } from '@xylabs/react-shared'
 import { forwardRef, useMemo } from 'react'
 import { To } from 'react-router-dom'
 

package/src/components/TableCell/EllipsizeTableCell.stories.tsx

@@ -1,10 +1,10 @@
 import { Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material'
-import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
+import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import { EllipsisTableCell } from './EllipsisTableCell'
 
-const TableDecorator: DecoratorFn = (Story, args) => {
+const TableDecorator: Decorator = (Story, args) => {
   return (
     <BrowserRouter>
       <Table>
@@ -31,7 +31,7 @@ export default {
   title: 'shared/EllipsisTableCell',
 } as Meta
 
-const Template: ComponentStory<typeof EllipsisTableCell> = (props) => {
+const Template: StoryFn<typeof EllipsisTableCell> = (props) => {
   return (
     <TableRow>
       <EllipsisTableCell to="/foo" value="As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" {...props} />
@@ -42,7 +42,7 @@ const Template: ComponentStory<typeof EllipsisTableCell> = (props) => {
   )
 }
 
-const TemplateWithMultiple: ComponentStory<typeof EllipsisTableCell> = (props) => {
+const TemplateWithMultiple: StoryFn<typeof EllipsisTableCell> = (props) => {
   return (
     <TableRow>
       <EllipsisTableCell width="50%" {...props}>
@@ -57,7 +57,7 @@ const TemplateWithMultiple: ComponentStory<typeof EllipsisTableCell> = (props) =
   )
 }
 
-const TemplateWithMultipleRows: ComponentStory<typeof EllipsisTableCell> = (props) => {
+const TemplateWithMultipleRows: StoryFn<typeof EllipsisTableCell> = (props) => {
   return (
     <>
       <TableRow>

package/src/components/TokenBar/TokenBar.stories.tsx

@@ -1,4 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { QuickTipButton } from '@xylabs/react-quick-tip-button'
 import { BrowserRouter } from 'react-router-dom'
 
@@ -12,9 +12,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/TokenBar',
-} as ComponentMeta<typeof TokenBar>
+} as Meta<typeof TokenBar>
 
-const Template: ComponentStory<typeof TokenBar> = (args) => (
+const Template: StoryFn<typeof TokenBar> = (args) => (
   <BrowserRouter>
     <TokenBar {...args}></TokenBar>
   </BrowserRouter>

package/src/components/TokenSummary/TokenSummary.stories.tsx

@@ -1,5 +1,5 @@
 import { Link } from '@mui/material'
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import * as tokenData from '../TokenData'
@@ -13,9 +13,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/TokenSummary',
-} as ComponentMeta<typeof TokenSummary>
+} as Meta<typeof TokenSummary>
 
-const Template: ComponentStory<typeof TokenSummary> = (args) => (
+const Template: StoryFn<typeof TokenSummary> = (args) => (
   <BrowserRouter>
     <TokenSummary {...args}></TokenSummary>
   </BrowserRouter>

package/src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.stories.tsx

@@ -1,4 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import * as tokenData from '../TokenData'
@@ -12,9 +12,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/XyoThemeTokenAvatar',
-} as ComponentMeta<typeof XyoThemeTokenAvatar>
+} as Meta<typeof XyoThemeTokenAvatar>
 
-const Template: ComponentStory<typeof XyoThemeTokenAvatar> = (args) => (
+const Template: StoryFn<typeof XyoThemeTokenAvatar> = (args) => (
   <BrowserRouter>
     <XyoThemeTokenAvatar {...args}></XyoThemeTokenAvatar>
   </BrowserRouter>

package/src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.stories.tsx

@@ -1,4 +1,4 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
 import * as tokenData from '../TokenData'
@@ -12,9 +12,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/XyoThemeTokenAvatarGroup',
-} as ComponentMeta<typeof XyoThemeTokenAvatarGroup>
+} as Meta<typeof XyoThemeTokenAvatarGroup>
 
-const Template: ComponentStory<typeof XyoThemeTokenAvatarGroup> = (args) => (
+const Template: StoryFn<typeof XyoThemeTokenAvatarGroup> = (args) => (
   <BrowserRouter>
     <XyoThemeTokenAvatarGroup {...args}></XyoThemeTokenAvatarGroup>
   </BrowserRouter>

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

@@ -1,5 +1,5 @@
 import { Divider, Typography } from '@mui/material'
-import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { Meta, StoryFn } from '@storybook/react'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { BrowserRouter } from 'react-router-dom'
 
@@ -53,9 +53,9 @@ const StorybookEntry = {
     },
   },
   title: 'shared/GradientText',
-} as ComponentMeta<typeof GradientTextExample>
+} as Meta<typeof GradientTextExample>
 
-const Template: ComponentStory<typeof GradientTextExample> = (args) => (
+const Template: StoryFn<typeof GradientTextExample> = (args) => (
   <BrowserRouter>
     <GradientTextExample {...args}></GradientTextExample>
   </BrowserRouter>

package/src/hooks/usePromise.tsx

@@ -1,6 +1,6 @@
 // Inspired from https://github.com/bsonntag/react-use-promise
 
-import { useAsyncEffect } from '@xylabs/react-shared'
+import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { useReducer } from 'react'
 
 enum State {