jcicl 0.0.317 → 0.0.321

package/FormFields/FormFields.d.ts

@@ -1,7 +1,7 @@
 import { DropdownOption } from '../../../../../../../../../src/components/composite/LabeledDropdown';
 export type FormField = {
     key: string;
-    label: string;
+    label?: string;
     sublabel?: string;
     type: 'checkbox' | 'currency' | 'date' | 'dropdown' | 'email' | 'multiDropdown' | 'number' | 'phone' | 'radio' | 'text' | 'textarea' | 'url';
     options?: DropdownOption[];

package/FormInput/FormInput.d.ts

@@ -2,7 +2,8 @@ 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;
+import { LabeledTextAreaProps } from '../../../../../../../../../src/components/composite/LabeledTextArea/LabeledTextArea';
+export type AllInputProps = LabeledInputProps & LabeledCheckboxProps & LabeledDropdownProps & LabeledCurrencyInputProps & LabeledTextAreaProps;
 export type FormInputProps = AllInputProps & {
     type?: 'text' | 'dropdown' | 'date' | 'number' | 'checkbox' | 'radio' | 'textarea' | 'currency';
 };

package/FormInput/FormInput.js

@@ -1,13 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { LabeledInput as t } from "../LabeledInput/LabeledInput.js";
+import { jsx as t } from "react/jsx-runtime";
+import { LabeledInput as o } from "../LabeledInput/LabeledInput.js";
 import { LabeledCurrencyInput as m } from "../LabeledCurrencyInput/LabeledCurrencyInput.js";
-import { LabeledCheckbox as n } from "../LabeledCheckbox/LabeledCheckbox.js";
-import { LabeledDropdown as d } from "../LabeledDropdown/LabeledDropdown.js";
-const l = (r) => {
+import { LabeledCheckbox as f } from "../LabeledCheckbox/LabeledCheckbox.js";
+import { LabeledDropdown as a } from "../LabeledDropdown/LabeledDropdown.js";
+import { LabeledTextArea as d } from "../LabeledTextArea/LabeledTextArea.js";
+const i = (r) => {
   const { type: e = "text" } = r;
-  return e === "dropdown" || e === "multiDropdown" ? /* @__PURE__ */ o(d, { ...r }) : e === "checkbox" ? /* @__PURE__ */ o(n, { ...r }) : e === "currency" ? /* @__PURE__ */ o(m, { ...r }) : /* @__PURE__ */ o(t, { ...r, type: e });
+  return e === "dropdown" || e === "multiDropdown" ? /* @__PURE__ */ t(a, { ...r }) : e === "checkbox" ? /* @__PURE__ */ t(f, { ...r }) : e === "currency" ? /* @__PURE__ */ t(m, { ...r }) : e === "textarea" ? /* @__PURE__ */ t(d, { ...r }) : /* @__PURE__ */ t(o, { ...r, type: e });
 };
 export {
-  l as FormInput,
-  l as default
+  i as FormInput,
+  i as default
 };

package/LabeledInput/LabeledInput.d.ts

@@ -3,7 +3,7 @@ export interface StyleProps {
     grid?: boolean;
 }
 export type LabeledInputProps = InputProps & {
-    label: string;
+    label?: string;
     grid?: boolean;
     noLabel?: boolean;
     limit?: number;

package/LabeledTextArea/LabeledTextArea.d.ts

@@ -0,0 +1,9 @@
+import { TextFieldProps } from '@mui/material/TextField';
+export interface StyleProps {
+    grid?: boolean;
+}
+export type LabeledTextAreaProps = TextFieldProps & {
+    label?: string;
+};
+export declare const LabeledTextArea: React.FC<LabeledTextAreaProps>;
+export default LabeledTextArea;

package/LabeledTextArea/LabeledTextArea.js

@@ -0,0 +1,54 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as a } from "../.chunks/emotion-react.browser.esm.js";
+import o from "../theme.js";
+import { T as n } from "../.chunks/TextField.js";
+const d = s("div")(() => ({
+  ...a`
+    display: flex;
+    flex-direction: column;
+    font-family: 'Roboto', sans-serif;
+
+    span {
+      font-weight: bold;
+      margin-bottom: 3px;
+    }
+
+    .MuiInputBase-root {
+      padding: 0px;
+
+      textarea {
+        &:hover,
+        :focus {
+          box-shadow: ${o.boxShadows.green} inset;
+        }
+        width: 100%;
+        padding: 13px;
+        border: 1px solid ${o.colors.formBorder};
+        border-radius: 9px;
+        resize: vertical;
+        min-height: 130px;
+        font-family: inherit;
+        transition: all 313ms ease;
+        background: transparent;
+      }
+
+      fieldset {
+        border: none;
+      }
+
+      &.Mui-focused {
+        fieldset {
+          border: none;
+        }
+      }
+    }
+  `
+})), c = ({ label: e, ...t }) => /* @__PURE__ */ i(d, { className: "jcLabeledTextArea", children: [
+  e && /* @__PURE__ */ r("span", { children: e }),
+  /* @__PURE__ */ r(n, { ...t, multiline: !0, fullWidth: !0, rows: 1 })
+] });
+export {
+  c as LabeledTextArea,
+  c as default
+};

package/package.json

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

package/theme.d.ts

@@ -16,6 +16,7 @@ export interface ThemeColors {
     darkGreenO99: string;
     darkRed: string;
     emerald: string;
+    formBorder: string;
     gold: string;
     goldHover: string;
     gold2: string;

package/theme.js

@@ -21,6 +21,7 @@ const a = {
     darkGreenO99: "#005c0099",
     darkRed: "#800000",
     emerald: "#004d24",
+    formBorder: "rgb(114,114,114)",
     gold: "#fab62d",
     goldHover: "#e0a022",
     gold2: "#fcba03",