jcicl 0.0.29 → 0.0.31

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.
Files changed (51) hide show
  1. package/.chunks/ButtonBase.js +1 -2
  2. package/.chunks/DefaultPropsProvider.js +8 -11
  3. package/.chunks/TransitionGroupContext.js +297 -69
  4. package/base/Button/Button.js +8 -8
  5. package/base/Input/Input.js +4695 -1605
  6. package/composite/List/List.d.ts +1 -0
  7. package/composite/List/List.js +23 -22
  8. package/composite/List/ListButton.d.ts +2 -0
  9. package/composite/List/ListButton.js +12 -23
  10. package/index.d.ts +1 -1
  11. package/index.js +20 -23
  12. package/package.json +1 -1
  13. package/supercomposite/AppHeader/AppHeader.js +17 -18
  14. package/supercomposite/index.d.ts +0 -1
  15. package/supercomposite/index.js +2 -4
  16. package/templates/index.d.ts +0 -1
  17. package/templates/index.js +1 -3
  18. package/.chunks/ListContext.js +0 -6
  19. package/.chunks/Menu.js +0 -3021
  20. package/.chunks/NavLink.js +0 -436
  21. package/.chunks/NavLinkButton.js +0 -259
  22. package/.chunks/emotion-react.browser.esm.js +0 -231
  23. package/.chunks/index.js +0 -131
  24. package/.chunks/isHostComponent.js +0 -17
  25. package/.chunks/jocologo.js +0 -4
  26. package/supercomposite/AppBar/AppBar.d.ts +0 -5
  27. package/supercomposite/AppBar/AppBar.js +0 -361
  28. package/supercomposite/AppBar/index.d.ts +0 -1
  29. package/supercomposite/AppBar/index.js +0 -4
  30. package/supercomposite/OldNav/Nav.d.ts +0 -13
  31. package/supercomposite/OldNav/Nav.js +0 -626
  32. package/supercomposite/OldNav/index.d.ts +0 -2
  33. package/supercomposite/OldNav/index.js +0 -4
  34. package/supercomposite/OldNav/subcomponents/NavItem/NavItem.d.ts +0 -3
  35. package/supercomposite/OldNav/subcomponents/NavItem/NavItem.js +0 -34
  36. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.d.ts +0 -3
  37. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.js +0 -8
  38. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +0 -19
  39. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.js +0 -8
  40. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +0 -8
  41. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js +0 -425
  42. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.d.ts +0 -20
  43. package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.js +0 -432
  44. package/supercomposite/OldNav/subcomponents/NavItem/types.d.ts +0 -12
  45. package/supercomposite/OldNav/subcomponents/NavItem/types.js +0 -1
  46. package/supercomposite/OldNav/types.d.ts +0 -2
  47. package/supercomposite/OldNav/types.js +0 -1
  48. package/templates/BasicPage/BasicPage.d.ts +0 -9
  49. package/templates/BasicPage/BasicPage.js +0 -31
  50. package/templates/BasicPage/index.d.ts +0 -1
  51. package/templates/BasicPage/index.js +0 -4
