@midas-ds/layout 0.0.22 → 0.0.23

package/chunks/Panel-C-B48gnt.js

@@ -1,281 +0,0 @@
-'use client';
-import { jsx as l, jsxs as P } from "react/jsx-runtime";
-import { forwardRef as b, useRef as z, useEffect as $, createContext as I, useState as M, useContext as B } from "react";
-import { C as H, P as j } from "./PanelContext-D6WQ7_yb.js";
-import { useLocalizedStringFormatter as v, Button as C, clsx as h, Text as A } from "@midas-ds/components";
-import { useControlledState as O } from "@react-stately/utils";
-import { u as L } from "./useIsMobileDevice-D0iMVFPx.js";
-import { c as _ } from "./createLucideIcon-CP-mMPfa.js";
-import { useExitAnimation as R, useObjectRef as q, useEnterAnimation as F, filterDOMProps as X } from "@react-aria/utils";
-import '../assets/Panel.css';const G = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], J = _("panel-left-close", G);
-const K = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], Q = _("panel-left-open", K);
-const U = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], V = _("x", U), W = { expandSidebar: "Expand sidebar", collapseSidebar: "Collapse sidebar", closePanel: "Close panel" }, Y = { expandSidebar: "Expandera sidopanel", collapseSidebar: "Minimera sidopanel", closePanel: "Stäng panel" }, T = {
-  en: W,
-  sv: Y
-}, Z = "_collapsePanel_5za0f_1", ee = "_collapsed_5za0f_5", ne = "_panelTitle_5za0f_18", x = {
-  collapsePanel: Z,
-  collapsed: ee,
-  panelTitle: ne
-}, se = ({
-  children: e,
-  className: s,
-  isCollapsed: o,
-  defaultCollapsed: m = !1,
-  onCollapseChange: r,
-  title: c,
-  ...p
-}) => {
-  const i = v(T), f = L(), [n, a] = O(
-    o,
-    m,
-    r
-  ), t = () => a((d) => !d);
-  return f ? null : /* @__PURE__ */ l(H.Provider, { value: { isCollapsed: n }, children: /* @__PURE__ */ l(
-    E,
-    {
-      className: h(s, x.collapsePanel, {
-        [x.collapsed]: n
-      }),
-      ...p,
-      children: /* @__PURE__ */ P("aside", { children: [
-        /* @__PURE__ */ P(D, { children: [
-          /* @__PURE__ */ l("div", { children: !n && c && /* @__PURE__ */ l(
-            N,
-            {
-              className: x.panelTitle,
-              title: c
-            }
-          ) }),
-          /* @__PURE__ */ l(
-            C,
-            {
-              variant: "icon",
-              "aria-label": n ? i.format("expandSidebar") : i.format("collapseSidebar"),
-              onPress: t,
-              children: n ? /* @__PURE__ */ l(Q, { size: 20 }) : /* @__PURE__ */ l(J, { size: 20 })
-            }
-          )
-        ] }),
-        e
-      ] })
-    }
-  ) });
-}, ae = "_panelBody_aouaw_1", te = {
-  panelBody: ae
-}, E = b(
-  ({ className: e, ...s }, o) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: o,
-      className: h(e, te.panelBody),
-      ...s
-    }
-  )
-), le = "_panelHeader_11qv1_1", oe = {
-  panelHeader: le
-}, D = ({ className: e, ...s }) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: h(e, oe.panelHeader),
-    ...s
-  }
-), ie = "_panelTitle_w7y4m_1", re = {
-  panelTitle: ie
-}, N = ({ className: e, title: s, ...o }) => /* @__PURE__ */ l(
-  A,
-  {
-    className: h(e, re.panelTitle),
-    ...o,
-    children: s
-  }
-), ce = "_dismissPanel_11141_1", de = "_panelTitle_11141_54", y = {
-  dismissPanel: ce,
-  panelTitle: de
-}, S = (e) => {
-  const { onExited: s } = e, [o, m] = O(
-    e.isOpen,
-    e.defaultOpen || !1,
-    e.onOpenChange
-  ), r = z(null), c = R(r, o), p = () => m((i) => !i);
-  return $(() => {
-    !o && !c && s?.();
-  }, [o, c, s]), !o && !c ? null : /* @__PURE__ */ l(
-    pe,
-    {
-      isExiting: c,
-      onPress: p,
-      ref: r,
-      ...e
-    }
-  );
-}, pe = b(
-  ({
-    className: e,
-    title: s,
-    onPress: o,
-    children: m,
-    isExiting: r,
-    defaultOpen: c,
-    promoting: p,
-    onPromotionEnd: i,
-    "aria-hidden": f,
-    ...n
-  }, a) => {
-    const t = v(T), d = q(a), u = F(d, !c), w = (g) => {
-      g.target === g.currentTarget && p && i?.();
-    };
-    return /* @__PURE__ */ P(
-      E,
-      {
-        "aria-hidden": f || void 0,
-        className: h(e, y.dismissPanel),
-        ref: d,
-        "data-entering": u || void 0,
-        "data-exiting": r || void 0,
-        "data-promoting": p || void 0,
-        onAnimationEnd: w,
-        ...X(n),
-        children: [
-          /* @__PURE__ */ P(D, { children: [
-            /* @__PURE__ */ l("div", { children: s && /* @__PURE__ */ l(
-              N,
-              {
-                className: y.panelTitle,
-                title: s
-              }
-            ) }),
-            /* @__PURE__ */ l(
-              C,
-              {
-                variant: "icon",
-                "aria-label": t.format("closePanel"),
-                onPress: o,
-                children: /* @__PURE__ */ l(V, { size: 20 })
-              }
-            )
-          ] }),
-          m
-        ]
-      }
-    );
-  }
-), k = I({
-  panels: [],
-  addPanel: () => {
-  },
-  closePanel: () => {
-  },
-  removePanel: () => {
-  },
-  resetPromoting: () => {
-  }
-}), be = ({
-  children: e,
-  className: s,
-  ...o
-}) => {
-  const { panels: m, closePanel: r, removePanel: c, resetPromoting: p } = me();
-  return /* @__PURE__ */ P(
-    "aside",
-    {
-      className: s,
-      ...o,
-      children: [
-        m.map(({ id: i, ...f }, n, { length: a }) => /* @__PURE__ */ l(
-          S,
-          {
-            "aria-hidden": n < a - 1 || void 0,
-            id: i,
-            "data-debug": "Panel (dismiss)",
-            onOpenChange: (t) => {
-              t || r(i);
-            },
-            onExited: () => c(i),
-            onPromotionEnd: () => p(i),
-            ...f
-          },
-          i
-        )),
-        e
-      ]
-    }
-  );
-}, ve = ({
-  children: e,
-  defaultPanels: s = [],
-  panelBehavior: o = "bring-to-front"
-}) => {
-  const [m, r] = M(
-    s.map((n) => ({ ...n, isOpen: !0, defaultOpen: !0 }))
-  ), c = (n) => {
-    r((a) => {
-      const t = a.findIndex((d) => d.id === n.id);
-      if (t === -1)
-        return [...a, { ...n, isOpen: !0 }];
-      if (o === "bring-to-front") {
-        if (t === a.length - 1) return a;
-        const d = a[t];
-        return [
-          ...a.filter((u) => u.id !== n.id),
-          { ...d, isOpen: !0, promoting: !0 }
-        ];
-      }
-      return o === "pop-to" ? a.map(
-        (d, u) => u > t ? { ...d, isOpen: !1 } : d
-      ) : a;
-    });
-  }, p = (n) => {
-    r(
-      (a) => a.map((t) => t.id === n ? { ...t, isOpen: !1 } : t)
-    );
-  }, i = (n) => {
-    r((a) => a.filter((t) => t.id !== n));
-  }, f = (n) => {
-    r(
-      (a) => a.map((t) => t.id === n ? { ...t, promoting: !1 } : t)
-    );
-  };
-  return /* @__PURE__ */ l(
-    k.Provider,
-    {
-      value: { panels: m, addPanel: c, closePanel: p, removePanel: i, resetPromoting: f },
-      children: e
-    }
-  );
-}, me = () => {
-  const e = B(k);
-  if (!e)
-    throw new Error(
-      "useDismissPanels must be used within a DismissPanelContext"
-    );
-  return e;
-}, Ce = ({
-  variant: e = "collapse",
-  ...s
-}) => /* @__PURE__ */ P(j.Provider, { value: { variant: e }, children: [
-  e === "collapse" && /* @__PURE__ */ l(se, { ...s }),
-  e === "dismiss" && /* @__PURE__ */ l(S, { ...s })
-] });
-export {
-  se as C,
-  S as D,
-  Ce as P,
-  k as a,
-  be as b,
-  ve as c,
-  E as d,
-  D as e,
-  N as f,
-  me as u
-};

