jcicl 0.0.22 → 0.0.24
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/NavLink.js +1 -1
- package/README.md +12 -15
- package/base/Avatar/{Avatar/Avatar.js → Avatar.js} +4 -4
- package/base/Avatar/index.d.ts +1 -2
- package/base/Avatar/index.js +2 -4
- package/base/{Avatar/AvatarWithImage → AvatarWithImage}/AvatarWithImage.js +3 -3
- package/base/AvatarWithImage/index.d.ts +1 -0
- package/base/Button/Button.js +27 -31
- package/base/Divider/index.d.ts +1 -1
- package/base/Flex/Flex.js +6 -5
- package/base/Flex/index.d.ts +1 -1
- package/base/Grid/index.d.ts +1 -1
- package/base/Input/Input.js +61 -61
- package/base/ScrollContainer/ScrollContainer.d.ts +10 -0
- package/base/ScrollContainer/ScrollContainer.js +42 -0
- package/base/index.d.ts +2 -2
- package/base/index.js +2 -2
- package/composite/WithLabel/WithLabel.d.ts +6 -0
- package/composite/WithLabel/WithLabel.js +9 -0
- package/composite/WithLabel/index.d.ts +1 -0
- package/composite/WithLabel/index.js +4 -0
- package/composite/index.d.ts +1 -0
- package/composite/index.js +4 -0
- package/index.d.ts +1 -1
- package/index.js +9 -9
- package/package.json +1 -1
- package/supercomposite/AppBar/AppBar.js +1 -1
- package/supercomposite/AppHeader/AppHeader.js +16 -16
- package/supercomposite/Nav/Nav.d.ts +10 -10
- package/supercomposite/Nav/Nav.js +73 -614
- package/supercomposite/Nav/index.d.ts +1 -2
- package/supercomposite/OldNav/Nav.d.ts +13 -0
- package/supercomposite/OldNav/Nav.js +626 -0
- package/supercomposite/OldNav/index.d.ts +2 -0
- package/supercomposite/OldNav/index.js +4 -0
- package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +1 -1
- package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavMenu.d.ts +1 -1
- package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/types.d.ts +1 -1
- package/supercomposite/index.d.ts +1 -1
- package/templates/AppContainer/AppContainer.d.ts +1 -1
- package/templates/AppContainer/AppContainer.js +22 -22
- package/templates/BasicPage/BasicPage.d.ts +1 -1
- package/templates/BasicPage/BasicPage.js +8 -8
- package/theme.d.ts +32 -24
- package/theme.js +17 -4
- package/base/Avatar/Avatar/index.d.ts +0 -1
- package/base/Avatar/Avatar/index.js +0 -4
- package/base/Avatar/AvatarWithImage/index.d.ts +0 -1
- package/composite/ContactCard/ContactCard.d.ts +0 -2
- package/composite/ContactListItem/ContactListItem.js +0 -1
- package/supercomposite/CompactNav/CompactNav.d.ts +0 -17
- package/supercomposite/CompactNav/CompactNav.js +0 -72
- package/supercomposite/CompactNav/index.d.ts +0 -1
- package/supercomposite/CompactNav/index.js +0 -4
- /package/base/Avatar/{Avatar/Avatar.d.ts → Avatar.d.ts} +0 -0
- /package/base/{Avatar/AvatarWithImage → AvatarWithImage}/AvatarWithImage.d.ts +0 -0
- /package/base/{Avatar/AvatarWithImage → AvatarWithImage}/index.js +0 -0
- /package/composite/{ContactListItem/ContactListItem.d.ts → List/List.d.ts} +0 -0
- /package/composite/{ContactCard/ContactCard.js → List/List.js} +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/NavItem.d.ts +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/NavItem.js +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLink.d.ts +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLink.js +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkButton.js +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkText.js +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavMenu.js +0 -0
- /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/types.js +0 -0
- /package/supercomposite/{Nav → OldNav}/types.d.ts +0 -0
- /package/supercomposite/{Nav → OldNav}/types.js +0 -0
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as s } from "react";
|
|
3
3
|
import { n } from "../../.chunks/emotion-styled.browser.esm.js";
|
|
4
|
-
import
|
|
5
|
-
import { l as
|
|
6
|
-
import { Input as
|
|
7
|
-
import { Button as
|
|
8
|
-
import d from "../../base/Avatar/Avatar
|
|
9
|
-
const
|
|
4
|
+
import e from "../../theme.js";
|
|
5
|
+
import { l as a } from "../../.chunks/jocologo.js";
|
|
6
|
+
import { Input as m } from "../../base/Input/Input.js";
|
|
7
|
+
import { Button as c } from "../../base/Button/Button.js";
|
|
8
|
+
import d from "../../base/Avatar/Avatar.js";
|
|
9
|
+
const l = n("div")({
|
|
10
10
|
display: "grid",
|
|
11
11
|
flexDirection: "row",
|
|
12
12
|
padding: "4px 16px",
|
|
13
13
|
backgroundColor: "transparent",
|
|
14
14
|
alignItems: "center",
|
|
15
15
|
justifyContent: "space-between",
|
|
16
|
-
gridTemplateColumns: `minmax(${
|
|
17
|
-
}),
|
|
16
|
+
gridTemplateColumns: `minmax(${e.constants.navWidth + e.constants.actionsPaneWidth}px, 1fr) 2fr 1fr`
|
|
17
|
+
}), p = n("img")({
|
|
18
18
|
width: "36px"
|
|
19
19
|
}), f = n("div")({}), g = n("div")({
|
|
20
20
|
justifySelf: "end"
|
|
21
|
-
}),
|
|
22
|
-
const [r,
|
|
23
|
-
return /* @__PURE__ */ i(
|
|
24
|
-
/* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
|
|
25
|
-
/* @__PURE__ */ t(
|
|
26
|
-
/* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(d, { onClick: () =>
|
|
21
|
+
}), y = () => {
|
|
22
|
+
const [r, o] = s(!1);
|
|
23
|
+
return /* @__PURE__ */ i(l, { children: [
|
|
24
|
+
/* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(p, { src: a }) }),
|
|
25
|
+
/* @__PURE__ */ t(m, { placeholder: "Search..." }),
|
|
26
|
+
/* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(d, { onClick: () => o(!1) }) : /* @__PURE__ */ t(c, { onClick: () => o(!0), children: "Log In" }) })
|
|
27
27
|
] });
|
|
28
28
|
};
|
|
29
29
|
export {
|
|
30
|
-
|
|
30
|
+
y as default
|
|
31
31
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export interface NavItemProps {
|
|
2
|
+
label?: string;
|
|
3
|
+
icon?: JSX.Element;
|
|
4
|
+
onClick?: () => void;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
actionsPanelContent?: JSX.Element;
|
|
7
|
+
}
|
|
8
|
+
export interface NavProps {
|
|
6
9
|
navItems: NavItemProps[];
|
|
7
|
-
|
|
8
|
-
collapsible?: boolean;
|
|
9
|
-
withAppBar?: boolean;
|
|
10
|
-
collapsed?: boolean;
|
|
10
|
+
activeRoute?: string;
|
|
11
11
|
}
|
|
12
|
-
export declare const Nav: FC<NavProps>;
|
|
12
|
+
export declare const Nav: React.FC<NavProps>;
|
|
13
13
|
export default Nav;
|