@@ -1,19 +0,0 @@
1
- import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material/ListItemButton';
2
- import { MenuPosition, MenuOrientation } from '../../../types';
3
- export interface NavLinkButtonProps extends MuiListItemButtonProps {
4
- href?: string;
5
- target?: string;
6
- menuOrientation?: MenuOrientation;
7
- menuPosition?: MenuPosition;
8
- }
9
- export declare const NavLinkButton: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
10
- ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
11
- }, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & {
12
- theme?: import('@emotion/react').Theme;
13
- } & NavLinkButtonProps, {}, {}>;
14
- export declare const CollapseButton: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
15
- ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
16
- }, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "selected" | "disableGutters" | "divider"> & {
17
- theme?: import('@emotion/react').Theme;
18
- } & NavLinkButtonProps, {}, {}>;
19
- export default NavLinkButton;
@@ -1,8 +0,0 @@
1
- import "../../../../../.chunks/emotion-styled.browser.esm.js";
2
- import "../../../../../theme.js";
3
- import { C as r, N as s, N as e } from "../../../../../.chunks/NavLinkButton.js";
4
- export {
5
- r as CollapseButton,
6
- s as NavLinkButton,
7
- e as default
8
- };
@@ -1,8 +0,0 @@
1
- import { ListItemTextProps as MuiListItemTextProps } from '@mui/material/ListItemText';
2
- export interface NavLinkTextProps extends MuiListItemTextProps {
3
- collapsed?: boolean;
4
- }
5
- export declare const NavLinkText: import('@emotion/styled').StyledComponent<MuiListItemTextProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>, import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
6
- theme?: import('@emotion/react').Theme;
7
- } & NavLinkTextProps, {}, {}>;
8
- export default NavLinkText;
@@ -1,425 +0,0 @@
1
- import { n as I } from "../../../../../.chunks/emotion-styled.browser.esm.js";
2
- import * as v from "react";
3
- import { g as S, a as L, s as P, e as w, u as N, c as B, P as t, b as M } from "../../../../../.chunks/DefaultPropsProvider.js";
4
- import { L as W } from "../../../../../.chunks/ListContext.js";
5
- import { jsx as j, jsxs as U } from "react/jsx-runtime";
6
- import { i as D } from "../../../../../.chunks/index.js";
7
- import { m as E } from "../../../../../.chunks/memoTheme.js";
8
- import { c as V } from "../../../../../.chunks/createSimplePaletteValueFilter.js";
9
- function k(o) {
10
- return L("MuiTypography", o);
11
- }
12
- const O = S("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]), A = {
13
- primary: !0,
14
- secondary: !0,
15
- error: !0,
16
- info: !0,
17
- success: !0,
18
- warning: !0,
19
- textPrimary: !0,
20
- textSecondary: !0,
21
- textDisabled: !0
22
- }, _ = D(), F = (o) => {
23
- const {
24
- align: r,
25
- gutterBottom: e,
26
- noWrap: a,
27
- paragraph: p,
28
- variant: l,
29
- classes: n
30
- } = o, c = {
31
- root: ["root", l, o.align !== "inherit" && `align${w(r)}`, e && "gutterBottom", a && "noWrap", p && "paragraph"]
32
- };
33
- return M(c, k, n);
34
- }, z = P("span", {
35
- name: "MuiTypography",
36
- slot: "Root",
37
- overridesResolver: (o, r) => {
38
- const {
39
- ownerState: e
40
- } = o;
41
- return [r.root, e.variant && r[e.variant], e.align !== "inherit" && r[`align${w(e.align)}`], e.noWrap && r.noWrap, e.gutterBottom && r.gutterBottom, e.paragraph && r.paragraph];
42
- }
43
- })(E(({
44
- theme: o
45
- }) => {
46
- var r;
47
- return {
48
- margin: 0,
49
- variants: [{
50
- props: {
51
- variant: "inherit"
52
- },
53
- style: {
54
- // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
55
- font: "inherit",
56
- lineHeight: "inherit",
57
- letterSpacing: "inherit"
58
- }
59
- }, ...Object.entries(o.typography).filter(([e, a]) => e !== "inherit" && a && typeof a == "object").map(([e, a]) => ({
60
- props: {
61
- variant: e
62
- },
63
- style: a
64
- })), ...Object.entries(o.palette).filter(V()).map(([e]) => ({
65
- props: {
66
- color: e
67
- },
68
- style: {
69
- color: (o.vars || o).palette[e].main
70
- }
71
- })), ...Object.entries(((r = o.palette) == null ? void 0 : r.text) || {}).filter(([, e]) => typeof e == "string").map(([e]) => ({
72
- props: {
73
- color: `text${w(e)}`
74
- },
75
- style: {
76
- color: (o.vars || o).palette.text[e]
77
- }
78
- })), {
79
- props: ({
80
- ownerState: e
81
- }) => e.align !== "inherit",
82
- style: {
83
- textAlign: "var(--Typography-textAlign)"
84
- }
85
- }, {
86
- props: ({
87
- ownerState: e
88
- }) => e.noWrap,
89
- style: {
90
- overflow: "hidden",
91
- textOverflow: "ellipsis",
92
- whiteSpace: "nowrap"
93
- }
94
- }, {
95
- props: ({
96
- ownerState: e
97
- }) => e.gutterBottom,
98
- style: {
99
- marginBottom: "0.35em"
100
- }
101
- }, {
102
- props: ({
103
- ownerState: e
104
- }) => e.paragraph,
105
- style: {
106
- marginBottom: 16
107
- }
108
- }]
109
- };
110
- })), C = {
111
- h1: "h1",
112
- h2: "h2",
113
- h3: "h3",
114
- h4: "h4",
115
- h5: "h5",
116
- h6: "h6",
117
- subtitle1: "h6",
118
- subtitle2: "h6",
119
- body1: "p",
120
- body2: "p",
121
- inherit: "p"
122
- }, u = /* @__PURE__ */ v.forwardRef(function(r, e) {
123
- const {
124
- color: a,
125
- ...p
126
- } = N({
127
- props: r,
128
- name: "MuiTypography"
129
- }), l = !A[a], n = _({
130
- ...p,
131
- ...l && {
132
- color: a
133
- }
134
- }), {
135
- align: c = "inherit",
136
- className: h,
137
- component: y,
138
- gutterBottom: x = !1,
139
- noWrap: T = !1,
140
- paragraph: f = !1,
141
- variant: m = "body1",
142
- variantMapping: s = C,
143
- ...i
144
- } = n, d = {
145
- ...n,
146
- align: c,
147
- color: a,
148
- className: h,
149
- component: y,
150
- gutterBottom: x,
151
- noWrap: T,
152
- paragraph: f,
153
- variant: m,
154
- variantMapping: s
155
- }, g = y || (f ? "p" : s[m] || C[m]) || "span", $ = F(d);
156
- return /* @__PURE__ */ j(z, {
157
- as: g,
158
- ref: e,
159
- className: B($.root, h),
160
- ...i,
161
- ownerState: d,
162
- style: {
163
- ...c !== "inherit" && {
164
- "--Typography-textAlign": c
165
- },
166
- ...i.style
167
- }
168
- });
169
- });
170
- process.env.NODE_ENV !== "production" && (u.propTypes = {
171
- // ┌────────────────────────────── Warning ──────────────────────────────┐
172
- // │ These PropTypes are generated from the TypeScript type definitions. │
173
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
174
- // └─────────────────────────────────────────────────────────────────────┘
175
- /**
176
- * Set the text-align on the component.
177
- * @default 'inherit'
178
- */
179
- align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
180
- /**
181
- * The content of the component.
182
- */
183
- children: t.node,
184
- /**
185
- * Override or extend the styles applied to the component.
186
- */
187
- classes: t.object,
188
- /**
189
- * @ignore
190
- */
191
- className: t.string,
192
- /**
193
- * The color of the component.
194
- * It supports both default and custom theme colors, which can be added as shown in the
195
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
196
- */
197
- color: t.oneOfType([t.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), t.string]),
198
- /**
199
- * The component used for the root node.
200
- * Either a string to use a HTML element or a component.
201
- */
202
- component: t.elementType,
203
- /**
204
- * If `true`, the text will have a bottom margin.
205
- * @default false
206
- */
207
- gutterBottom: t.bool,
208
- /**
209
- * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
210
- *
211
- * Note that text overflow can only happen with block or inline-block level elements
212
- * (the element needs to have a width in order to overflow).
213
- * @default false
214
- */
215
- noWrap: t.bool,
216
- /**
217
- * If `true`, the element will be a paragraph element.
218
- * @default false
219
- * @deprecated Use the `component` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
220
- */
221
- paragraph: t.bool,
222
- /**
223
- * @ignore
224
- */
225
- style: t.object,
226
- /**
227
- * The system prop that allows defining system overrides as well as additional CSS styles.
228
- */
229
- sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
230
- /**
231
- * Applies the theme typography styles.
232
- * @default 'body1'
233
- */
234
- variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
235
- /**
236
- * The component maps the variant prop to a range of different HTML element types.
237
- * For instance, subtitle1 to `<h6>`.
238
- * If you wish to change that mapping, you can provide your own.
239
- * Alternatively, you can use the `component` prop.
240
- * @default {
241
- * h1: 'h1',
242
- * h2: 'h2',
243
- * h3: 'h3',
244
- * h4: 'h4',
245
- * h5: 'h5',
246
- * h6: 'h6',
247
- * subtitle1: 'h6',
248
- * subtitle2: 'h6',
249
- * body1: 'p',
250
- * body2: 'p',
251
- * inherit: 'p',
252
- * }
253
- */
254
- variantMapping: t.object
255
- });
256
- function H(o) {
257
- return L("MuiListItemText", o);
258
- }
259
- const b = S("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), J = (o) => {
260
- const {
261
- classes: r,
262
- inset: e,
263
- primary: a,
264
- secondary: p,
265
- dense: l
266
- } = o;
267
- return M({
268
- root: ["root", e && "inset", l && "dense", a && p && "multiline"],
269
- primary: ["primary"],
270
- secondary: ["secondary"]
271
- }, H, r);
272
- }, q = P("div", {
273
- name: "MuiListItemText",
274
- slot: "Root",
275
- overridesResolver: (o, r) => {
276
- const {
277
- ownerState: e
278
- } = o;
279
- return [{
280
- [`& .${b.primary}`]: r.primary
281
- }, {
282
- [`& .${b.secondary}`]: r.secondary
283
- }, r.root, e.inset && r.inset, e.primary && e.secondary && r.multiline, e.dense && r.dense];
284
- }
285
- })({
286
- flex: "1 1 auto",
287
- minWidth: 0,
288
- marginTop: 4,
289
- marginBottom: 4,
290
- [`.${O.root}:where(& .${b.primary})`]: {
291
- display: "block"
292
- },
293
- [`.${O.root}:where(& .${b.secondary})`]: {
294
- display: "block"
295
- },
296
- variants: [{
297
- props: ({
298
- ownerState: o
299
- }) => o.primary && o.secondary,
300
- style: {
301
- marginTop: 6,
302
- marginBottom: 6
303
- }
304
- }, {
305
- props: ({
306
- ownerState: o
307
- }) => o.inset,
308
- style: {
309
- paddingLeft: 56
310
- }
311
- }]
312
- }), R = /* @__PURE__ */ v.forwardRef(function(r, e) {
313
- const a = N({
314
- props: r,
315
- name: "MuiListItemText"
316
- }), {
317
- children: p,
318
- className: l,
319
- disableTypography: n = !1,
320
- inset: c = !1,
321
- primary: h,
322
- primaryTypographyProps: y,
323
- secondary: x,
324
- secondaryTypographyProps: T,
325
- ...f
326
- } = a, {
327
- dense: m
328
- } = v.useContext(W);
329
- let s = h ?? p, i = x;
330
- const d = {
331
- ...a,
332
- disableTypography: n,
333
- inset: c,
334
- primary: !!s,
335
- secondary: !!i,
336
- dense: m
337
- }, g = J(d);
338
- return s != null && s.type !== u && !n && (s = /* @__PURE__ */ j(u, {
339
- variant: m ? "body2" : "body1",
340
- className: g.primary,
341
- component: y != null && y.variant ? void 0 : "span",
342
- ...y,
343
- children: s
344
- })), i != null && i.type !== u && !n && (i = /* @__PURE__ */ j(u, {
345
- variant: "body2",
346
- className: g.secondary,
347
- color: "textSecondary",
348
- ...T,
349
- children: i
350
- })), /* @__PURE__ */ U(q, {
351
- className: B(g.root, l),
352
- ownerState: d,
353
- ref: e,
354
- ...f,
355
- children: [s, i]
356
- });
357
- });
358
- process.env.NODE_ENV !== "production" && (R.propTypes = {
359
- // ┌────────────────────────────── Warning ──────────────────────────────┐
360
- // │ These PropTypes are generated from the TypeScript type definitions. │
361
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
362
- // └─────────────────────────────────────────────────────────────────────┘
363
- /**
364
- * Alias for the `primary` prop.
365
- */
366
- children: t.node,
367
- /**
368
- * Override or extend the styles applied to the component.
369
- */
370
- classes: t.object,
371
- /**
372
- * @ignore
373
- */
374
- className: t.string,
375
- /**
376
- * If `true`, the children won't be wrapped by a Typography component.
377
- * This can be useful to render an alternative Typography variant by wrapping
378
- * the `children` (or `primary`) text, and optional `secondary` text
379
- * with the Typography component.
380
- * @default false
381
- */
382
- disableTypography: t.bool,
383
- /**
384
- * If `true`, the children are indented.
385
- * This should be used if there is no left avatar or left icon.
386
- * @default false
387
- */
388
- inset: t.bool,
389
- /**
390
- * The main content element.
391
- */
392
- primary: t.node,
393
- /**
394
- * These props will be forwarded to the primary typography component
395
- * (as long as disableTypography is not `true`).
396
- */
397
- primaryTypographyProps: t.object,
398
- /**
399
- * The secondary content element.
400
- */
401
- secondary: t.node,
402
- /**
403
- * These props will be forwarded to the secondary typography component
404
- * (as long as disableTypography is not `true`).
405
- */
406
- secondaryTypographyProps: t.object,
407
- /**
408
- * The system prop that allows defining system overrides as well as additional CSS styles.
409
- */
410
- sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
411
- });
412
- const et = I(R, {
413
- shouldForwardProp: (o) => o !== "collapsed"
414
- })(({ collapsed: o }) => ({
415
- marginLeft: o ? 0 : "10px",
416
- height: "24px",
417
- whiteSpace: "nowrap",
418
- width: o ? 0 : "auto",
419
- opacity: o ? 0 : 1,
420
- transition: "600ms all ease-in-out"
421
- }));
422
- export {
423
- et as NavLinkText,
424
- et as default
425
- };
@@ -1,20 +0,0 @@
1
- import { ListProps as MuiListProps } from '@mui/material/List';
2
- import { MenuPosition } from '../../../types';
3
- import { NavItemProps } from '../types';
4
- export interface NavMenuProps extends Omit<NavItemProps, 'type'> {
5
- navItems?: NavItemProps[];
6
- position?: MenuPosition;
7
- }
8
- export interface SubMenuVerticalProps extends MuiListProps {
9
- collapsed?: boolean;
10
- }
11
- export declare const SubMenuVertical: import('@emotion/styled').StyledComponent<import('@mui/material').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
12
- ref?: ((instance: HTMLUListElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLUListElement> | null | undefined;
13
- }, "style" | "className" | "classes" | "children" | "sx" | "dense" | "disablePadding" | "subheader"> & {
14
- theme?: import('@emotion/react').Theme;
15
- } & SubMenuVerticalProps, {}, {}>;
16
- export declare const SubMenuHorizontal: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & {
17
- theme?: import('@emotion/react').Theme;
18
- }, {}, {}>;
19
- export declare const NavMenu: React.FC<NavMenuProps>;
20
- export default NavMenu;