jcicl 0.0.52 → 0.0.54

package/base/Flex/Flex.d.ts

@@ -13,6 +13,7 @@ export type FlexProps = {
     padding?: string;
     gap?: string;
     styles?: CSSProperties;
+    id?: string;
 };
 declare const Flex: React.FC<FlexProps>;
 export default Flex;

package/composite/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface ErrorBoundaryProps {
+    title: string;
+    children: React.ReactNode;
+    showDetails?: boolean;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: any;
+    errorInfo: any;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+        error: any;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export default ErrorBoundary;

package/composite/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,49 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { n as a } from "../../.chunks/emotion-styled.browser.esm.js";
+import i from "../../base/Flex/Flex.js";
+import s from "../../theme.js";
+const h = a(i)`
+  width: 100%;
+  font-size: 24px;
+  color: ${s.colors.maroon};
+  background-color: ${s.colors.lightRed}aa;
+  padding: 16px;
+  border-radius: 8px;
+  box-shadow: 0 0 13px -3px ${s.colors.maroon} inset;
+  flex-direction: column;
+  p {
+    margin: 0;
+  }
+`, u = a("p")`
+  font-size: 16px;
+  margin: 0 0 0 32px !important;
+`;
+class D extends m.Component {
+  constructor(r) {
+    super(r), this.state = { hasError: !1, error: null, errorInfo: null };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, error: r };
+  }
+  componentDidCatch(r, t) {
+    console.error("Error:", r), this.setState({ ...this.state, errorInfo: t });
+  }
+  render() {
+    const { title: r, children: t, showDetails: l = !0 } = this.props;
+    if (this.state.hasError) {
+      const { error: p, errorInfo: o } = this.state;
+      return /* @__PURE__ */ n(i, { column: !0, width: "100%", alignItems: "center", gap: "32px", padding: "16px 64px", children: [
+        /* @__PURE__ */ e("h1", { children: r }),
+        l && /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ e("p", { children: `${p}` }),
+          o == null ? void 0 : o.componentStack.split("at").map((c, d) => d > 0 && /* @__PURE__ */ e(u, { children: `at ${c}` }))
+        ] })
+      ] });
+    }
+    return t;
+  }
+}
+export {
+  D as default
+};

package/composite/ErrorBoundary/index.d.ts

@@ -0,0 +1 @@
+export { default, type ErrorBoundaryProps } from './ErrorBoundary';

package/composite/ErrorBoundary/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ErrorBoundary.js";
+export {
+  o as default
+};

package/composite/WithLabel/WithLabel.d.ts

@@ -2,6 +2,7 @@ import { FlexProps } from '../../../../../../../../../src/components/base/Flex/F
 export interface WithLabelProps extends Omit<FlexProps, 'children'> {
     label: string;
     fontSize?: string;
+    gap?: string;
     component: JSX.Element;
 }
 declare const WithLabel: React.FC<WithLabelProps>;

package/composite/WithLabel/WithLabel.js