package/chunks/PanelContext-D6WQ7_yb.js

@@ -1,11 +0,0 @@
-'use client';
-import { createContext as t } from "react";
-const o = t({
-  isCollapsed: !1
-}), a = t({
-  variant: void 0
-});
-export {
-  o as C,
-  a as P
-};

package/panel/collapse-panel/CollapsePanel.d.ts

@@ -1,8 +0,0 @@
-import { PanelProps } from '..';
-export interface CollapseTriggerProps {
-    isCollapsed?: boolean;
-    defaultCollapsed?: boolean;
-    onCollapseChange?: (isCollapsed: boolean) => void;
-}
-export type CollapsePanelProps = Omit<PanelProps<'collapse'>, 'variant'> & CollapseTriggerProps;
-export declare const CollapsePanel: ({ children, className, isCollapsed: isCollapsedProp, defaultCollapsed, onCollapseChange, title, ...rest }: CollapsePanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/panel/collapse-panel/CollapsePanelContext.d.ts

@@ -1,3 +0,0 @@
-import { PanelProps } from '../Panel';
-export type CollapsePanelContextValue = Pick<PanelProps<'collapse'>, 'isCollapsed'>;
-export declare const CollapsePanelContext: import('react').Context<CollapsePanelContextValue>;

package/panel/collapse-panel/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CollapsePanel';
-export * from './CollapsePanelContext';

package/panel/dismiss-panel/DismissPanel.d.ts

@@ -1,11 +0,0 @@
-import { PanelProps } from '..';
-export interface DismissTriggerProps {
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    onExited?: () => void;
-    promoting?: boolean;
-    onPromotionEnd?: () => void;
-}
-export type DismissPanelProps = Omit<PanelProps<'dismiss'>, 'variant'> & DismissTriggerProps;
-export declare const DismissPanel: (props: DismissPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/panel/dismiss-panel/DismissPanelContext.d.ts

@@ -1,12 +0,0 @@
-import { DismissPanelProps } from '.';
-export interface PanelItem extends DismissPanelProps {
-    promoting?: boolean;
-}
-export interface DismissPanelContextValue {
-    panels: PanelItem[];
-    addPanel: (panel: Omit<PanelItem, 'isOpen' | 'defaultOpen'>) => void;
-    closePanel: (id: string) => void;
-    removePanel: (id: string) => void;
-    resetPromoting: (id: string) => void;
-}
-export declare const DismissPanelContext: import('react').Context<DismissPanelContextValue>;

package/panel/dismiss-panel/DismissPanelOutlet.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type PanelRegionProps = HTMLAttributes<HTMLElement>;
-export declare const DismissPanelOutlet: ({ children, className, ...rest }: PanelRegionProps) => import("react/jsx-runtime").JSX.Element;

package/panel/dismiss-panel/DismissPanelProvider.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { PanelItem } from './DismissPanelContext';
-export type PanelBehavior = 'bring-to-front' | 'pop-to';
-export interface DismissPanelProviderProps {
-    children: ReactNode;
-    defaultPanels?: PanelItem[];
-    panelBehavior?: PanelBehavior;
-}
-export declare const DismissPanelProvider: ({ children, defaultPanels, panelBehavior, }: DismissPanelProviderProps) => import("react/jsx-runtime").JSX.Element;

package/panel/dismiss-panel/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DismissPanel';
-export * from './DismissPanelContext';
-export * from './DismissPanelOutlet';
-export * from './DismissPanelProvider';
-export * from './useDismissPanels';

package/panel/dismiss-panel/useDismissPanels.d.ts

@@ -1 +0,0 @@
-export declare const useDismissPanels: () => import('./DismissPanelContext').DismissPanelContextValue;