jcicl 0.0.28 → 0.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/ButtonBase.js +1 -2
- package/.chunks/DefaultPropsProvider.js +8 -11
- package/.chunks/TransitionGroupContext.js +297 -69
- package/README.md +5 -1
- package/base/Button/Button.js +8 -8
- package/base/Input/Input.js +4695 -1605
- package/composite/List/List.d.ts +1 -0
- package/composite/List/List.js +23 -22
- package/composite/List/ListButton.d.ts +3 -0
- package/composite/List/ListButton.js +12 -17
- package/index.d.ts +1 -1
- package/index.js +20 -23
- package/package.json +23 -1
- package/supercomposite/AppHeader/AppHeader.js +17 -18
- package/supercomposite/index.d.ts +0 -1
- package/supercomposite/index.js +2 -4
- package/templates/index.d.ts +0 -1
- package/templates/index.js +1 -3
- package/.chunks/ListContext.js +0 -6
- package/.chunks/Menu.js +0 -3021
- package/.chunks/NavLink.js +0 -436
- package/.chunks/NavLinkButton.js +0 -259
- package/.chunks/emotion-react.browser.esm.js +0 -231
- package/.chunks/index.js +0 -131
- package/.chunks/isHostComponent.js +0 -17
- package/.chunks/jocologo.js +0 -4
- package/supercomposite/AppBar/AppBar.d.ts +0 -5
- package/supercomposite/AppBar/AppBar.js +0 -361
- package/supercomposite/AppBar/index.d.ts +0 -1
- package/supercomposite/AppBar/index.js +0 -4
- package/supercomposite/OldNav/Nav.d.ts +0 -13
- package/supercomposite/OldNav/Nav.js +0 -626
- package/supercomposite/OldNav/index.d.ts +0 -2
- package/supercomposite/OldNav/index.js +0 -4
- package/supercomposite/OldNav/subcomponents/NavItem/NavItem.d.ts +0 -3
- package/supercomposite/OldNav/subcomponents/NavItem/NavItem.js +0 -34
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.d.ts +0 -3
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.js +0 -8
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +0 -19
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.js +0 -8
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +0 -8
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js +0 -425
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.d.ts +0 -20
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.js +0 -432
- package/supercomposite/OldNav/subcomponents/NavItem/types.d.ts +0 -12
- package/supercomposite/OldNav/subcomponents/NavItem/types.js +0 -1
- package/supercomposite/OldNav/types.d.ts +0 -2
- package/supercomposite/OldNav/types.js +0 -1
- package/templates/BasicPage/BasicPage.d.ts +0 -9
- package/templates/BasicPage/BasicPage.js +0 -31
- package/templates/BasicPage/index.d.ts +0 -1
- package/templates/BasicPage/index.js +0 -4
|
@@ -1,361 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as O } from "react/jsx-runtime";
|
|
2
|
-
import { Input as R } from "../../base/Input/Input.js";
|
|
3
|
-
import { Button as j } from "../../base/Button/Button.js";
|
|
4
|
-
import { n as y } from "../../.chunks/emotion-styled.browser.esm.js";
|
|
5
|
-
import { l as I } from "../../.chunks/jocologo.js";
|
|
6
|
-
import f from "../../theme.js";
|
|
7
|
-
import * as v from "react";
|
|
8
|
-
import { a as x, g as B, s as m, e as c, u as A, c as k, P as r, b as T } from "../../.chunks/DefaultPropsProvider.js";
|
|
9
|
-
import { m as C } from "../../.chunks/memoTheme.js";
|
|
10
|
-
import { c as N } from "../../.chunks/createSimplePaletteValueFilter.js";
|
|
11
|
-
import { P as $ } from "../../.chunks/Menu.js";
|
|
12
|
-
function z(o) {
|
|
13
|
-
return x("MuiAppBar", o);
|
|
14
|
-
}
|
|
15
|
-
B("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
|
|
16
|
-
const D = (o) => {
|
|
17
|
-
const {
|
|
18
|
-
color: t,
|
|
19
|
-
position: a,
|
|
20
|
-
classes: s
|
|
21
|
-
} = o, p = {
|
|
22
|
-
root: ["root", `color${c(t)}`, `position${c(a)}`]
|
|
23
|
-
};
|
|
24
|
-
return T(p, z, s);
|
|
25
|
-
}, b = (o, t) => o ? `${o == null ? void 0 : o.replace(")", "")}, ${t})` : t, M = m($, {
|
|
26
|
-
name: "MuiAppBar",
|
|
27
|
-
slot: "Root",
|
|
28
|
-
overridesResolver: (o, t) => {
|
|
29
|
-
const {
|
|
30
|
-
ownerState: a
|
|
31
|
-
} = o;
|
|
32
|
-
return [t.root, t[`position${c(a.position)}`], t[`color${c(a.color)}`]];
|
|
33
|
-
}
|
|
34
|
-
})(C(({
|
|
35
|
-
theme: o
|
|
36
|
-
}) => ({
|
|
37
|
-
display: "flex",
|
|
38
|
-
flexDirection: "column",
|
|
39
|
-
width: "100%",
|
|
40
|
-
boxSizing: "border-box",
|
|
41
|
-
// Prevent padding issue with the Modal and fixed positioned AppBar.
|
|
42
|
-
flexShrink: 0,
|
|
43
|
-
variants: [{
|
|
44
|
-
props: {
|
|
45
|
-
position: "fixed"
|
|
46
|
-
},
|
|
47
|
-
style: {
|
|
48
|
-
position: "fixed",
|
|
49
|
-
zIndex: (o.vars || o).zIndex.appBar,
|
|
50
|
-
top: 0,
|
|
51
|
-
left: "auto",
|
|
52
|
-
right: 0,
|
|
53
|
-
"@media print": {
|
|
54
|
-
// Prevent the app bar to be visible on each printed page.
|
|
55
|
-
position: "absolute"
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}, {
|
|
59
|
-
props: {
|
|
60
|
-
position: "absolute"
|
|
61
|
-
},
|
|
62
|
-
style: {
|
|
63
|
-
position: "absolute",
|
|
64
|
-
zIndex: (o.vars || o).zIndex.appBar,
|
|
65
|
-
top: 0,
|
|
66
|
-
left: "auto",
|
|
67
|
-
right: 0
|
|
68
|
-
}
|
|
69
|
-
}, {
|
|
70
|
-
props: {
|
|
71
|
-
position: "sticky"
|
|
72
|
-
},
|
|
73
|
-
style: {
|
|
74
|
-
position: "sticky",
|
|
75
|
-
zIndex: (o.vars || o).zIndex.appBar,
|
|
76
|
-
top: 0,
|
|
77
|
-
left: "auto",
|
|
78
|
-
right: 0
|
|
79
|
-
}
|
|
80
|
-
}, {
|
|
81
|
-
props: {
|
|
82
|
-
position: "static"
|
|
83
|
-
},
|
|
84
|
-
style: {
|
|
85
|
-
position: "static"
|
|
86
|
-
}
|
|
87
|
-
}, {
|
|
88
|
-
props: {
|
|
89
|
-
position: "relative"
|
|
90
|
-
},
|
|
91
|
-
style: {
|
|
92
|
-
position: "relative"
|
|
93
|
-
}
|
|
94
|
-
}, {
|
|
95
|
-
props: {
|
|
96
|
-
color: "inherit"
|
|
97
|
-
},
|
|
98
|
-
style: {
|
|
99
|
-
"--AppBar-color": "inherit"
|
|
100
|
-
}
|
|
101
|
-
}, {
|
|
102
|
-
props: {
|
|
103
|
-
color: "default"
|
|
104
|
-
},
|
|
105
|
-
style: {
|
|
106
|
-
"--AppBar-background": o.vars ? o.vars.palette.AppBar.defaultBg : o.palette.grey[100],
|
|
107
|
-
"--AppBar-color": o.vars ? o.vars.palette.text.primary : o.palette.getContrastText(o.palette.grey[100]),
|
|
108
|
-
...o.applyStyles("dark", {
|
|
109
|
-
"--AppBar-background": o.vars ? o.vars.palette.AppBar.defaultBg : o.palette.grey[900],
|
|
110
|
-
"--AppBar-color": o.vars ? o.vars.palette.text.primary : o.palette.getContrastText(o.palette.grey[900])
|
|
111
|
-
})
|
|
112
|
-
}
|
|
113
|
-
}, ...Object.entries(o.palette).filter(N(["contrastText"])).map(([t]) => ({
|
|
114
|
-
props: {
|
|
115
|
-
color: t
|
|
116
|
-
},
|
|
117
|
-
style: {
|
|
118
|
-
"--AppBar-background": (o.vars ?? o).palette[t].main,
|
|
119
|
-
"--AppBar-color": (o.vars ?? o).palette[t].contrastText
|
|
120
|
-
}
|
|
121
|
-
})), {
|
|
122
|
-
props: (t) => t.enableColorOnDark === !0 && !["inherit", "transparent"].includes(t.color),
|
|
123
|
-
style: {
|
|
124
|
-
backgroundColor: "var(--AppBar-background)",
|
|
125
|
-
color: "var(--AppBar-color)"
|
|
126
|
-
}
|
|
127
|
-
}, {
|
|
128
|
-
props: (t) => t.enableColorOnDark === !1 && !["inherit", "transparent"].includes(t.color),
|
|
129
|
-
style: {
|
|
130
|
-
backgroundColor: "var(--AppBar-background)",
|
|
131
|
-
color: "var(--AppBar-color)",
|
|
132
|
-
...o.applyStyles("dark", {
|
|
133
|
-
backgroundColor: o.vars ? b(o.vars.palette.AppBar.darkBg, "var(--AppBar-background)") : null,
|
|
134
|
-
color: o.vars ? b(o.vars.palette.AppBar.darkColor, "var(--AppBar-color)") : null
|
|
135
|
-
})
|
|
136
|
-
}
|
|
137
|
-
}, {
|
|
138
|
-
props: {
|
|
139
|
-
color: "transparent"
|
|
140
|
-
},
|
|
141
|
-
style: {
|
|
142
|
-
"--AppBar-background": "transparent",
|
|
143
|
-
"--AppBar-color": "inherit",
|
|
144
|
-
backgroundColor: "var(--AppBar-background)",
|
|
145
|
-
color: "var(--AppBar-color)",
|
|
146
|
-
...o.applyStyles("dark", {
|
|
147
|
-
backgroundImage: "none"
|
|
148
|
-
})
|
|
149
|
-
}
|
|
150
|
-
}]
|
|
151
|
-
}))), w = /* @__PURE__ */ v.forwardRef(function(t, a) {
|
|
152
|
-
const s = A({
|
|
153
|
-
props: t,
|
|
154
|
-
name: "MuiAppBar"
|
|
155
|
-
}), {
|
|
156
|
-
className: p,
|
|
157
|
-
color: i = "primary",
|
|
158
|
-
enableColorOnDark: d = !1,
|
|
159
|
-
position: l = "fixed",
|
|
160
|
-
...u
|
|
161
|
-
} = s, n = {
|
|
162
|
-
...s,
|
|
163
|
-
color: i,
|
|
164
|
-
position: l,
|
|
165
|
-
enableColorOnDark: d
|
|
166
|
-
}, g = D(n);
|
|
167
|
-
return /* @__PURE__ */ e(M, {
|
|
168
|
-
square: !0,
|
|
169
|
-
component: "header",
|
|
170
|
-
ownerState: n,
|
|
171
|
-
elevation: 4,
|
|
172
|
-
className: k(g.root, p, l === "fixed" && "mui-fixed"),
|
|
173
|
-
ref: a,
|
|
174
|
-
...u
|
|
175
|
-
});
|
|
176
|
-
});
|
|
177
|
-
process.env.NODE_ENV !== "production" && (w.propTypes = {
|
|
178
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
179
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
180
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
181
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
182
|
-
/**
|
|
183
|
-
* The content of the component.
|
|
184
|
-
*/
|
|
185
|
-
children: r.node,
|
|
186
|
-
/**
|
|
187
|
-
* Override or extend the styles applied to the component.
|
|
188
|
-
*/
|
|
189
|
-
classes: r.object,
|
|
190
|
-
/**
|
|
191
|
-
* @ignore
|
|
192
|
-
*/
|
|
193
|
-
className: r.string,
|
|
194
|
-
/**
|
|
195
|
-
* The color of the component.
|
|
196
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
|
197
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
198
|
-
* @default 'primary'
|
|
199
|
-
*/
|
|
200
|
-
color: r.oneOfType([r.oneOf(["default", "inherit", "primary", "secondary", "transparent", "error", "info", "success", "warning"]), r.string]),
|
|
201
|
-
/**
|
|
202
|
-
* If true, the `color` prop is applied in dark mode.
|
|
203
|
-
* @default false
|
|
204
|
-
*/
|
|
205
|
-
enableColorOnDark: r.bool,
|
|
206
|
-
/**
|
|
207
|
-
* The positioning type. The behavior of the different options is described
|
|
208
|
-
* [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
|
|
209
|
-
* Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
|
|
210
|
-
* @default 'fixed'
|
|
211
|
-
*/
|
|
212
|
-
position: r.oneOf(["absolute", "fixed", "relative", "static", "sticky"]),
|
|
213
|
-
/**
|
|
214
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
215
|
-
*/
|
|
216
|
-
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
|
|
217
|
-
});
|
|
218
|
-
function h(o) {
|
|
219
|
-
return x("MuiToolbar", o);
|
|
220
|
-
}
|
|
221
|
-
B("MuiToolbar", ["root", "gutters", "regular", "dense"]);
|
|
222
|
-
const P = (o) => {
|
|
223
|
-
const {
|
|
224
|
-
classes: t,
|
|
225
|
-
disableGutters: a,
|
|
226
|
-
variant: s
|
|
227
|
-
} = o;
|
|
228
|
-
return T({
|
|
229
|
-
root: ["root", !a && "gutters", s]
|
|
230
|
-
}, h, t);
|
|
231
|
-
}, U = m("div", {
|
|
232
|
-
name: "MuiToolbar",
|
|
233
|
-
slot: "Root",
|
|
234
|
-
overridesResolver: (o, t) => {
|
|
235
|
-
const {
|
|
236
|
-
ownerState: a
|
|
237
|
-
} = o;
|
|
238
|
-
return [t.root, !a.disableGutters && t.gutters, t[a.variant]];
|
|
239
|
-
}
|
|
240
|
-
})(C(({
|
|
241
|
-
theme: o
|
|
242
|
-
}) => ({
|
|
243
|
-
position: "relative",
|
|
244
|
-
display: "flex",
|
|
245
|
-
alignItems: "center",
|
|
246
|
-
variants: [{
|
|
247
|
-
props: ({
|
|
248
|
-
ownerState: t
|
|
249
|
-
}) => !t.disableGutters,
|
|
250
|
-
style: {
|
|
251
|
-
paddingLeft: o.spacing(2),
|
|
252
|
-
paddingRight: o.spacing(2),
|
|
253
|
-
[o.breakpoints.up("sm")]: {
|
|
254
|
-
paddingLeft: o.spacing(3),
|
|
255
|
-
paddingRight: o.spacing(3)
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
}, {
|
|
259
|
-
props: {
|
|
260
|
-
variant: "dense"
|
|
261
|
-
},
|
|
262
|
-
style: {
|
|
263
|
-
minHeight: 48
|
|
264
|
-
}
|
|
265
|
-
}, {
|
|
266
|
-
props: {
|
|
267
|
-
variant: "regular"
|
|
268
|
-
},
|
|
269
|
-
style: o.mixins.toolbar
|
|
270
|
-
}]
|
|
271
|
-
}))), S = /* @__PURE__ */ v.forwardRef(function(t, a) {
|
|
272
|
-
const s = A({
|
|
273
|
-
props: t,
|
|
274
|
-
name: "MuiToolbar"
|
|
275
|
-
}), {
|
|
276
|
-
className: p,
|
|
277
|
-
component: i = "div",
|
|
278
|
-
disableGutters: d = !1,
|
|
279
|
-
variant: l = "regular",
|
|
280
|
-
...u
|
|
281
|
-
} = s, n = {
|
|
282
|
-
...s,
|
|
283
|
-
component: i,
|
|
284
|
-
disableGutters: d,
|
|
285
|
-
variant: l
|
|
286
|
-
}, g = P(n);
|
|
287
|
-
return /* @__PURE__ */ e(U, {
|
|
288
|
-
as: i,
|
|
289
|
-
className: k(g.root, p),
|
|
290
|
-
ref: a,
|
|
291
|
-
ownerState: n,
|
|
292
|
-
...u
|
|
293
|
-
});
|
|
294
|
-
});
|
|
295
|
-
process.env.NODE_ENV !== "production" && (S.propTypes = {
|
|
296
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
297
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
298
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
299
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
300
|
-
/**
|
|
301
|
-
* The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
|
|
302
|
-
* The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
|
|
303
|
-
*/
|
|
304
|
-
children: r.node,
|
|
305
|
-
/**
|
|
306
|
-
* Override or extend the styles applied to the component.
|
|
307
|
-
*/
|
|
308
|
-
classes: r.object,
|
|
309
|
-
/**
|
|
310
|
-
* @ignore
|
|
311
|
-
*/
|
|
312
|
-
className: r.string,
|
|
313
|
-
/**
|
|
314
|
-
* The component used for the root node.
|
|
315
|
-
* Either a string to use a HTML element or a component.
|
|
316
|
-
*/
|
|
317
|
-
component: r.elementType,
|
|
318
|
-
/**
|
|
319
|
-
* If `true`, disables gutter padding.
|
|
320
|
-
* @default false
|
|
321
|
-
*/
|
|
322
|
-
disableGutters: r.bool,
|
|
323
|
-
/**
|
|
324
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
325
|
-
*/
|
|
326
|
-
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
|
|
327
|
-
/**
|
|
328
|
-
* The variant to use.
|
|
329
|
-
* @default 'regular'
|
|
330
|
-
*/
|
|
331
|
-
variant: r.oneOfType([r.oneOf(["dense", "regular"]), r.string])
|
|
332
|
-
});
|
|
333
|
-
const E = y(w)({
|
|
334
|
-
width: "100%",
|
|
335
|
-
padding: 0,
|
|
336
|
-
boxShadow: "0px 0px 7px 4px rgba(0, 0, 0, 0.63)",
|
|
337
|
-
backgroundColor: f.colors.midnight,
|
|
338
|
-
position: "sticky",
|
|
339
|
-
top: "0",
|
|
340
|
-
zIndex: 1e3,
|
|
341
|
-
height: `${f.constants.oldAppBarHeight}px`
|
|
342
|
-
}), G = y(S)(() => ({
|
|
343
|
-
display: "flex",
|
|
344
|
-
width: "calc(100% - 3rem)",
|
|
345
|
-
justifyContent: "space-between",
|
|
346
|
-
color: f.colors.white,
|
|
347
|
-
padding: "0.5rem 1.5rem 0 1.5rem",
|
|
348
|
-
gap: "2rem",
|
|
349
|
-
"@media (min-width: 600px)": {
|
|
350
|
-
paddingLeft: "1.5rem",
|
|
351
|
-
paddingRight: "1.5rem"
|
|
352
|
-
}
|
|
353
|
-
})), X = ({ ...o }) => /* @__PURE__ */ e(E, { position: "static", ...o, children: /* @__PURE__ */ O(G, { children: [
|
|
354
|
-
/* @__PURE__ */ e("a", { href: "https://int.johnsoncountyiowa.gov/home", target: "_blank", children: /* @__PURE__ */ e("img", { src: I, alt: "logo", width: "60px" }) }),
|
|
355
|
-
/* @__PURE__ */ e(R, { placeholder: "Search..." }),
|
|
356
|
-
/* @__PURE__ */ e(j, { children: "Log in" })
|
|
357
|
-
] }) });
|
|
358
|
-
export {
|
|
359
|
-
X as AppBar,
|
|
360
|
-
X as default
|
|
361
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, type AppBarProps } from './AppBar';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
|
|
3
|
-
import { NavItemProps } from './subcomponents/NavItem/types';
|
|
4
|
-
import { MenuPosition } from './types';
|
|
5
|
-
export interface NavProps extends MuiDrawerProps {
|
|
6
|
-
navItems: NavItemProps[];
|
|
7
|
-
anchor?: MenuPosition;
|
|
8
|
-
collapsible?: boolean;
|
|
9
|
-
withAppBar?: boolean;
|
|
10
|
-
collapsed?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const Nav: FC<NavProps>;
|
|
13
|
-
export default Nav;
|