@@ -1,15 +1,15 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import m from "../../base/Flex/Flex.js";
-const h = ({
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import t from "../../base/Flex/Flex.js";
+const c = ({
   label: r,
-  component: t,
-  fontSize: i = "inherit",
-  styles: n,
-  ...s
-}) => /* @__PURE__ */ l(m, { gap: "0.5rem", alignItems: "center", styles: { ...n, fontSize: i }, ...s, children: [
-  /* @__PURE__ */ e("div", { id: r, children: t }),
+  component: i,
+  fontSize: n = "inherit",
+  styles: s,
+  ...l
+}) => /* @__PURE__ */ m(t, { gap: "0.5rem", alignItems: "center", styles: { ...s, fontSize: n }, ...l, children: [
+  /* @__PURE__ */ e(t, { id: r, children: i }),
   /* @__PURE__ */ e("label", { htmlFor: r, children: r })
 ] });
 export {
-  h as default
+  c as default
 };

package/composite/index.d.ts

@@ -1,3 +1,4 @@
+export { default as ErrorBoundary } from './ErrorBoundary';
 export { default as InfoCard } from './InfoCard';
 export { default as List } from './List';
 export { default as LogoLoop } from './LogoLoop';

package/composite/index.js

@@ -1,12 +1,14 @@
-import { InfoCard as a } from "./InfoCard/InfoCard.js";
-import { default as e } from "./List/List.js";
-import { default as d } from "./LogoLoop/LogoLoop.js";
-import { default as l } from "./WithLabel/WithLabel.js";
-import { default as s } from "./WithLoading/WithLoading.js";
+import { default as a } from "./ErrorBoundary/ErrorBoundary.js";
+import { InfoCard as e } from "./InfoCard/InfoCard.js";
+import { default as d } from "./List/List.js";
+import { default as l } from "./LogoLoop/LogoLoop.js";
+import { default as s } from "./WithLabel/WithLabel.js";
+import { default as x } from "./WithLoading/WithLoading.js";
 export {
-  a as InfoCard,
-  e as List,
-  d as LogoLoop,
-  l as WithLabel,
-  s as WithLoading
+  a as ErrorBoundary,
+  e as InfoCard,
+  d as List,
+  l as LogoLoop,
+  s as WithLabel,
+  x as WithLoading
 };

package/index.d.ts

@@ -1,5 +1,5 @@
 export { ZoomEntrance } from './animation';
 export { Avatar, AvatarWithImage, Button, Divider, Flex, Grid, Icon, Input, LabeledValue, ListButton, Loading, ScrollContainer, } from './base';
-export { InfoCard, List, LogoLoop, WithLabel, WithLoading } from './composite';
+export { ErrorBoundary, InfoCard, List, LogoLoop, WithLabel, WithLoading } from './composite';
 export { AppHeader, Nav } from './supercomposite';
 export { AppContainer } from './templates';

package/index.js

@@ -8,37 +8,39 @@ import { Grid as i } from "./base/Grid/Grid.js";
 import { default as g } from "./base/Icon/Icon.js";
 import { Input as A } from "./base/Input/Input.js";
 import { LabeledValue as c } from "./base/LabeledValue/LabeledValue.js";
-import { default as C } from "./base/ListButton/ListButton.js";
-import { default as b } from "./base/Loading/Loading.js";
-import { default as D } from "./base/ScrollContainer/ScrollContainer.js";
-import { InfoCard as F } from "./composite/InfoCard/InfoCard.js";
-import { default as H } from "./composite/List/List.js";
-import { default as S } from "./composite/LogoLoop/LogoLoop.js";
-import { default as Z } from "./composite/WithLabel/WithLabel.js";
-import { default as k } from "./composite/WithLoading/WithLoading.js";
-import { default as w } from "./supercomposite/AppHeader/AppHeader.js";
-import { Nav as z } from "./supercomposite/Nav/Nav.js";
-import { default as K } from "./templates/AppContainer/AppContainer.js";
+import { default as B } from "./base/ListButton/ListButton.js";
+import { default as W } from "./base/Loading/Loading.js";
+import { default as E } from "./base/ScrollContainer/ScrollContainer.js";
+import { default as D } from "./composite/ErrorBoundary/ErrorBoundary.js";
+import { InfoCard as G } from "./composite/InfoCard/InfoCard.js";
+import { default as N } from "./composite/List/List.js";
+import { default as V } from "./composite/LogoLoop/LogoLoop.js";
+import { default as j } from "./composite/WithLabel/WithLabel.js";
+import { default as q } from "./composite/WithLoading/WithLoading.js";
+import { default as z } from "./supercomposite/AppHeader/AppHeader.js";
+import { Nav as K } from "./supercomposite/Nav/Nav.js";
+import { default as O } from "./templates/AppContainer/AppContainer.js";
 export {
-  K as AppContainer,
-  w as AppHeader,
+  O as AppContainer,
+  z as AppHeader,
   a as Avatar,
   p as AvatarWithImage,
   x as Button,
   l as Divider,
+  D as ErrorBoundary,
   s as Flex,
   i as Grid,
   g as Icon,
-  F as InfoCard,
+  G as InfoCard,
   A as Input,
   c as LabeledValue,
-  H as List,
-  C as ListButton,
-  b as Loading,
-  S as LogoLoop,
-  z as Nav,
-  D as ScrollContainer,
-  Z as WithLabel,
-  k as WithLoading,
+  N as List,
+  B as ListButton,
+  W as Loading,
+  V as LogoLoop,
+  K as Nav,
+  E as ScrollContainer,
+  j as WithLabel,
+  q as WithLoading,
   t as ZoomEntrance
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.52",
+  "version": "0.0.54",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",