jcicl 0.0.211 → 0.0.215

package/FormInput/FormInput.d.ts

@@ -1,9 +1,10 @@
 import { LabeledInputProps } from '../../../../../../../../../src/components/composite/LabeledInput';
+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;
+export type AllInputProps = LabeledInputProps | LabeledCheckboxProps | LabeledDropdownProps | LabeledCurrencyInputProps;
 export type FormInputProps = AllInputProps & {
-    type?: 'text' | 'dropdown' | 'date' | 'number' | 'checkbox' | 'radio' | 'textarea';
+    type?: 'text' | 'dropdown' | 'date' | 'number' | 'checkbox' | 'radio' | 'textarea' | 'currency';
 };
 export declare const FormInput: React.FC<LabeledInputProps>;
 export default FormInput;

package/FormInput/FormInput.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { LabeledInput as t } from "../LabeledInput/LabeledInput.js";
-import { LabeledCheckbox as m } from "../LabeledCheckbox/LabeledCheckbox.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 c = (o) => {
-  const { type: r = "text" } = o;
-  return r === "dropdown" || r === "multiDropdown" ? /* @__PURE__ */ e(d, { ...o }) : r === "checkbox" ? /* @__PURE__ */ e(m, { ...o }) : /* @__PURE__ */ e(t, { ...o, type: r });
+const l = (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 });
 };
 export {
-  c as FormInput,
-  c as default
+  l as FormInput,
+  l as default
 };

package/LabeledCurrencyInput/LabeledCurrencyInput.d.ts

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

package/LabeledCurrencyInput/LabeledCurrencyInput.js

@@ -0,0 +1,51 @@
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { n as d } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as g } from "../.chunks/emotion-react.browser.esm.js";
+import { Input as h } from "../Input/Input.js";
+const w = d("div")(({ grid: t }) => ({
+  ...g`
+    display: flex;
+    flex-wrap: nowrap;
+    gap: 9px;
+    font-family: 'Roboto', sans-serif;
+
+    span {
+      white-space: nowrap;
+      font-weight: bold;
+    }
+
+    .MuiTextField-root {
+      flex-grow: 1;
+    }
+
+    .MuiCurrencyInputBase-root {
+      width: ${t && "100%"};
+    }
+  `
+})), j = ({
+  label: t,
+  grid: l = !0,
+  noLabel: p = !1,
+  onChange: r,
+  ...u
+}) => {
+  const [i, n] = f("");
+  return /* @__PURE__ */ s(w, { grid: l, className: "jcLabeledCurrencyInput", children: [
+    !p && /* @__PURE__ */ s("span", { children: [
+      t,
+      ":"
+    ] }),
+    /* @__PURE__ */ m(h, { ...u, onChange: (a) => {
+      const { value: c } = a.target, e = c.replace(/[^0-9.-]+/g, ""), o = new Intl.NumberFormat("en-US", {
+        style: "decimal",
+        maximumFractionDigits: 2
+      }).format(Number(e) || 0);
+      e && e.length > 1 && e[e.length - 1] === "." ? n(o + ".") : n(o), r && r(a);
+    }, value: `$${i}` })
+  ] });
+};
+export {
+  j as LabeledCurrencyInput,
+  j as default
+};

package/LabeledCurrencyInput/index.d.ts

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

package/LabeledCurrencyInput/index.js

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

package/package.json

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