@xyo-network/react-shared 2.41.12 → 2.41.14

package/dist/esm/components/LoadResult.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+export interface LoadResultProps<T> {
+    /** @deprecated - use error prop */
+    apiError?: Error;
+    /** Defer error handling to the children and load them */
+    error?: boolean;
+    notFound: boolean;
+    searchResult: T | undefined;
+}
+export declare function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>): JSX.Element;
+//# sourceMappingURL=LoadResult.d.ts.map

package/dist/esm/components/LoadResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadResult.d.ts","sourceRoot":"","sources":["../../../src/components/LoadResult.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAazE"}

package/dist/esm/components/LoadResult.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FlexGrowRow } from '@xylabs/react-flexbox';
+import { NotFound } from './NotFound';
+export function LoadResult(props) {
+    const { notFound, error, searchResult, children } = props;
+    if (notFound) {
+        return _jsx(NotFound, {});
+    }
+    if (error) {
+        return _jsx(_Fragment, { children: children });
+    }
+    if (searchResult === undefined) {
+        return _jsx(FlexGrowRow, { busy: true, minHeight: "50px" });
+    }
+    else {
+        return _jsx(_Fragment, { children: children });
+    }
+}
+//# sourceMappingURL=LoadResult.js.map

package/dist/esm/components/LoadResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadResult.js","sourceRoot":"","sources":["../../../src/components/LoadResult.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAWrC,MAAM,UAAU,UAAU,CAAI,KAA4C;IACxE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACzD,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,QAAQ,KAAG,CAAA;KACpB;IACD,IAAI,KAAK,EAAE;QACT,OAAO,4BAAG,QAAQ,GAAI,CAAA;KACvB;IACD,IAAI,YAAY,KAAK,SAAS,EAAE;QAC9B,OAAO,KAAC,WAAW,IAAC,IAAI,QAAC,SAAS,EAAC,MAAM,GAAG,CAAA;KAC7C;SAAM;QACL,OAAO,4BAAG,QAAQ,GAAI,CAAA;KACvB;AACH,CAAC"}

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

@@ -3,6 +3,7 @@ export * from './BasicHero';
 export * from './Ellipsize';
 export * from './ErrorBoundry';
 export * from './ListItemButtonEx';
+export * from './LoadResult';
 export * from './NotFound';
 export * from './Pipe';
 export * from './pluginValidation';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}

package/dist/esm/components/index.js

@@ -3,6 +3,7 @@ export * from './BasicHero';
 export * from './Ellipsize';
 export * from './ErrorBoundry';
 export * from './ListItemButtonEx';
+export * from './LoadResult';
 export * from './NotFound';
 export * from './Pipe';
 export * from './pluginValidation';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}

package/package.json

@@ -11,16 +11,15 @@
   },
   "dependencies": {
     "@xylabs/pixel": "^1.4.6",
-    "@xylabs/react-appbar": "^2.15.5",
-    "@xylabs/react-button": "^2.15.5",
-    "@xylabs/react-flexbox": "^2.15.5",
-    "@xylabs/react-link": "^2.15.5",
-    "@xylabs/react-shared": "^2.15.5",
-    "@xyo-network/react-event": "^2.41.12",
-    "tslib": "^2.4.1"
+    "@xylabs/react-appbar": "^2.15.6",
+    "@xylabs/react-button": "^2.15.6",
+    "@xylabs/react-flexbox": "^2.15.6",
+    "@xylabs/react-link": "^2.15.6",
+    "@xylabs/react-shared": "^2.15.6",
+    "@xyo-network/react-event": "^2.41.14"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "2.9.0"
+    "@xylabs/ts-scripts-yarn3": "2.11.16"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5.10.3",
@@ -74,5 +73,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.41.12"
+  "version": "2.41.14"
 }

package/src/components/LoadResult.stories.tsx

@@ -0,0 +1,36 @@
+/* eslint-disable import/no-internal-modules */
+import { ComponentStory, Meta } from '@storybook/react'
+
+import { LoadResult } from './LoadResult'
+
+const StorybookEntry: Meta = {
+  argTypes: {},
+  component: LoadResult,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'webapp/LoadResult',
+}
+
+const Template: ComponentStory<typeof LoadResult> = (props) => {
+  return <LoadResult {...props} />
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+const NotFound = Template.bind({})
+NotFound.args = { notFound: true }
+
+const ApiError = Template.bind({})
+ApiError.args = { children: <h1>Shown in case of error</h1>, error: true }
+
+const SearchResult = Template.bind({})
+SearchResult.args = { children: <h1>Shown when there is a valid result</h1>, searchResult: 'foo' }
+
+export { ApiError, Default, NotFound, SearchResult }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/LoadResult.tsx

@@ -0,0 +1,28 @@
+import { FlexGrowRow } from '@xylabs/react-flexbox'
+import { PropsWithChildren } from 'react'
+
+import { NotFound } from './NotFound'
+
+export interface LoadResultProps<T> {
+  /** @deprecated - use error prop */
+  apiError?: Error
+  /** Defer error handling to the children and load them */
+  error?: boolean
+  notFound: boolean
+  searchResult: T | undefined
+}
+
+export function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>) {
+  const { notFound, error, searchResult, children } = props
+  if (notFound) {
+    return <NotFound />
+  }
+  if (error) {
+    return <>{children}</>
+  }
+  if (searchResult === undefined) {
+    return <FlexGrowRow busy minHeight="50px" />
+  } else {
+    return <>{children}</>
+  }
+}

package/src/components/index.ts

@@ -3,6 +3,7 @@ export * from './BasicHero'
 export * from './Ellipsize'
 export * from './ErrorBoundry'
 export * from './ListItemButtonEx'
+export * from './LoadResult'
 export * from './NotFound'
 export * from './Pipe'
 export * from './pluginValidation'