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.
- package/.chunks/ButtonBase.js +2 -1
- package/.chunks/DefaultPropsProvider.js +10 -10
- package/.chunks/ListContext.js +6 -0
- package/.chunks/Menu.js +489 -628
- package/.chunks/NavLink.js +436 -0
- package/.chunks/NavLinkButton.js +259 -0
- package/.chunks/TransitionGroupContext.js +69 -297
- package/.chunks/emotion-react.browser.esm.js +231 -0
- package/.chunks/index.js +131 -0
- package/.chunks/isHostComponent.js +17 -0
- package/README.md +1 -7
- package/base/Avatar/Avatar/Avatar.d.ts +8 -0
- package/base/Avatar/Avatar/Avatar.js +38 -0
- package/base/Avatar/Avatar/index.js +2 -2
- package/base/Avatar/AvatarWithImage/AvatarWithImage.d.ts +10 -0
- package/{.chunks → base/Avatar/AvatarWithImage}/AvatarWithImage.js +9 -8
- package/base/Avatar/AvatarWithImage/index.js +2 -2
- package/base/Avatar/index.js +3 -3
- package/base/Button/Button.d.ts +7 -0
- package/{.chunks → base/Button}/Button.js +7 -6
- package/base/Button/index.js +2 -2
- package/base/Divider/Divider.d.ts +10 -0
- package/{.chunks → base/Divider}/Divider.js +12 -11
- package/base/Divider/index.js +2 -2
- package/base/Flex/Flex.d.ts +19 -0
- package/{.chunks → base/Flex}/Flex.js +7 -7
- package/base/Flex/index.js +2 -2
- package/base/Grid/Grid.d.ts +14 -0
- package/base/Grid/Grid.js +19 -0
- package/base/Grid/index.js +2 -2
- package/base/Input/Input.d.ts +3 -0
- package/{.chunks → base/Input}/Input.js +21 -18
- package/base/Input/index.js +2 -2
- package/base/index.js +12 -12
- package/composite/ContactCard/ContactCard.d.ts +2 -0
- package/composite/ContactCard/ContactCard.js +1 -0
- package/composite/ContactListItem/ContactListItem.d.ts +1 -0
- package/composite/ContactListItem/ContactListItem.js +1 -0
- package/index.js +19 -17
- package/package.json +1 -1
- package/supercomposite/AppBar/AppBar.d.ts +5 -0
- package/{.chunks → supercomposite/AppBar}/AppBar.js +14 -13
- package/supercomposite/AppBar/index.js +2 -2
- package/supercomposite/AppHeader/AppHeader.d.ts +7 -0
- package/supercomposite/AppHeader/AppHeader.js +31 -0
- package/supercomposite/AppHeader/index.js +2 -2
- package/supercomposite/CompactNav/CompactNav.d.ts +17 -0
- package/{.chunks → supercomposite/CompactNav}/CompactNav.js +14 -12
- package/supercomposite/CompactNav/index.js +2 -2
- package/supercomposite/Nav/Nav.d.ts +13 -0
- package/supercomposite/Nav/Nav.js +626 -0
- package/supercomposite/Nav/index.js +1 -1
- package/supercomposite/Nav/subcomponents/NavItem/NavItem.d.ts +3 -0
- package/supercomposite/Nav/subcomponents/NavItem/NavItem.js +34 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLink.d.ts +3 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLink.js +8 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +19 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkButton.js +8 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +8 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkText.js +425 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavMenu.d.ts +20 -0
- package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavMenu.js +432 -0
- package/supercomposite/Nav/subcomponents/NavItem/types.d.ts +12 -0
- package/supercomposite/Nav/subcomponents/NavItem/types.js +1 -0
- package/supercomposite/Nav/types.d.ts +2 -0
- package/supercomposite/Nav/types.js +1 -0
- package/supercomposite/index.js +6 -6
- package/templates/AppContainer/AppContainer.d.ts +10 -0
- package/templates/AppContainer/AppContainer.js +73 -0
- package/templates/AppContainer/index.js +2 -2
- package/templates/BasicPage/BasicPage.d.ts +9 -0
- package/templates/BasicPage/BasicPage.js +31 -0
- package/templates/BasicPage/index.js +2 -2
- package/templates/index.js +4 -4
- package/.chunks/AppContainer.js +0 -70
- package/.chunks/AppHeader.js +0 -31
- package/.chunks/Avatar.js +0 -38
- package/.chunks/BasicPage.js +0 -31
- package/.chunks/Grid.js +0 -18
- package/.chunks/Nav.js +0 -2139
package/.chunks/AppContainer.js
DELETED
|
@@ -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
|
-
};
|
package/.chunks/AppHeader.js
DELETED
|
@@ -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
|
-
};
|
package/.chunks/BasicPage.js
DELETED
|
@@ -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
|
-
};
|