jcicl 0.0.17 → 0.0.19

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 (80) hide show
  1. package/.chunks/ButtonBase.js +2 -1
  2. package/.chunks/DefaultPropsProvider.js +10 -10
  3. package/.chunks/ListContext.js +6 -0
  4. package/.chunks/Menu.js +489 -628
  5. package/.chunks/NavLink.js +436 -0
  6. package/.chunks/NavLinkButton.js +259 -0
  7. package/.chunks/TransitionGroupContext.js +69 -297
  8. package/.chunks/emotion-react.browser.esm.js +231 -0
  9. package/.chunks/index.js +131 -0
  10. package/.chunks/isHostComponent.js +17 -0
  11. package/README.md +1 -7
  12. package/base/Avatar/Avatar/Avatar.d.ts +8 -0
  13. package/base/Avatar/Avatar/Avatar.js +38 -0
  14. package/base/Avatar/Avatar/index.js +2 -2
  15. package/base/Avatar/AvatarWithImage/AvatarWithImage.d.ts +10 -0
  16. package/{.chunks → base/Avatar/AvatarWithImage}/AvatarWithImage.js +9 -8
  17. package/base/Avatar/AvatarWithImage/index.js +2 -2
  18. package/base/Avatar/index.js +3 -3
  19. package/base/Button/Button.d.ts +7 -0
  20. package/{.chunks → base/Button}/Button.js +7 -6
  21. package/base/Button/index.js +2 -2
  22. package/base/Divider/Divider.d.ts +10 -0
  23. package/{.chunks → base/Divider}/Divider.js +12 -11
  24. package/base/Divider/index.js +2 -2
  25. package/base/Flex/Flex.d.ts +19 -0
  26. package/{.chunks → base/Flex}/Flex.js +7 -7
  27. package/base/Flex/index.js +2 -2
  28. package/base/Grid/Grid.d.ts +14 -0
  29. package/base/Grid/Grid.js +19 -0
  30. package/base/Grid/index.js +2 -2
  31. package/base/Input/Input.d.ts +3 -0
  32. package/{.chunks → base/Input}/Input.js +21 -18
  33. package/base/Input/index.js +2 -2
  34. package/base/index.js +12 -12
  35. package/composite/ContactCard/ContactCard.d.ts +2 -0
  36. package/composite/ContactCard/ContactCard.js +1 -0
  37. package/composite/ContactListItem/ContactListItem.d.ts +1 -0
  38. package/composite/ContactListItem/ContactListItem.js +1 -0
  39. package/index.js +19 -17
  40. package/package.json +1 -1
  41. package/supercomposite/AppBar/AppBar.d.ts +5 -0
  42. package/{.chunks → supercomposite/AppBar}/AppBar.js +14 -13
  43. package/supercomposite/AppBar/index.js +2 -2
  44. package/supercomposite/AppHeader/AppHeader.d.ts +7 -0
  45. package/supercomposite/AppHeader/AppHeader.js +31 -0
  46. package/supercomposite/AppHeader/index.js +2 -2
  47. package/supercomposite/CompactNav/CompactNav.d.ts +17 -0
  48. package/{.chunks → supercomposite/CompactNav}/CompactNav.js +14 -12
  49. package/supercomposite/CompactNav/index.js +2 -2
  50. package/supercomposite/Nav/Nav.d.ts +13 -0
  51. package/supercomposite/Nav/Nav.js +626 -0
  52. package/supercomposite/Nav/index.js +1 -1
  53. package/supercomposite/Nav/subcomponents/NavItem/NavItem.d.ts +3 -0
  54. package/supercomposite/Nav/subcomponents/NavItem/NavItem.js +34 -0
  55. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLink.d.ts +3 -0
  56. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLink.js +8 -0
  57. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +19 -0
  58. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkButton.js +8 -0
  59. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +8 -0
  60. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkText.js +425 -0
  61. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavMenu.d.ts +20 -0
  62. package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavMenu.js +432 -0
  63. package/supercomposite/Nav/subcomponents/NavItem/types.d.ts +12 -0
  64. package/supercomposite/Nav/subcomponents/NavItem/types.js +1 -0
  65. package/supercomposite/Nav/types.d.ts +2 -0
  66. package/supercomposite/Nav/types.js +1 -0
  67. package/supercomposite/index.js +6 -6
  68. package/templates/AppContainer/AppContainer.d.ts +10 -0
  69. package/templates/AppContainer/AppContainer.js +73 -0
  70. package/templates/AppContainer/index.js +2 -2
  71. package/templates/BasicPage/BasicPage.d.ts +9 -0
  72. package/templates/BasicPage/BasicPage.js +31 -0
  73. package/templates/BasicPage/index.js +2 -2
  74. package/templates/index.js +4 -4
  75. package/.chunks/AppContainer.js +0 -70
  76. package/.chunks/AppHeader.js +0 -31
  77. package/.chunks/Avatar.js +0 -38
  78. package/.chunks/BasicPage.js +0 -31
  79. package/.chunks/Grid.js +0 -18
  80. package/.chunks/Nav.js +0 -2139
