jcicl 0.0.173 → 0.0.175

package/.chunks/index.js

@@ -1,38 +1,11 @@
-import * as o from "react";
-import { b as v, P as N } from "./DefaultPropsProvider.js";
+import { b as v, P as h } from "./DefaultPropsProvider.js";
+import * as E from "react";
 import "react/jsx-runtime";
-function H({
-  controlled: n,
-  default: c,
-  name: e,
-  state: t = "value"
-}) {
-  const {
-    current: s
-  } = o.useRef(n !== void 0), [f, i] = o.useState(c), l = s ? n : f;
-  if (process.env.NODE_ENV !== "production") {
-    o.useEffect(() => {
-      s !== (n !== void 0) && console.error([`MUI: A component is changing the ${s ? "" : "un"}controlled ${t} state of ${e} to be ${s ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${e} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [t, e, n]);
-    const {
-      current: u
-    } = o.useRef(c);
-    o.useEffect(() => {
-      !s && !Object.is(u, c) && console.error([`MUI: A component is changing the default ${t} state of an uncontrolled ${e} after being initialized. To suppress this warning opt to use a controlled ${e}.`].join(`
-`));
-    }, [JSON.stringify(c)]);
-  }
-  const r = o.useCallback((u) => {
-    s || i(u);
-  }, []);
-  return [l, r];
-}
-function C(n) {
+function O(n) {
   return typeof n == "string";
 }
-function k(n, c, e) {
-  return n === void 0 || C(n) ? c : {
+function Z(n, c, e) {
+  return n === void 0 || O(n) ? c : {
     ...c,
     ownerState: {
       ...c.ownerState,
@@ -40,7 +13,7 @@ function k(n, c, e) {
     }
   };
 }
-function O(n, c = []) {
+function R(n, c = []) {
   if (n === void 0)
     return {};
   const e = {};
@@ -48,7 +21,7 @@ function O(n, c = []) {
     e[t] = n[t];
   }), e;
 }
-function E(n) {
+function g(n) {
   if (n === void 0)
     return {};
   const c = {};
@@ -56,59 +29,58 @@ function E(n) {
     c[e] = n[e];
   }), c;
 }
-function V(n) {
+function r(n) {
   const {
     getSlotProps: c,
     additionalProps: e,
     externalSlotProps: t,
     externalForwardedProps: s,
-    className: f
+    className: m
   } = n;
   if (!c) {
-    const y = v(e == null ? void 0 : e.className, f, s == null ? void 0 : s.className, t == null ? void 0 : t.className), g = {
+    const a = v(e == null ? void 0 : e.className, m, s == null ? void 0 : s.className, t == null ? void 0 : t.className), N = {
       ...e == null ? void 0 : e.style,
       ...s == null ? void 0 : s.style,
       ...t == null ? void 0 : t.style
-    }, m = {
+    }, i = {
       ...e,
       ...s,
       ...t
     };
-    return y.length > 0 && (m.className = y), Object.keys(g).length > 0 && (m.style = g), {
-      props: m,
+    return a.length > 0 && (i.className = a), Object.keys(N).length > 0 && (i.style = N), {
+      props: i,
       internalRef: void 0
     };
   }
-  const i = O({
+  const C = R({
     ...s,
     ...t
-  }), l = E(t), r = E(s), u = c(i), h = v(u == null ? void 0 : u.className, e == null ? void 0 : e.className, f, s == null ? void 0 : s.className, t == null ? void 0 : t.className), d = {
+  }), o = g(t), H = g(s), u = c(C), y = v(u == null ? void 0 : u.className, e == null ? void 0 : e.className, m, s == null ? void 0 : s.className, t == null ? void 0 : t.className), l = {
     ...u == null ? void 0 : u.style,
     ...e == null ? void 0 : e.style,
     ...s == null ? void 0 : s.style,
     ...t == null ? void 0 : t.style
-  }, a = {
+  }, f = {
     ...u,
     ...e,
-    ...r,
-    ...l
+    ...H,
+    ...o
   };
-  return h.length > 0 && (a.className = h), Object.keys(d).length > 0 && (a.style = d), {
-    props: a,
+  return y.length > 0 && (f.className = y), Object.keys(l).length > 0 && (f.style = l), {
+    props: f,
     internalRef: u.ref
   };
 }
-function A(n, c, e) {
+function D(n, c, e) {
   return typeof n == "function" ? n(c, e) : n;
 }
-const $ = /* @__PURE__ */ o.createContext();
-process.env.NODE_ENV !== "production" && (N.node, N.bool);
-const I = () => o.useContext($) ?? !1;
+const k = /* @__PURE__ */ E.createContext();
+process.env.NODE_ENV !== "production" && (h.node, h.bool);
+const V = () => E.useContext(k) ?? !1;
 export {
-  k as a,
-  H as b,
-  O as e,
-  V as m,
-  A as r,
-  I as u
+  Z as a,
+  R as e,
+  r as m,
+  D as r,
+  V as u
 };

package/.chunks/useControlled.js

@@ -0,0 +1,31 @@
+import * as t from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: n,
+  state: r = "value"
+}) {
+  const {
+    current: e
+  } = t.useRef(o !== void 0), [c, l] = t.useState(s), u = e ? o : c;
+  if (process.env.NODE_ENV !== "production") {
+    t.useEffect(() => {
+      e !== (o !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${r} state of ${n} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [r, n, o]);
+    const {
+      current: i
+    } = t.useRef(s);
+    t.useEffect(() => {
+      !e && !Object.is(i, s) && console.error([`MUI: A component is changing the default ${r} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = t.useCallback((i) => {
+    e || l(i);
+  }, []);
+  return [u, f];
+}
+export {
+  d as u
+};

package/.chunks/useFormControl.js

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "FormControlContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as F,
+  e as u
+};

package/FormInput/FormInput.d.ts

@@ -0,0 +1,7 @@
+import { LabeledInputProps } from '../../../../../../../../../src/components/composite/LabeledInput';
+export type AllInputProps = LabeledInputProps;
+export interface FormInputProps extends AllInputProps {
+    type?: 'text' | 'dropdown' | 'date' | 'number' | 'checkbox' | 'radio' | 'textarea';
+}
+export declare const FormInput: React.FC<LabeledInputProps>;
+export default FormInput;

package/FormInput/FormInput.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { LabeledInput as r } from "../LabeledInput/LabeledInput.js";
+const p = (t) => {
+  const { type: e = "text" } = t;
+  return /* @__PURE__ */ o(r, { ...t, type: e });
+};
+export {
+  p as FormInput,
+  p as default
+};

package/Input/Input.js

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import { n as t } from "../.chunks/emotion-styled.browser.esm.js";
-import r from "../theme.js";
-import { T as d } from "../.chunks/TextField.js";
-const s = t(d, {
+import e from "../theme.js";
+import { T as s } from "../.chunks/TextField.js";
+const d = t(s, {
   shouldForwardProp: (o) => o != "borderFocusColor"
 })(({ borderFocusColor: o }) => ({
-  backgroundColor: r.colors.white,
+  backgroundColor: e.colors.white,
   borderRadius: "0",
   height: "18px",
   input: {
@@ -13,14 +13,15 @@ const s = t(d, {
     height: "15px",
     padding: "2px 0",
     borderRadius: "0",
-    borderBottom: `1px solid ${r.colors.gray}`,
+    borderBottom: `1px solid ${e.colors.gray}`,
+    width: "100%",
     "&:focus-visible": {
-      boxShadow: `0 3px 2px -2px ${o}`
+      boxShadow: `0 -5px 4px -4px ${o} inset`
     }
   },
   "&:hover, :focus-visible": {
     input: {
-      boxShadow: `0 3px 2px -2px ${o}`
+      boxShadow: `0 -5px 4px -4px ${o} inset`
     }
   },
   fieldset: {
@@ -33,10 +34,10 @@ const s = t(d, {
     }
   }
 })), x = ({
-  borderFocusColor: o = r.colors.darkGreen,
-  // icon primary
-  ...e
-}) => /* @__PURE__ */ i(s, { borderFocusColor: o, ...e });
+  borderFocusColor: o = e.colors.green,
+  // border primary
+  ...r
+}) => /* @__PURE__ */ i(d, { borderFocusColor: o, ...r });
 export {
   x as Input,
   x as default

package/LabeledCheckbox/LabeledCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { CheckboxProps } from '@mui/material/Checkbox';
+export type LabeledCheckboxProps = {
+    label: string;
+} & CheckboxProps;
+export declare const LabeledCheckbox: React.FC<LabeledCheckboxProps>;
+export default LabeledCheckbox;