jcicl 0.0.181 → 0.0.185

package/.chunks/createSvgIcon.js

@@ -1,6 +1,6 @@
 import * as z from "react";
 import { jsxs as I, jsx as b } from "react/jsx-runtime";
-import { g as w, a as C, s as T, c as x, u as N, b as O, P as e, d as R } from "./DefaultPropsProvider.js";
+import { a as w, g as C, s as T, e as x, u as N, c as O, P as e, b as R } from "./DefaultPropsProvider.js";
 import { m as j } from "./memoTheme.js";
 function E(o) {
   return w("MuiSvgIcon", o);

package/.chunks/dividerClasses.js

@@ -0,0 +1,9 @@
+import { g as t, a as e } from "./DefaultPropsProvider.js";
+function l(i) {
+  return e("MuiDivider", i);
+}
+const a = t("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+export {
+  a as d,
+  l as g
+};

package/.chunks/index.js

@@ -1,4 +1,4 @@
-import { b as v, P as h } from "./DefaultPropsProvider.js";
+import { c as v, P as h } from "./DefaultPropsProvider.js";
 import * as E from "react";
 import "react/jsx-runtime";
 function O(n) {

package/AppContainer/AppContainer.js

@@ -11,7 +11,7 @@ import { Button as K } from "../Button/Button.js";
 import i from "../theme.js";
 import { l as Ae } from "../.chunks/jocologo.js";
 import { X as je } from "../.chunks/Close.js";
-import { P as t, g as Ue, a as Fe, s as ce, r as Ve, c as Z, u as We, b as _, d as Qe } from "../.chunks/DefaultPropsProvider.js";
+import { P as t, a as Ue, g as Fe, s as ce, r as Ve, e as Z, u as We, c as _, b as Qe } from "../.chunks/DefaultPropsProvider.js";
 import { u as Xe } from "../.chunks/index.js";
 import { u as Ge, e as Ye, H as _e, a as ke, g as Je, T as Ke, r as Ze, b as me } from "../.chunks/Portal.js";
 import { m as Ce } from "../.chunks/memoTheme.js";

package/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsxs as H, jsx as l } from "react/jsx-runtime";
 import * as g from "react";
-import { g as _, a as A, s as c, r as q, c as d, f as J, u as K, b as O, P as t, d as Q, e as v } from "../.chunks/DefaultPropsProvider.js";
+import { a as _, g as A, s as c, r as q, e as d, f as J, u as K, c as O, P as t, b as Q, d as v } from "../.chunks/DefaultPropsProvider.js";
 import { m as X } from "../.chunks/memoTheme.js";
 import { c as Y } from "../.chunks/createSimplePaletteValueFilter.js";
 import { B as S } from "../.chunks/ButtonBase.js";

package/Divider/Divider.js

@@ -1,45 +1,42 @@
-import { jsx as g } from "react/jsx-runtime";
-import { n as C, i as D } from "../.chunks/emotion-styled.browser.esm.js";
+import { jsx as h } from "react/jsx-runtime";
+import { n as D, i as S } from "../.chunks/emotion-styled.browser.esm.js";
 import * as A from "react";
-import { a as R, g as S, s as u, u as T, b as L, P as r, d as W, e as $ } from "../.chunks/DefaultPropsProvider.js";
-import { m as b } from "../.chunks/memoTheme.js";
-function I(t) {
-  return S("MuiDivider", t);
-}
-R("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const O = (t) => {
+import { s as b, u as C, c as R, P as i, b as T, d as $ } from "../.chunks/DefaultPropsProvider.js";
+import { m } from "../.chunks/memoTheme.js";
+import { g as L } from "../.chunks/dividerClasses.js";
+const W = (e) => {
   const {
-    absolute: e,
-    children: i,
+    absolute: t,
+    children: r,
     classes: o,
     flexItem: p,
     light: s,
     orientation: a,
-    textAlign: l,
-    variant: n
-  } = t;
-  return W({
-    root: ["root", e && "absolute", n, s && "light", a === "vertical" && "vertical", p && "flexItem", i && "withChildren", i && a === "vertical" && "withChildrenVertical", l === "right" && a !== "vertical" && "textAlignRight", l === "left" && a !== "vertical" && "textAlignLeft"],
+    textAlign: n,
+    variant: l
+  } = e;
+  return T({
+    root: ["root", t && "absolute", l, s && "light", a === "vertical" && "vertical", p && "flexItem", r && "withChildren", r && a === "vertical" && "withChildrenVertical", n === "right" && a !== "vertical" && "textAlignRight", n === "left" && a !== "vertical" && "textAlignLeft"],
     wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
-  }, I, o);
-}, V = u("div", {
+  }, L, o);
+}, O = b("div", {
   name: "MuiDivider",
   slot: "Root",
-  overridesResolver: (t, e) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: i
-    } = t;
-    return [e.root, i.absolute && e.absolute, e[i.variant], i.light && e.light, i.orientation === "vertical" && e.vertical, i.flexItem && e.flexItem, i.children && e.withChildren, i.children && i.orientation === "vertical" && e.withChildrenVertical, i.textAlign === "right" && i.orientation !== "vertical" && e.textAlignRight, i.textAlign === "left" && i.orientation !== "vertical" && e.textAlignLeft];
+      ownerState: r
+    } = e;
+    return [t.root, r.absolute && t.absolute, t[r.variant], r.light && t.light, r.orientation === "vertical" && t.vertical, r.flexItem && t.flexItem, r.children && t.withChildren, r.children && r.orientation === "vertical" && t.withChildrenVertical, r.textAlign === "right" && r.orientation !== "vertical" && t.textAlignRight, r.textAlign === "left" && r.orientation !== "vertical" && t.textAlignLeft];
   }
-})(b(({
-  theme: t
+})(m(({
+  theme: e
 }) => ({
   margin: 0,
   // Reset browser default style.
   flexShrink: 0,
   borderWidth: 0,
   borderStyle: "solid",
-  borderColor: (t.vars || t).palette.divider,
+  borderColor: (e.vars || e).palette.divider,
   borderBottomWidth: "thin",
   variants: [{
     props: {
@@ -56,7 +53,7 @@ const O = (t) => {
       light: !0
     },
     style: {
-      borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : $(t.palette.divider, 0.08)
+      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : $(e.palette.divider, 0.08)
     }
   }, {
     props: {
@@ -71,8 +68,8 @@ const O = (t) => {
       orientation: "horizontal"
     },
     style: {
-      marginLeft: t.spacing(2),
-      marginRight: t.spacing(2)
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
     }
   }, {
     props: {
@@ -80,8 +77,8 @@ const O = (t) => {
       orientation: "vertical"
     },
     style: {
-      marginTop: t.spacing(1),
-      marginBottom: t.spacing(1)
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
     }
   }, {
     props: {
@@ -102,8 +99,8 @@ const O = (t) => {
     }
   }, {
     props: ({
-      ownerState: e
-    }) => !!e.children,
+      ownerState: t
+    }) => !!t.children,
     style: {
       display: "flex",
       whiteSpace: "nowrap",
@@ -118,31 +115,31 @@ const O = (t) => {
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.children && e.orientation !== "vertical",
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
     style: {
       "&::before, &::after": {
         width: "100%",
-        borderTop: `thin solid ${(t.vars || t).palette.divider}`,
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
         borderTopStyle: "inherit"
       }
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.orientation === "vertical" && e.children,
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
     style: {
       flexDirection: "column",
       "&::before, &::after": {
         height: "100%",
-        borderLeft: `thin solid ${(t.vars || t).palette.divider}`,
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
         borderLeftStyle: "inherit"
       }
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.textAlign === "right" && e.orientation !== "vertical",
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
     style: {
       "&::before": {
         width: "90%"
@@ -153,8 +150,8 @@ const O = (t) => {
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.textAlign === "left" && e.orientation !== "vertical",
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
     style: {
       "&::before": {
         width: "10%"
@@ -164,68 +161,68 @@ const O = (t) => {
       }
     }
   }]
-}))), N = u("span", {
+}))), I = b("span", {
   name: "MuiDivider",
   slot: "Wrapper",
-  overridesResolver: (t, e) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: i
-    } = t;
-    return [e.wrapper, i.orientation === "vertical" && e.wrapperVertical];
+      ownerState: r
+    } = e;
+    return [t.wrapper, r.orientation === "vertical" && t.wrapperVertical];
   }
-})(b(({
-  theme: t
+})(m(({
+  theme: e
 }) => ({
   display: "inline-block",
-  paddingLeft: `calc(${t.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${t.spacing(1)} * 1.2)`,
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
   variants: [{
     props: {
       orientation: "vertical"
     },
     style: {
-      paddingTop: `calc(${t.spacing(1)} * 1.2)`,
-      paddingBottom: `calc(${t.spacing(1)} * 1.2)`
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
     }
   }]
-}))), d = /* @__PURE__ */ A.forwardRef(function(e, i) {
-  const o = T({
-    props: e,
+}))), d = /* @__PURE__ */ A.forwardRef(function(t, r) {
+  const o = C({
+    props: t,
     name: "MuiDivider"
   }), {
     absolute: p = !1,
     children: s,
     className: a,
-    orientation: l = "horizontal",
-    component: n = s || l === "vertical" ? "div" : "hr",
-    flexItem: f = !1,
-    light: m = !1,
-    role: c = n !== "hr" ? "separator" : void 0,
+    orientation: n = "horizontal",
+    component: l = s || n === "vertical" ? "div" : "hr",
+    flexItem: g = !1,
+    light: u = !1,
+    role: c = l !== "hr" ? "separator" : void 0,
     textAlign: x = "center",
     variant: w = "fullWidth",
     ...y
-  } = o, h = {
+  } = o, f = {
     ...o,
     absolute: p,
-    component: n,
-    flexItem: f,
-    light: m,
-    orientation: l,
+    component: l,
+    flexItem: g,
+    light: u,
+    orientation: n,
     role: c,
     textAlign: x,
     variant: w
-  }, v = O(h);
-  return /* @__PURE__ */ g(V, {
-    as: n,
-    className: L(v.root, a),
+  }, v = W(f);
+  return /* @__PURE__ */ h(O, {
+    as: l,
+    className: R(v.root, a),
     role: c,
-    ref: i,
-    ownerState: h,
-    "aria-orientation": c === "separator" && (n !== "hr" || l === "vertical") ? l : void 0,
+    ref: r,
+    ownerState: f,
+    "aria-orientation": c === "separator" && (l !== "hr" || n === "vertical") ? n : void 0,
     ...y,
-    children: s ? /* @__PURE__ */ g(N, {
+    children: s ? /* @__PURE__ */ h(I, {
       className: v.wrapper,
-      ownerState: h,
+      ownerState: f,
       children: s
     }) : null
   });
@@ -240,71 +237,71 @@ process.env.NODE_ENV !== "production" && (d.propTypes = {
    * Absolutely position the element.
    * @default false
    */
-  absolute: r.bool,
+  absolute: i.bool,
   /**
    * The content of the component.
    */
-  children: r.node,
+  children: i.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: i.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: i.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: i.elementType,
   /**
    * If `true`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
-  flexItem: r.bool,
+  flexItem: i.bool,
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  light: r.bool,
+  light: i.bool,
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation: r.oneOf(["horizontal", "vertical"]),
+  orientation: i.oneOf(["horizontal", "vertical"]),
   /**
    * @ignore
    */
-  role: r.string,
+  role: i.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
   /**
    * The text alignment.
    * @default 'center'
    */
-  textAlign: r.oneOf(["center", "left", "right"]),
+  textAlign: i.oneOf(["center", "left", "right"]),
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+  variant: i.oneOfType([i.oneOf(["fullWidth", "inset", "middle"]), i.string])
 });
-const B = C(d, {
-  shouldForwardProp: (t) => D(t) && typeof t == "string"
-})(({ color: t = "midnight", opacity: e = 1, spacing: i = 8, vertical: o }) => ({
-  borderBottomColor: o ? "transparent" : t,
-  borderRightColor: o ? t : "transparent",
-  opacity: e,
-  margin: o ? `0 ${i}px` : `${i}px 0`,
+const N = D(d, {
+  shouldForwardProp: (e) => S(e) && typeof e == "string"
+})(({ color: e = "midnight", opacity: t = 1, spacing: r = 8, vertical: o }) => ({
+  borderBottomColor: o ? "transparent" : e,
+  borderRightColor: o ? e : "transparent",
+  opacity: t,
+  margin: o ? `0 ${r}px` : `${r}px 0`,
   height: o ? "100%" : 0,
   width: o ? 1 : "100%"
-})), k = ({ orientation: t, ...e }) => /* @__PURE__ */ g(B, { vertical: t === "vertical", ...e });
+})), z = ({ orientation: e, ...t }) => /* @__PURE__ */ h(N, { vertical: e === "vertical", ...t });
 export {
-  k as Divider,
-  k as default
+  z as Divider,
+  z as default
 };

package/FormInput/FormInput.d.ts

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

package/FormInput/FormInput.js

@@ -1,11 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { LabeledInput as r } from "../LabeledInput/LabeledInput.js";
+import { jsx as r } from "react/jsx-runtime";
+import { LabeledInput as t } from "../LabeledInput/LabeledInput.js";
 import { LabeledCheckbox as m } from "../LabeledCheckbox/LabeledCheckbox.js";
-const a = (e) => {
-  const { type: t = "text" } = e;
-  return t === "checkbox" ? /* @__PURE__ */ o(m, { ...e }) : /* @__PURE__ */ o(r, { ...e, type: t });
+import { LabeledDropdown as d } from "../LabeledDropdown/LabeledDropdown.js";
+const n = (o) => {
+  const { type: e = "text" } = o;
+  return e === "dropdown" && (d, { ...o }), e === "checkbox" ? /* @__PURE__ */ r(m, { ...o }) : /* @__PURE__ */ r(t, { ...o, type: e });
 };
 export {
-  a as FormInput,
-  a as default
+  n as FormInput,
+  n as default
 };

package/LabeledCheckbox/LabeledCheckbox.js

@@ -3,7 +3,7 @@ import { n as oe } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as te } from "../.chunks/emotion-react.browser.esm.js";
 import ae from "../theme.js";
 import * as v from "react";
-import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as ne } from "../.chunks/DefaultPropsProvider.js";
+import { a as E, g as q, s as O, r as V, c as U, P as e, e as b, b as H, d as T, u as ne } from "../.chunks/DefaultPropsProvider.js";
 import { u as se } from "../.chunks/useFormControl.js";
 import { B as re } from "../.chunks/ButtonBase.js";
 import { u as ce } from "../.chunks/useControlled.js";

package/LabeledDropdown/LabeledDropdown.d.ts

@@ -1,7 +1,14 @@
 import { SelectProps } from '@mui/material/Select';
+export type DropdownOption = {
+    label: string;
+    value: string | number;
+};
 export type LabeledDropdownProps = {
     label: string;
     colon?: boolean;
+    options: DropdownOption[];
+    borderFocusColor?: string;
+    minWidth?: string;
 } & SelectProps;
 export declare const LabeledDropdown: React.FC<LabeledDropdownProps>;
 export default LabeledDropdown;