jcicl 1.0.51 → 1.0.53

package/.chunks/AppHeader.js

@@ -93,6 +93,7 @@ const ce = (e) => S || (S = re(e)), se = F(/* @__PURE__ */ t("path", {
     display: flex;
     gap: 1rem;
     height: ${e}px;
+    flex-shrink: 0;
   `
 })), le = f("div")(({ width: e, loggedIn: n }) => ({
   ...b`
@@ -116,8 +117,10 @@ const ce = (e) => S || (S = re(e)), se = F(/* @__PURE__ */ t("path", {
 })), V = f("div")(() => ({
   ...b`
     display: flex;
-    width: 1360px;
-    max-width: 100%;
+    max-width: 1360px;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
     align-items: center;
     justify-content: center;
     .MuiFormControl-root {

package/FormFields/FormFields.d.ts

@@ -20,6 +20,7 @@ export type FormFieldsProps = {
     checkboxContainer?: boolean;
     formDefaults: Record<string, any>;
     onChange: (key: string, e: React.ChangeEvent<HTMLInputElement>, type?: string) => void;
+    compact?: boolean;
 };
 declare const FormFields: React.FC<FormFieldsProps>;
 export default FormFields;

package/FormFields/FormFields.js

@@ -1,53 +1,97 @@
-import { jsxs as C, Fragment as D, jsx as l } from "react/jsx-runtime";
-import { FormInput as p } from "../FormInput/FormInput.js";
-import { FormSectionTitle as g, FormFieldGrid as j, FormFieldCheckboxContainer as T } from "../FormComponents/FormComponents.js";
-import { isTablet as G } from "../utils.js";
-const q = ({
-  title: t,
-  fields: h,
-  columns: v,
-  columnsOverride: b,
-  gap: w = 21,
-  noLabel: a = !1,
+import { jsxs as b, Fragment as C, jsx as m } from "react/jsx-runtime";
+import { FormInput as h } from "../FormInput/FormInput.js";
+import { FormSectionTitle as T, FormFieldGrid as j, FormTextLine as L, FormFieldCheckboxContainer as G } from "../FormComponents/FormComponents.js";
+import "../AvatarWithImage/AvatarWithImage.js";
+import "../Button/Button.js";
+import "../Divider/Divider.js";
+import { Flex as I } from "../Flex/Flex.js";
+import "../Grid/Grid.js";
+import "../Icon/Icon.js";
+import "../Input/Input.js";
+import "../LabeledValue/LabeledValue.js";
+import "../ListButton/ListButton.js";
+import "../Loading/Loading.js";
+import "../ScrollContainer/ScrollContainer.js";
+import "react";
+import { isTablet as S } from "../utils.js";
+import "../CustomAlert/CustomAlert.js";
+import "react-dom";
+import "../Accordion/Accordion.js";
+import "../ErrorBoundary/ErrorBoundary.js";
+import "../InfoCard/InfoCard.js";
+import "../LabeledInput/LabeledInput.js";
+import "../List/List.js";
+import "../LogoLoop/LogoLoop.js";
+import "../SiteBanner/SiteBanner.js";
+import "../WithLabel/WithLabel.js";
+import "../WithLoading/WithLoading.js";
+import "../RecordCard/RecordCard.js";
+import "../.chunks/AppHeader.js";
+import "../EditableInfoCard/EditableInfoCard.js";
+import "../Nav/Nav.js";
+import "../AppContainer/AppContainer.js";
+const co = ({
+  title: a,
+  fields: s,
+  columns: f,
+  columnsOverride: w,
+  gap: D = 21,
+  noLabel: x = !1,
   checkboxContainer: F = !1,
-  formDefaults: c,
-  onChange: x
+  compact: v = !1,
+  formDefaults: n,
+  onChange: e
 }) => {
-  const f = v ?? (G() ? 2 : 3);
-  return /* @__PURE__ */ C(D, { children: [
-    t && /* @__PURE__ */ l(g, { children: t }),
-    !F && /* @__PURE__ */ l(j, { columns: f, columnsOverride: b, gap: w, children: h.map(({ key: r, label: m, type: o, limit: d, options: u, defaultValue: i, ...e }) => {
-      const n = c[r] !== void 0 ? c[r] : i !== void 0 ? i : o === "multiDropdown" ? [] : o === "checkbox" ? !1 : "";
-      return /* @__PURE__ */ l(
-        p,
+  const g = f ?? (S() ? 2 : 3);
+  return /* @__PURE__ */ b(C, { children: [
+    a && /* @__PURE__ */ m(T, { children: a }),
+    !F && /* @__PURE__ */ m(j, { columns: g, columnsOverride: w, gap: D, children: s.map(({ key: r, label: l, type: o, limit: c, options: u, defaultValue: t, ...d }) => {
+      const i = n[r] !== void 0 ? n[r] : t !== void 0 ? t : o === "multiDropdown" ? [] : o === "checkbox" ? !1 : "";
+      return v ? /* @__PURE__ */ b(I, { column: !0, gap: "9px", children: [
+        /* @__PURE__ */ m(L, { children: l }),
+        /* @__PURE__ */ m(
+          h,
+          {
+            onChange: (p) => e(r, p, o),
+            type: o,
+            limit: c,
+            ...o === "checkbox" ? { checked: !!i } : { value: i },
+            noLabel: !0,
+            options: u,
+            multiple: o === "multiDropdown",
+            ...d
+          }
+        )
+      ] }, r) : /* @__PURE__ */ m(
+        h,
         {
-          onChange: (s) => x(r, s, o),
-          label: m,
+          onChange: (p) => e(r, p, o),
+          label: l,
           type: o,
-          limit: d,
-          ...o === "checkbox" ? { checked: !!n } : { value: n },
-          noLabel: a,
+          limit: c,
+          ...o === "checkbox" ? { checked: !!i } : { value: i },
+          noLabel: x || v,
           options: u,
           multiple: o === "multiDropdown",
-          ...e
+          ...d
         },
         r
       );
     }) }),
-    F && /* @__PURE__ */ l(T, { children: h.map(({ key: r, label: m, type: o, limit: d, options: u, defaultValue: i, ...e }) => {
-      const n = c[r] !== void 0 ? c[r] : i !== void 0 ? i : o === "multiDropdown" ? [] : o === "checkbox" ? !1 : "";
-      return /* @__PURE__ */ l(
-        p,
+    F && /* @__PURE__ */ m(G, { children: s.map(({ key: r, label: l, type: o, limit: c, options: u, defaultValue: t, ...d }) => {
+      const i = n[r] !== void 0 ? n[r] : t !== void 0 ? t : o === "multiDropdown" ? [] : o === "checkbox" ? !1 : "";
+      return /* @__PURE__ */ m(
+        h,
         {
-          onChange: (s) => x(r, s, o),
-          label: m,
+          onChange: (p) => e(r, p, o),
+          label: l,
           type: o,
-          limit: d,
-          ...o === "checkbox" ? { checked: !!n } : { defaultValue: n },
-          noLabel: a,
+          limit: c,
+          ...o === "checkbox" ? { checked: !!i } : { defaultValue: i },
+          noLabel: x,
           options: u,
           multiple: o === "multiDropdown",
-          ...e
+          ...d
         },
         r
       );
@@ -55,5 +99,5 @@ const q = ({
   ] });
 };
 export {
-  q as default
+  co as default
 };

package/package.json

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