@olenbetong/appframe-ds 0.4.1 → 0.6.0

package/es/layout/PartnerToggle.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-let toggleRoot = document.createElement("div");
-let brand = document.querySelector(".partner-nav__brand");
-toggleRoot.id = "toggle-root";
-document.querySelector(".partner-nav")?.insertBefore(toggleRoot, brand);
-export function PartnerToggle({ onClick, open, }) {
-    return createPortal(_jsx("button", { type: "button", className: "LayoutSmall-toggle", onClick: onClick, children: open ? "◀" : "☰" }), toggleRoot);
-}

package/es/layout/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const AF_MUI_PAGE_TITLE_ID = "PageTitleSmallLayout";
-export declare const AF_MUI_APPBAR_TOOLS_ID = "AppBarTools";

package/es/layout/constants.js

@@ -1,2 +0,0 @@
-export const AF_MUI_PAGE_TITLE_ID = "PageTitleSmallLayout";
-export const AF_MUI_APPBAR_TOOLS_ID = "AppBarTools";

package/es/layout/index.css

@@ -1,65 +0,0 @@
-.app-view {
-	height: 100%;
-	overflow-y: hidden;
-}
-
-.scroll-view {
-	height: 100%;
-	max-height: 100%;
-	overflow-y: auto;
-}
-
-.flow > * + * {
-	margin-top: var(--flow-spacing, 1rem) !important;
-}
-
-.flow-xs > * {
-	--flow-spacing: 0.25rem;
-}
-
-.flow-sm > * {
-	--flow-spacing: 0.5rem;
-}
-
-.flow-lg > * {
-	--flow-spacing: 1.5rem;
-}
-
-.flow-xl > * {
-	--flow-spacing: 2rem;
-}
-
-.flow-xxl > * {
-	--flow-spacing: 3rem;
-}
-
-.app-grid {
-	height: 100%;
-	overflow-y: hidden;
-	display: grid;
-	gap: 1rem;
-}
-
-.rows-af {
-	grid-template-rows: auto 1fr;
-}
-
-.rows-aaf {
-	grid-template-rows: auto auto 1fr;
-}
-
-.rows-afaf {
-	grid-template-rows: auto 1fr auto 1fr;
-}
-
-.rows-aff {
-	grid-template-rows: auto 1fr 1fr;
-}
-
-.rows-f {
-	grid-template-rows: 1fr;
-}
-
-.rows-ff {
-	grid-template-rows: 1fr 1fr;
-}

package/es/layout/index.d.ts

@@ -1,33 +0,0 @@
-import "./index.css";
-import type React from "react";
-import type { AppMenuProps } from "./AppMenu.js";
-export type AppLayoutProps = {
-    AppMenuProps?: AppMenuProps;
-    children: React.ReactNode | React.ReactNode[];
-    menu?: React.ReactNode | React.ReactNode[];
-    /**
-     * @deprecated The toolbar is now server-rendered. This prop has no effect.
-     */
-    toolbar?: React.ReactNode | React.ReactNode[];
-    /**
-     * @deprecated The title is now rendered in the server-rendered toolbar. This prop has no effect.
-     */
-    title?: React.ReactNode;
-    /**
-     * @deprecated The toolbar is now server-rendered. This prop has no effect.
-     */
-    enableMenuToggle?: boolean;
-    /**
-     * Enable partner mode (for partner.olenbetong.no applications).
-     * Adds a toggle button to the existing partner header instead of the app bar.
-     */
-    partner?: boolean;
-};
-export * from "./AppMenu.js";
-export * from "./AppMenuItem.js";
-export * from "./AppMenuSubheader.js";
-export * from "./constants.js";
-export * from "./ErrorBoundary.js";
-export * from "./PageContainer.js";
-export * from "./PartnerToggle.js";
-export declare function AppLayout(props: AppLayoutProps): React.JSX.Element;

package/es/layout/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./index.css";
-import { useEffect, useState } from "react";
-import { AppLayoutDesktop } from "./AppLayoutDesktop.js";
-import { AppLayoutMobile } from "./AppLayoutMobile.js";
-function useIsMobile() {
-    let [isMobile, setIsMobile] = useState(() => {
-        if (typeof window === "undefined")
-            return false;
-        return window.matchMedia("(max-width: 1199px)").matches;
-    });
-    useEffect(() => {
-        let mq = window.matchMedia("(max-width: 1199px)");
-        let handler = (e) => setIsMobile(e.matches);
-        mq.addEventListener("change", handler);
-        return () => mq.removeEventListener("change", handler);
-    }, []);
-    return isMobile;
-}
-export * from "./AppMenu.js";
-export * from "./AppMenuItem.js";
-export * from "./AppMenuSubheader.js";
-export * from "./constants.js";
-export * from "./ErrorBoundary.js";
-export * from "./PageContainer.js";
-export * from "./PartnerToggle.js";
-export function AppLayout(props) {
-    let isSmall = useIsMobile();
-    let Component = isSmall ? AppLayoutMobile : AppLayoutDesktop;
-    return _jsx(Component, { ...props });
-}