jcicl 0.0.265 → 0.0.269

package/AppContainer/index.js

@@ -1,4 +1,4 @@
-import { A as f } from "../.chunks/AppContainer.js";
+import { default as o } from "./AppContainer.js";
 export {
-  f as default
+  o as default
 };

package/DefaultTemplate/DefaultTemplate.js

@@ -1,23 +1,25 @@
 import { jsx as e, jsxs as m, Fragment as f } from "react/jsx-runtime";
-import { useState as p } from "react";
+import { useState as C } from "react";
 import { n as u } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as b } from "../.chunks/emotion-react.browser.esm.js";
 import o from "../theme.js";
-import { u as h, A as w } from "../.chunks/AppContainer.js";
+import w from "../AppContainer/AppContainer.js";
 import T from "../WithLoading/WithLoading.js";
 import { TopFade as S, BottomFade as P } from "../Overlays/Overlays.js";
-const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldForwardProp: (r) => !$.includes(r) })(({ loading: r, hasPagination: l, hasFade: s, loadingColor: t = o.colors.green, isTablet: i }) => ({
+import { u as h } from "../.chunks/useMediaQuery.js";
+const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldForwardProp: (r) => !$.includes(r) })(({ loading: r, hasPagination: l, hasFade: s, loadingColor: t = o.colors.green, isTablet: a }) => ({
   ...b`
     color: ${o.colors.midnight};
     height: ${r ? "100%" : "auto"};
     padding: 19px;
+    padding-top: 36px;
     display: flex;
     flex-direction: column;
     justify-content: ${r ? "center" : "start"};
     align-items: center;
     width: 100%;
     min-height: 100%;
-    height: ${i ? "100%" : "auto"};
+    height: ${a ? "100%" : "auto"};
     box-sizing: border-box;
     padding-bottom: ${s ? l ? "114px" : "72px" : "19px"};
     > * div {
@@ -82,15 +84,15 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
   blue: z,
   red: I,
   green: void 0
-}, N = ({
+}, O = ({
   children: r,
   loading: l = !1,
   hasPagination: s = !1,
   fade: t = !0,
-  userProfileMenuItems: i,
+  userProfileMenuItems: a,
   ...c
 }) => {
-  const y = localStorage.getItem("theme") || "green", [a, n] = p(y), d = h(`(max-width: ${o.screenSizes.mobile})`), x = h(`(max-width: ${o.screenSizes.tablet})`), k = B[a], C = [
+  const x = localStorage.getItem("theme") || "green", [i, n] = C(x), d = h(`(max-width: ${o.screenSizes.mobile})`), y = h(`(max-width: ${o.screenSizes.tablet})`), k = B[i], p = [
     {
       label: "Green Theme",
       onClick: () => {
@@ -109,27 +111,27 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
         localStorage.setItem("theme", "red"), n("red");
       }
     },
-    ...i || []
+    ...a || []
   ];
   return /* @__PURE__ */ e(
     w,
     {
       ...c,
-      userProfileMenuItems: C,
+      userProfileMenuItems: p,
       themeColors: k ?? (c == null ? void 0 : c.themeColors),
       children: /* @__PURE__ */ e(
         R,
         {
           className: "jcPageWrapper",
           loading: l,
-          loadingColor: v[a],
+          loadingColor: v[i],
           hasPagination: s,
           hasFade: t,
-          isTablet: x,
+          isTablet: y,
           children: /* @__PURE__ */ m(T, { loading: l, size: d ? 114 : 201, children: [
             t && /* @__PURE__ */ m(f, { children: [
-              /* @__PURE__ */ e(S, { color: g[a] }),
-              /* @__PURE__ */ e(P, { hasPagination: s, isMobile: d, color: g[a] })
+              /* @__PURE__ */ e(S, { color: g[i] }),
+              /* @__PURE__ */ e(P, { hasPagination: s, isMobile: d, color: g[i] })
             ] }),
             /* @__PURE__ */ e(M, { children: r })
           ] })
@@ -141,5 +143,5 @@ const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldFor
 export {
   M as MainContentContainer,
   R as PageWrapper,
-  N as default
+  O as default
 };

package/FormFields/FormFields.d.ts

@@ -0,0 +1,22 @@
+import { DropdownOption } from '../../../../../../../../../src/components/composite/LabeledDropdown';
+export type FormField = {
+    key: string;
+    label: string;
+    sublabel?: string;
+    type: 'checkbox' | 'currency' | 'date' | 'dropdown' | 'email' | 'multiDropdown' | 'number' | 'phone' | 'radio' | 'text' | 'textarea' | 'url';
+    options?: DropdownOption[];
+    limit?: number;
+    defaultValue?: string | number | boolean;
+};
+export type FormFieldsProps = {
+    title?: string;
+    fields: FormField[];
+    columns?: number;
+    columnsOverride?: string;
+    gap?: number;
+    noLabel?: boolean;
+    formDefaults: Record<string, any>;
+    onChange: (key: string, e: React.ChangeEvent<HTMLInputElement>, type?: string) => void;
+};
+declare const FormFields: React.FC<FormFieldsProps>;
+export default FormFields;

package/FormFields/FormFields.js

@@ -0,0 +1,34 @@
+import { jsxs as h, Fragment as x, jsx as m } from "react/jsx-runtime";
+import { FormInput as w } from "../FormInput/FormInput.js";
+import { FormSectionTitle as g, FormFieldGrid as j } from "../FormComponents/FormComponents.js";
+import D from "../theme.js";
+import { u as S } from "../.chunks/useMediaQuery.js";
+const M = ({
+  title: e,
+  fields: i,
+  columns: t = S(`(max-width: ${D.screenSizes.tablet})`) ? 2 : 3,
+  columnsOverride: l,
+  gap: n = 21,
+  noLabel: a = !1,
+  formDefaults: d,
+  onChange: s
+}) => /* @__PURE__ */ h(x, { children: [
+  e && /* @__PURE__ */ m(g, { children: e }),
+  /* @__PURE__ */ m(j, { columns: t, columnsOverride: l, gap: n, children: i.map(({ key: o, label: u, type: r, limit: f, options: p, defaultValue: F }) => /* @__PURE__ */ m(
+    w,
+    {
+      onChange: (c) => s(o, c, r),
+      label: u,
+      type: r,
+      limit: f,
+      defaultValue: d[o] || r === "multiDropdown" ? [] : F,
+      noLabel: a,
+      options: p,
+      multiple: r === "multiDropdown"
+    },
+    o
+  )) })
+] });
+export {
+  M as default
+};

package/FormFields/index.d.ts

@@ -0,0 +1 @@
+export { default, type FormField, type FormFieldsProps } from './FormFields';

package/FormFields/index.js

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

package/FormInput/FormInput.d.ts

@@ -2,7 +2,7 @@ import { LabeledInputProps } from '../../../../../../../../../src/components/com
 import { LabeledCurrencyInputProps } from '../../../../../../../../../src/components/composite/LabeledCurrencyInput';
 import { LabeledCheckboxProps } from '../../../../../../../../../src/components/composite/LabeledCheckbox';
 import { LabeledDropdownProps } from '../../../../../../../../../src/components/composite/LabeledDropdown';
-export type AllInputProps = LabeledInputProps | LabeledCheckboxProps | LabeledDropdownProps | LabeledCurrencyInputProps;
+export type AllInputProps = LabeledInputProps & LabeledCheckboxProps & LabeledDropdownProps & LabeledCurrencyInputProps;
 export type FormInputProps = AllInputProps & {
     type?: 'text' | 'dropdown' | 'date' | 'number' | 'checkbox' | 'radio' | 'textarea' | 'currency';
 };

package/LabeledCurrencyInput/LabeledCurrencyInput.d.ts

@@ -2,11 +2,11 @@ import { InputProps } from '../../../../../../../../../src/components/base/Input
 export interface StyleProps {
     grid?: boolean;
 }
-export interface LabeledCurrencyInputProps extends InputProps {
+export type LabeledCurrencyInputProps = InputProps & {
     label: string;
     grid?: boolean;
     noLabel?: boolean;
     defaultValue?: string;
-}
+};
 export declare const LabeledCurrencyInput: React.FC<LabeledCurrencyInputProps>;
 export default LabeledCurrencyInput;

package/LabeledDropdown/LabeledDropdown.js

@@ -15,7 +15,7 @@ import { P as Ko } from "../.chunks/Popper.js";
 import { P as Go } from "../.chunks/Paper.js";
 import { u as Qo } from "../.chunks/Portal.js";
 import { u as Po } from "../.chunks/useControlled.js";
-import { b as io, s as Zo, u as et } from "../.chunks/TransitionGroupContext.js";
+import { c as io, s as Zo, a as et } from "../.chunks/TransitionGroupContext.js";
 import { i as ot } from "../.chunks/integerPropType.js";
 function tt(e, n, a, i, b) {
   if (process.env.NODE_ENV === "production")

package/LabeledInput/LabeledInput.d.ts

@@ -2,10 +2,11 @@ import { InputProps } from '../../../../../../../../../src/components/base/Input
 export interface StyleProps {
     grid?: boolean;
 }
-export interface LabeledInputProps extends InputProps {
+export type LabeledInputProps = InputProps & {
     label: string;
     grid?: boolean;
     noLabel?: boolean;
-}
+    limit?: number;
+};
 export declare const LabeledInput: React.FC<LabeledInputProps>;
 export default LabeledInput;

package/LabeledInput/LabeledInput.js

@@ -1,9 +1,9 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as n } from "../.chunks/emotion-react.browser.esm.js";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { n } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as l } from "../.chunks/emotion-react.browser.esm.js";
 import { Input as i } from "../Input/Input.js";
-const l = s("div")(({ grid: e }) => ({
-  ...n`
+const f = n("div")(({ grid: t }) => ({
+  ...l`
     display: flex;
     flex-wrap: nowrap;
     gap: 9px;
@@ -19,22 +19,23 @@ const l = s("div")(({ grid: e }) => ({
     }
 
     .MuiInputBase-root {
-      width: ${e && "100%"};
+      width: ${t && "100%"};
     }
   `
-})), u = ({
-  label: e,
-  grid: t = !0,
-  noLabel: a = !1,
-  ...p
-}) => /* @__PURE__ */ o(l, { grid: t, className: "jcLabeledInput", children: [
-  !a && /* @__PURE__ */ o("span", { children: [
-    e,
+})), w = ({
+  label: t,
+  grid: o = !0,
+  noLabel: p = !1,
+  limit: s,
+  ...a
+}) => /* @__PURE__ */ e(f, { grid: o, className: "jcLabeledInput", children: [
+  !p && /* @__PURE__ */ e("span", { children: [
+    t,
     ":"
   ] }),
-  /* @__PURE__ */ r(i, { ...p })
+  /* @__PURE__ */ r(i, { ...a, slotProps: { htmlInput: { limit: s } } })
 ] });
 export {
-  u as LabeledInput,
-  u as default
+  w as LabeledInput,
+  w as default
 };

package/Tooltip/Tooltip.js

@@ -2,10 +2,10 @@ import { jsxs as Pe, jsx as C } from "react/jsx-runtime";
 import * as s from "react";
 import { a as Qe, g as Ze, s as Y, c as Me, e as Ee, u as eo, b as I, P as o, d as oo } from "../.chunks/DefaultPropsProvider.js";
 import { u as to } from "../.chunks/index.js";
-import { u as ro } from "../.chunks/useTheme.js";
+import { a as ro } from "../.chunks/useTheme.js";
 import { m as G } from "../.chunks/memoTheme.js";
 import { P as $e } from "../.chunks/Popper.js";
-import { a as j, b as Re, u as po, T as no } from "../.chunks/TransitionGroupContext.js";
+import { b as j, c as Re, a as po, T as no } from "../.chunks/TransitionGroupContext.js";
 import { u as so } from "../.chunks/useControlled.js";
 import { u as ao, g as io, G as Ce, e as lo } from "../.chunks/Portal.js";
 import { a as A } from "../.chunks/resolveComponentProps.js";

package/index.js

@@ -6,8 +6,8 @@ import { Grid as l } from "./Grid/Grid.js";
 import { default as i } from "./Icon/Icon.js";
 import { Input as s } from "./Input/Input.js";
 import { LabeledValue as I } from "./LabeledValue/LabeledValue.js";
-import { default as b } from "./ListButton/ListButton.js";
-import { default as g } from "./Loading/Loading.js";
+import { default as c } from "./ListButton/ListButton.js";
+import { default as A } from "./Loading/Loading.js";
 import { default as h } from "./ScrollContainer/ScrollContainer.js";
 import { Accordion as B } from "./Accordion/Accordion.js";
 import { default as E } from "./ErrorBoundary/ErrorBoundary.js";
@@ -21,7 +21,7 @@ import { default as z } from "./WithLoading/WithLoading.js";
 import { default as K } from "./AppHeader/AppHeader.js";
 import { EditableInfoCard as O } from "./EditableInfoCard/EditableInfoCard.js";
 import { Nav as Q } from "./Nav/Nav.js";
-import { A as U } from "./.chunks/AppContainer.js";
+import { default as U } from "./AppContainer/AppContainer.js";
 export {
   B as Accordion,
   U as AppContainer,
@@ -39,8 +39,8 @@ export {
   G as LabeledInput,
   I as LabeledValue,
   N as List,
-  b as ListButton,
-  g as Loading,
+  c as ListButton,
+  A as Loading,
   T as LogoLoop,
   Q as Nav,
   h as ScrollContainer,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.265",
+  "version": "0.0.269",
   "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",