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.
Files changed (70) hide show
  1. package/.chunks/NavLink.js +1 -1
  2. package/README.md +12 -15
  3. package/base/Avatar/{Avatar/Avatar.js → Avatar.js} +4 -4
  4. package/base/Avatar/index.d.ts +1 -2
  5. package/base/Avatar/index.js +2 -4
  6. package/base/{Avatar/AvatarWithImage → AvatarWithImage}/AvatarWithImage.js +3 -3
  7. package/base/AvatarWithImage/index.d.ts +1 -0
  8. package/base/Button/Button.js +27 -31
  9. package/base/Divider/index.d.ts +1 -1
  10. package/base/Flex/Flex.js +6 -5
  11. package/base/Flex/index.d.ts +1 -1
  12. package/base/Grid/index.d.ts +1 -1
  13. package/base/Input/Input.js +61 -61
  14. package/base/ScrollContainer/ScrollContainer.d.ts +10 -0
  15. package/base/ScrollContainer/ScrollContainer.js +42 -0
  16. package/base/index.d.ts +2 -2
  17. package/base/index.js +2 -2
  18. package/composite/WithLabel/WithLabel.d.ts +6 -0
  19. package/composite/WithLabel/WithLabel.js +9 -0
  20. package/composite/WithLabel/index.d.ts +1 -0
  21. package/composite/WithLabel/index.js +4 -0
  22. package/composite/index.d.ts +1 -0
  23. package/composite/index.js +4 -0
  24. package/index.d.ts +1 -1
  25. package/index.js +9 -9
  26. package/package.json +1 -1
  27. package/supercomposite/AppBar/AppBar.js +1 -1
  28. package/supercomposite/AppHeader/AppHeader.js +16 -16
  29. package/supercomposite/Nav/Nav.d.ts +10 -10
  30. package/supercomposite/Nav/Nav.js +73 -614
  31. package/supercomposite/Nav/index.d.ts +1 -2
  32. package/supercomposite/OldNav/Nav.d.ts +13 -0
  33. package/supercomposite/OldNav/Nav.js +626 -0
  34. package/supercomposite/OldNav/index.d.ts +2 -0
  35. package/supercomposite/OldNav/index.js +4 -0
  36. package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +1 -1
  37. package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavMenu.d.ts +1 -1
  38. package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/types.d.ts +1 -1
  39. package/supercomposite/index.d.ts +1 -1
  40. package/templates/AppContainer/AppContainer.d.ts +1 -1
  41. package/templates/AppContainer/AppContainer.js +22 -22
  42. package/templates/BasicPage/BasicPage.d.ts +1 -1
  43. package/templates/BasicPage/BasicPage.js +8 -8
  44. package/theme.d.ts +32 -24
  45. package/theme.js +17 -4
  46. package/base/Avatar/Avatar/index.d.ts +0 -1
  47. package/base/Avatar/Avatar/index.js +0 -4
  48. package/base/Avatar/AvatarWithImage/index.d.ts +0 -1
  49. package/composite/ContactCard/ContactCard.d.ts +0 -2
  50. package/composite/ContactListItem/ContactListItem.js +0 -1
  51. package/supercomposite/CompactNav/CompactNav.d.ts +0 -17
  52. package/supercomposite/CompactNav/CompactNav.js +0 -72
  53. package/supercomposite/CompactNav/index.d.ts +0 -1
  54. package/supercomposite/CompactNav/index.js +0 -4
  55. /package/base/Avatar/{Avatar/Avatar.d.ts → Avatar.d.ts} +0 -0
  56. /package/base/{Avatar/AvatarWithImage → AvatarWithImage}/AvatarWithImage.d.ts +0 -0
  57. /package/base/{Avatar/AvatarWithImage → AvatarWithImage}/index.js +0 -0
  58. /package/composite/{ContactListItem/ContactListItem.d.ts → List/List.d.ts} +0 -0
  59. /package/composite/{ContactCard/ContactCard.js → List/List.js} +0 -0
  60. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/NavItem.d.ts +0 -0
  61. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/NavItem.js +0 -0
  62. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLink.d.ts +0 -0
  63. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLink.js +0 -0
  64. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkButton.js +0 -0
  65. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +0 -0
  66. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavLinkText.js +0 -0
  67. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/subcomponents/NavMenu.js +0 -0
  68. /package/supercomposite/{Nav → OldNav}/subcomponents/NavItem/types.js +0 -0
  69. /package/supercomposite/{Nav → OldNav}/types.d.ts +0 -0
  70. /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 a } from "react";
2
+ import { useState as s } from "react";
3
3
  import { n } from "../../.chunks/emotion-styled.browser.esm.js";
4
- import o from "../../theme.js";
5
- import { l as s } from "../../.chunks/jocologo.js";
6
- import { Input as p } from "../../base/Input/Input.js";
7
- import { Button as m } from "../../base/Button/Button.js";
8
- import d from "../../base/Avatar/Avatar/Avatar.js";
9
- const c = n("div")({
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(${o.constants.appSideNavWidth + o.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
17
- }), l = n("img")({
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
- }), w = () => {
22
- const [r, e] = a(!1);
23
- return /* @__PURE__ */ i(c, { children: [
24
- /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(l, { src: s }) }),
25
- /* @__PURE__ */ t(p, { placeholder: "Search..." }),
26
- /* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(d, { onClick: () => e(!1) }) : /* @__PURE__ */ t(m, { onClick: () => e(!0), children: "Log In" }) })
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
- w as default
30
+ y as default
31
31
  };
@@ -1,13 +1,13 @@
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 {
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
- anchor?: MenuPosition;
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;