@@ -1,70 +0,0 @@
1
- import { jsxs as t, jsx as i } from "react/jsx-runtime";
2
- import { A as l } from "./AppHeader.js";
3
- import { C as s } from "./CompactNav.js";
4
- import { n as d } from "./emotion-styled.browser.esm.js";
5
- import o from "../assets/theme.js";
6
- const n = d("div")({
7
- display: "flex",
8
- flexDirection: "column",
9
- width: "100%",
10
- position: "relative",
11
- backgroundColor: o.colors.whiteGreen2,
12
- height: "100vh",
13
- fontFamily: "Roboto, sans-serif",
14
- overflow: "hidden"
15
- }), c = d("div")({
16
- display: "flex",
17
- flexDirection: "row",
18
- justifyContent: "flex-start",
19
- alignItems: "flex-start",
20
- width: "calc(100% - 2px)",
21
- padding: "4px 2px",
22
- paddingLeft: 0,
23
- height: `calc(100% - ${o.constants.appHeaderHeight}px - 8px)`
24
- }), x = d("div")(({ withActionsPanel: r }) => ({
25
- display: "flex",
26
- flexDirection: "column",
27
- opacity: r ? 1 : 0,
28
- border: `1px solid ${o.colors.green}`,
29
- borderRight: 0,
30
- borderRadius: "4px",
31
- borderTopRightRadius: 0,
32
- borderBottomRightRadius: 0,
33
- height: "calc(100% - 32px)",
34
- padding: r ? "1rem" : 0,
35
- backgroundColor: o.colors.darkGreenO22,
36
- color: o.colors.white,
37
- width: r ? "400px" : 0,
38
- transition: "313ms all ease-in-out",
39
- ...!r && {
40
- border: "none"
41
- }
42
- })), h = d("div")(({ withActionsPanel: r }) => ({
43
- display: "flex",
44
- backgroundColor: o.colors.whiteGreen,
45
- borderRadius: "4px",
46
- borderBottomLeftRadius: r ? 0 : "4px",
47
- borderTopLeftRadius: r ? 0 : "4px",
48
- border: `1px solid ${o.colors.green}`,
49
- width: "100%",
50
- height: "calc(100% - 2rem)",
51
- padding: "1rem",
52
- h1: {
53
- margin: 0
54
- }
55
- })), v = ({
56
- navProps: r,
57
- appHeaderProps: a,
58
- actionsPanelContent: e,
59
- children: p
60
- }) => /* @__PURE__ */ t(n, { children: [
61
- /* @__PURE__ */ i(l, { ...a }),
62
- /* @__PURE__ */ t(c, { children: [
63
- /* @__PURE__ */ i(s, { ...r }),
64
- /* @__PURE__ */ i(x, { withActionsPanel: e != null, children: e && e }),
65
- /* @__PURE__ */ i(h, { withActionsPanel: !!e, children: p })
66
- ] })
67
- ] });
68
- export {
69
- v as A
70
- };
@@ -1,31 +0,0 @@
1
- import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
- import { useState as a } from "react";
3
- import { n } from "./emotion-styled.browser.esm.js";
4
- import r from "../assets/theme.js";
5
- import { l as s } from "./jocologo.js";
6
- import { I as p } from "./Input.js";
7
- import { B as m } from "./Button.js";
8
- import { A as c } from "./Avatar.js";
9
- const d = n("div")({
10
- display: "grid",
11
- flexDirection: "row",
12
- padding: "4px 16px",
13
- backgroundColor: "transparent",
14
- alignItems: "center",
15
- justifyContent: "space-between",
16
- gridTemplateColumns: `minmax(${r.constants.appSideNavWidth + r.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
17
- }), l = n("img")({
18
- width: "36px"
19
- }), f = n("div")({}), g = n("div")({
20
- justifySelf: "end"
21
- }), j = () => {
22
- const [e, o] = a(!1);
23
- return /* @__PURE__ */ i(d, { children: [
24
- /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(l, { src: s }) }),
25
- /* @__PURE__ */ t(p, { placeholder: "Search..." }),
26
- /* @__PURE__ */ t(g, { children: e ? /* @__PURE__ */ t(c, { onClick: () => o(!1) }) : /* @__PURE__ */ t(m, { onClick: () => o(!0), children: "Log In" }) })
27
- ] });
28
- };
29
- export {
30
- j as A
31
- };
package/.chunks/Avatar.js DELETED
@@ -1,38 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { c } from "./createSvgIcon.js";
3
- import { B as d } from "./ButtonBase.js";
4
- import t from "../assets/theme.js";
5
- import { n as a, i as l } from "./emotion-styled.browser.esm.js";
6
- const m = c(/* @__PURE__ */ i("path", {
7
- d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
8
- }), "PersonOutlineOutlined"), s = a(m, {
9
- shouldForwardProp: (r) => l(r)
10
- })(({ avatarColor: r = t.colors.darkGreen, backgroundColor: n = t.colors.mint, size: o = 40 }) => ({
11
- border: `1px solid ${r}`,
12
- backgroundColor: n,
13
- borderRadius: "50%",
14
- padding: "8px",
15
- fill: r,
16
- width: `${o - 18}px`,
17
- height: `${o - 18}px`,
18
- pointerEvents: "none"
19
- })), p = a(d)({
20
- backgroundColor: "transparent",
21
- borderRadius: "50%",
22
- span: {
23
- transition: "313ms all ease-in-out"
24
- },
25
- "&:hover, :focus": {
26
- span: {
27
- backgroundColor: t.colors.grayO44
28
- }
29
- }
30
- }), g = ({
31
- avatarColor: r,
32
- backgroundColor: n,
33
- size: o,
34
- ...e
35
- }) => e != null && e.onClick ? /* @__PURE__ */ i(p, { ...e, children: /* @__PURE__ */ i(s, { avatarColor: r, backgroundColor: n, size: o }) }) : /* @__PURE__ */ i(s, { avatarColor: r, backgroundColor: n, size: o });
36
- export {
37
- g as A
38
- };
@@ -1,31 +0,0 @@
1
- import { jsxs as o, jsx as t } from "react/jsx-runtime";
2
- import { A as s } from "./AppBar.js";
3
- import { N as p } from "./Nav.js";
4
- import { n as r } from "./emotion-styled.browser.esm.js";
5
- import a from "../assets/theme.js";
6
- const m = r("div")({
7
- display: "flex",
8
- flexDirection: "column",
9
- width: "100%",
10
- position: "relative"
11
- }), l = r("div")({
12
- display: "flex",
13
- flexDirection: "column",
14
- justifyContent: "flex-start",
15
- alignItems: "flex-start",
16
- width: `calc(100% - 2rem - ${a.constants.navBarWidth}px)`,
17
- marginLeft: `${a.constants.navBarWidth}px`,
18
- padding: "1rem",
19
- height: `calc(100% - ${a.constants.appBarHeight}px)`,
20
- fontFamily: "Roboto, sans-serif",
21
- h1: {
22
- margin: 0
23
- }
24
- }), g = ({ appBarProps: e, navProps: i, children: n }) => /* @__PURE__ */ o(m, { children: [
25
- /* @__PURE__ */ t(s, { ...e }),
26
- /* @__PURE__ */ t(p, { withAppBar: !0, ...i, anchor: "left" }),
27
- /* @__PURE__ */ t(l, { children: n })
28
- ] });
29
- export {
30
- g as B
31
- };
package/.chunks/Grid.js DELETED
@@ -1,18 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { n as d } from "./emotion-styled.browser.esm.js";
3
- const p = d("div")(
4
- ({ columns: r, autoColumns: o, rows: e, autoRows: m, gap: t, columnGap: i, rowGap: n, styles: s }) => ({
5
- gridTemplateColumns: r,
6
- gridAutoColumns: o,
7
- gridTemplateRows: e,
8
- gridAutoRows: m,
9
- gap: `${t}rem`,
10
- columnGap: `${i}rem`,
11
- rowGap: `${n}rem`,
12
- display: "grid",
13
- ...s
14
- })
15
- ), u = ({ children: r, ...o }) => /* @__PURE__ */ a(p, { ...o, children: r });
16
- export {
17
- u as G
18
- };