jcicl 0.0.29 → 0.0.30

package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.js

@@ -1,432 +0,0 @@
-import { jsx as r, jsxs as U, Fragment as ae } from "react/jsx-runtime";
-import { n as G } from "../../../../../.chunks/emotion-styled.browser.esm.js";
-import * as N from "react";
-import { useState as J } from "react";
-import { N as le } from "../../../../../.chunks/NavLinkButton.js";
-import { NavLinkText as pe } from "./NavLinkText.js";
-import { Divider as ce } from "../../../../../base/Divider/Divider.js";
-import { L as de, N as ue } from "../../../../../.chunks/NavLink.js";
-import K from "../../../../../theme.js";
-import { u as he, T as fe, g as V, L as me, M as ge } from "../../../../../.chunks/Menu.js";
-import { c as Q } from "../../../../../.chunks/createSvgIcon.js";
-import { g as xe, a as ye, s as O, u as we, c as Ee, P as e, b as ze, f as be } from "../../../../../.chunks/DefaultPropsProvider.js";
-import { m as Te } from "../../../../../.chunks/memoTheme.js";
-import { b as ve, a as Ce, e as Le } from "../../../../../.chunks/TransitionGroupContext.js";
-function Se(o) {
-  return ye("MuiCollapse", o);
-}
-xe("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const Me = (o) => {
-  const {
-    orientation: n,
-    classes: i
-  } = o, s = {
-    root: ["root", `${n}`],
-    entered: ["entered"],
-    hidden: ["hidden"],
-    wrapper: ["wrapper", `${n}`],
-    wrapperInner: ["wrapperInner", `${n}`]
-  };
-  return ze(s, Se, i);
-}, Re = O("div", {
-  name: "MuiCollapse",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: i
-    } = o;
-    return [n.root, n[i.orientation], i.state === "entered" && n.entered, i.state === "exited" && !i.in && i.collapsedSize === "0px" && n.hidden];
-  }
-})(Te(({
-  theme: o
-}) => ({
-  height: 0,
-  overflow: "hidden",
-  transition: o.transitions.create("height"),
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      height: "auto",
-      width: 0,
-      transition: o.transitions.create("width")
-    }
-  }, {
-    props: {
-      state: "entered"
-    },
-    style: {
-      height: "auto",
-      overflow: "visible"
-    }
-  }, {
-    props: {
-      state: "entered",
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState: n
-    }) => n.state === "exited" && !n.in && n.collapsedSize === "0px",
-    style: {
-      visibility: "hidden"
-    }
-  }]
-}))), Ne = O("div", {
-  name: "MuiCollapse",
-  slot: "Wrapper",
-  overridesResolver: (o, n) => n.wrapper
-})({
-  // Hack to get children with a negative margin to not falsify the height computation.
-  display: "flex",
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-}), $e = O("div", {
-  name: "MuiCollapse",
-  slot: "WrapperInner",
-  overridesResolver: (o, n) => n.wrapperInner
-})({
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-}), $ = /* @__PURE__ */ N.forwardRef(function(n, i) {
-  const s = we({
-    props: n,
-    name: "MuiCollapse"
-  }), {
-    addEndListener: l,
-    children: m,
-    className: d,
-    collapsedSize: u = "0px",
-    component: D,
-    easing: g,
-    in: w,
-    onEnter: v,
-    onEntered: C,
-    onEntering: p,
-    onExit: x,
-    onExited: X,
-    onExiting: W,
-    orientation: j = "vertical",
-    style: P,
-    timeout: h = be.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: Y = fe,
-    ...Z
-  } = s, L = {
-    ...s,
-    orientation: j,
-    collapsedSize: u
-  }, E = Me(L), A = he(), I = ve(), f = N.useRef(null), k = N.useRef(), S = typeof u == "number" ? `${u}px` : u, z = j === "horizontal", b = z ? "width" : "height", M = N.useRef(null), ee = Ce(i, M), y = (t) => (a) => {
-    if (t) {
-      const c = M.current;
-      a === void 0 ? t(c) : t(c, a);
-    }
-  }, F = () => f.current ? f.current[z ? "clientWidth" : "clientHeight"] : 0, te = y((t, a) => {
-    f.current && z && (f.current.style.position = "absolute"), t.style[b] = S, v && v(t, a);
-  }), ne = y((t, a) => {
-    const c = F();
-    f.current && z && (f.current.style.position = "");
-    const {
-      duration: T,
-      easing: R
-    } = V({
-      style: P,
-      timeout: h,
-      easing: g
-    }, {
-      mode: "enter"
-    });
-    if (h === "auto") {
-      const H = A.transitions.getAutoHeightDuration(c);
-      t.style.transitionDuration = `${H}ms`, k.current = H;
-    } else
-      t.style.transitionDuration = typeof T == "string" ? T : `${T}ms`;
-    t.style[b] = `${c}px`, t.style.transitionTimingFunction = R, p && p(t, a);
-  }), oe = y((t, a) => {
-    t.style[b] = "auto", C && C(t, a);
-  }), re = y((t) => {
-    t.style[b] = `${F()}px`, x && x(t);
-  }), ie = y(X), se = y((t) => {
-    const a = F(), {
-      duration: c,
-      easing: T
-    } = V({
-      style: P,
-      timeout: h,
-      easing: g
-    }, {
-      mode: "exit"
-    });
-    if (h === "auto") {
-      const R = A.transitions.getAutoHeightDuration(a);
-      t.style.transitionDuration = `${R}ms`, k.current = R;
-    } else
-      t.style.transitionDuration = typeof c == "string" ? c : `${c}ms`;
-    t.style[b] = S, t.style.transitionTimingFunction = T, W && W(t);
-  });
-  return /* @__PURE__ */ r(Y, {
-    in: w,
-    onEnter: te,
-    onEntered: oe,
-    onEntering: ne,
-    onExit: re,
-    onExited: ie,
-    onExiting: se,
-    addEndListener: (t) => {
-      h === "auto" && I.start(k.current || 0, t), l && l(M.current, t);
-    },
-    nodeRef: M,
-    timeout: h === "auto" ? null : h,
-    ...Z,
-    children: (t, a) => /* @__PURE__ */ r(Re, {
-      as: D,
-      className: Ee(E.root, d, {
-        entered: E.entered,
-        exited: !w && S === "0px" && E.hidden
-      }[t]),
-      style: {
-        [z ? "minWidth" : "minHeight"]: S,
-        ...P
-      },
-      ref: ee,
-      ...a,
-      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
-      // that might have been forwarded from the Transition component.
-      ownerState: {
-        ...L,
-        state: t
-      },
-      children: /* @__PURE__ */ r(Ne, {
-        ownerState: {
-          ...L,
-          state: t
-        },
-        className: E.wrapper,
-        ref: f,
-        children: /* @__PURE__ */ r($e, {
-          ownerState: {
-            ...L,
-            state: t
-          },
-          className: E.wrapperInner,
-          children: m
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && ($.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: e.func,
-  /**
-   * The content node to be collapsed.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The width (horizontal) or height (vertical) of the container when collapsed.
-   * @default '0px'
-   */
-  collapsedSize: e.oneOfType([e.number, e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: Le,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: e.oneOfType([e.shape({
-    enter: e.string,
-    exit: e.string
-  }), e.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: e.bool,
-  /**
-   * @ignore
-   */
-  onEnter: e.func,
-  /**
-   * @ignore
-   */
-  onEntered: e.func,
-  /**
-   * @ignore
-   */
-  onEntering: e.func,
-  /**
-   * @ignore
-   */
-  onExit: e.func,
-  /**
-   * @ignore
-   */
-  onExited: e.func,
-  /**
-   * @ignore
-   */
-  onExiting: e.func,
-  /**
-   * The transition orientation.
-   * @default 'vertical'
-   */
-  orientation: e.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default duration.standard
-   */
-  timeout: e.oneOfType([e.oneOf(["auto"]), e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-$ && ($.muiSupportAuto = !0);
-const B = Q(/* @__PURE__ */ r("path", {
-  d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
-}), "ExpandLess"), _ = Q(/* @__PURE__ */ r("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "ExpandMore"), De = G(me, {
-  shouldForwardProp: (o) => o !== "collapsed"
-})(({ collapsed: o }) => ({
-  paddingLeft: o ? 0 : "2rem",
-  a: {
-    paddingLeft: o ? "3rem" : "1rem"
-  }
-})), Pe = G(ge, { shouldForwardProp: (o) => o !== "collapsed" })`
-  .MuiPaper-root {
-    background-color: ${K.colors.charcoal};
-    ul {
-      display: flex;
-      flex-wrap: wrap;
-      flex-direction: row;
-      align-items: center;
-      padding: 0;
-      width: 100%;
-      li {
-        width: auto;
-      }
-    }
-  }
-`, q = ({
-  type: o = "link",
-  menuOrientation: n,
-  menuPosition: i,
-  collapsed: s,
-  ...l
-}) => {
-  switch (o) {
-    case "link":
-      return /* @__PURE__ */ r(ue, { ...l, menuOrientation: n });
-    case "menu":
-      return /* @__PURE__ */ r(ke, { menuOrientation: n, position: i, collapsed: s, ...l });
-    case "divider":
-      return /* @__PURE__ */ r(
-        ce,
-        {
-          color: K.colors.white,
-          opacity: 0.5,
-          spacing: 0,
-          orientation: n === "horizontal" ? "vertical" : "horizontal"
-        }
-      );
-    default:
-      return null;
-  }
-}, ke = ({
-  label: o,
-  icon: n,
-  navItems: i,
-  menuOrientation: s,
-  collapsed: l,
-  position: m
-}) => {
-  const [d, u] = J(!1), [D, g] = J(null), w = n, v = (p) => {
-    u(!d), s === "horizontal" && (g(null), g(p.currentTarget));
-  }, C = () => {
-    u(!1), g(null);
-  };
-  return /* @__PURE__ */ U(ae, { children: [
-    /* @__PURE__ */ r(de, { disablePadding: !0, children: /* @__PURE__ */ U(le, { onClick: v, menuOrientation: s, children: [
-      w && w,
-      /* @__PURE__ */ r(pe, { primary: o, collapsed: l }),
-      m !== "bottom" && (d ? /* @__PURE__ */ r(B, { sx: { marginLeft: "8px" } }) : /* @__PURE__ */ r(_, { sx: { marginLeft: "8px" } })),
-      m === "bottom" && (d ? /* @__PURE__ */ r(_, { sx: { marginLeft: "8px" } }) : /* @__PURE__ */ r(B, { sx: { marginLeft: "8px" } }))
-    ] }) }, o),
-    s === "vertical" && /* @__PURE__ */ r($, { in: d, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ r(De, { component: "div", disablePadding: !0, collapsed: l, children: i == null ? void 0 : i.map((p, x) => /* @__PURE__ */ r(q, { ...p, collapsed: l }, `${JSON.stringify(p)}-${x}`)) }) }),
-    s === "horizontal" && /* @__PURE__ */ r(
-      Pe,
-      {
-        anchorEl: D,
-        anchorOrigin: { horizontal: "left", vertical: m === "bottom" ? "top" : "bottom" },
-        open: d,
-        onClose: C,
-        children: i == null ? void 0 : i.map((p, x) => /* @__PURE__ */ r(
-          q,
-          {
-            ...p,
-            collapsed: l,
-            menuOrientation: s,
-            menuPosition: m
-          },
-          `${JSON.stringify(p)}-${x}`
-        ))
-      }
-    )
-  ] });
-};
-export {
-  ke as NavMenu,
-  Pe as SubMenuHorizontal,
-  De as SubMenuVertical,
-  ke as default
-};

package/supercomposite/OldNav/subcomponents/NavItem/types.d.ts

@@ -1,12 +0,0 @@
-import { MenuPosition, MenuOrientation } from '../../types';
-export interface NavItemProps {
-    label?: string;
-    icon?: JSX.Element;
-    iconName?: string;
-    to?: string;
-    openInNewTab?: boolean;
-    type?: 'link' | 'menu' | 'divider';
-    menuOrientation?: MenuOrientation;
-    menuPosition?: MenuPosition;
-    collapsed?: boolean;
-}

package/supercomposite/OldNav/subcomponents/NavItem/types.js

@@ -1 +0,0 @@
-

package/supercomposite/OldNav/types.d.ts

@@ -1,2 +0,0 @@
-export type MenuOrientation = 'vertical' | 'horizontal';
-export type MenuPosition = 'top' | 'bottom' | 'left' | 'right';

package/supercomposite/OldNav/types.js

@@ -1 +0,0 @@
-

package/templates/BasicPage/BasicPage.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { AppBarProps } from '../../../../../../../../../src/components/supercomposite/AppBar';
-import { NavProps } from '../../../../../../../../../src/components/supercomposite/OldNav';
-export interface BasicPageProps {
-    appBarProps?: AppBarProps;
-    navProps: NavProps;
-}
-declare const BasicPage: React.FC<PropsWithChildren<BasicPageProps>>;
-export default BasicPage;

package/templates/BasicPage/BasicPage.js

@@ -1,31 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { AppBar as s } from "../../supercomposite/AppBar/AppBar.js";
-import { Nav as p } from "../../supercomposite/OldNav/Nav.js";
-import { n as a } from "../../.chunks/emotion-styled.browser.esm.js";
-import r from "../../theme.js";
-const l = a("div")({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  position: "relative"
-}), m = a("div")({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "flex-start",
-  alignItems: "flex-start",
-  width: `calc(100% - 2rem - ${r.constants.oldNavBarWidth}px)`,
-  marginLeft: `${r.constants.oldNavBarWidth}px`,
-  padding: "1rem",
-  height: `calc(100% - ${r.constants.oldAppBarHeight}px)`,
-  fontFamily: "Roboto, sans-serif",
-  h1: {
-    margin: 0
-  }
-}), g = ({ appBarProps: e, navProps: o, children: i }) => /* @__PURE__ */ n(l, { children: [
-  /* @__PURE__ */ t(s, { ...e }),
-  /* @__PURE__ */ t(p, { withAppBar: !0, ...o, anchor: "left" }),
-  /* @__PURE__ */ t(m, { children: i })
-] });
-export {
-  g as default
-};

package/templates/BasicPage/index.d.ts

@@ -1 +0,0 @@
-export { default, type BasicPageProps } from './BasicPage';

package/templates/BasicPage/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./BasicPage.js";
-export {
-  o as default
-};