se-design 1.0.2 → 1.0.8-5.dev.0

package/dist/index21.js

@@ -1,48 +1,36 @@
-import o, { useState as g, useEffect as E } from "react";
-/* empty css         */
-const I = ({
-  className: l = "",
-  automationId: m = "",
-  defaultChecked: s = !1,
-  disabled: t = !1,
-  onChange: b,
-  checkMarkType: c = "",
-  label: x = "",
-  disabledLabel: a = "",
-  containerAutomationId: d = ""
-}) => {
-  const [e, i] = g(s);
-  E(() => {
-    i(s);
-  }, [s]);
-  const h = (n) => {
-    t || (i((u) => !u), b?.(!e, n));
-  }, f = () => {
-    const n = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
-    return t ? e && c === "tick" ? "disabled-tick" : e && c === "minus-checkbox" ? "disabled-minus-checkbox" : e && !c ? "disabled-tick" : "disabled-default" : c === "minus-checkbox" && e ? `minus-checkbox ${n}` : e ? `checked ${n}` : `unchecked ${n}`;
-  }, k = () => t ? "checkbox-label-disabled" : "checkbox-label", C = () => t && a ? a : x, r = crypto.randomUUID();
-  return /* @__PURE__ */ o.createElement("div", {
-    className: "se-design-checkbox-ctn"
-  }, /* @__PURE__ */ o.createElement("label", {
-    htmlFor: r,
-    className: `se-design-checkbox ${l} ${f()}`,
-    "data-automation-id": d || "checkbox-container",
-    tabIndex: t ? -1 : 0
-  }, /* @__PURE__ */ o.createElement("input", {
-    id: r,
-    type: "checkbox",
-    checked: e,
-    onChange: h,
-    disabled: t
-  }), /* @__PURE__ */ o.createElement("span", {
-    className: "checkbox-item",
-    "data-automation-id": m
-  }), /* @__PURE__ */ o.createElement("span", {
-    className: k(),
-    "data-automation-id": "checkbox-label"
-  }, C())));
-};
+import e from "react";
+import { Popover as l } from "./index19.js";
+import { Icon as s } from "./index6.js";
+const t = {
+  base: "se-design-hamburger-menu rounded-[6px] transition-all duration-300 p-[3px] flex items-center",
+  active: "bg-[var(--color-blue-450)]",
+  hover: "hover:bg-[var(--color-blue-450)]"
+}, u = ({
+  className: a = "",
+  automationId: n = "",
+  popoverContentAutomationId: m = "",
+  menuContent: o,
+  popoverClassName: c = ""
+}) => /* @__PURE__ */ e.createElement(l, {
+  className: a,
+  position: "bottom-left",
+  automationId: n,
+  popoverContentAutomationId: m,
+  renderPopoverSrcElement: ({
+    displayPopover: r
+  }) => /* @__PURE__ */ e.createElement("div", {
+    className: `${t.base} ${r ? t.active : ""} ${t.hover}`
+  }, /* @__PURE__ */ e.createElement(s, {
+    name: "hamburger",
+    stroke: "var(--color-white)"
+  })),
+  renderPopoverContents: (r) => /* @__PURE__ */ e.createElement("div", {
+    className: `min-w-[212px] ${c}`
+  }, o && /* @__PURE__ */ e.createElement("div", {
+    className: "menu-content"
+  }, o(r)))
+});
 export {
-  I as Checkbox
+  u as HamburgerMenu
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport './style.scss';\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  checkMarkType?: 'tick' | 'minus-checkbox' | '';\n  label?: string;\n  disabledLabel?: string;\n  containerAutomationId?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  className = '',\n  automationId = '',\n  defaultChecked = false,\n  disabled = false,\n  onChange,\n  checkMarkType = '',\n  label = '',\n  disabledLabel = '',\n  containerAutomationId = ''\n}) => {\n  const [isChecked, setIsChecked] = useState(defaultChecked);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleClick = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    setIsChecked((prev) => (checkMarkType === 'minus-checkbox' ? !prev : !prev));\n    onChange?.(!isChecked, e);\n  };\n\n  const getCheckBoxClassName = () => {\n    const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n\n    // Handle disabled states with proper checked status\n    if (disabled) {\n      if (isChecked && checkMarkType === 'tick') return 'disabled-tick';\n      if (isChecked && checkMarkType === 'minus-checkbox') return 'disabled-minus-checkbox';\n      if (isChecked && !checkMarkType) return 'disabled-tick'; // Default to tick for checked disabled\n      return 'disabled-default'; // Unchecked disabled\n    }\n\n    // Handle enabled states\n    if (checkMarkType === 'minus-checkbox' && isChecked) return `minus-checkbox ${focusClass}`;\n    return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n  };\n\n  const getLabelClassName = () => {\n    return disabled ? 'checkbox-label-disabled' : 'checkbox-label';\n  };\n\n  const getLabelText = () => {\n    if (disabled && disabledLabel) {\n      return disabledLabel;\n    }\n    return label;\n  };\n  const uniqueId = crypto.randomUUID();\n\n  return (\n    <div className=\"se-design-checkbox-ctn\">\n      <label\n        htmlFor={uniqueId}\n        className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`}\n        data-automation-id={containerAutomationId || 'checkbox-container'}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <input\n          id={uniqueId}\n          type=\"checkbox\"\n          checked={isChecked}\n          onChange={handleClick}\n          disabled={disabled}\n        />\n        <span className=\"checkbox-item\" data-automation-id={automationId}></span>\n        <span className={getLabelClassName()} data-automation-id=\"checkbox-label\">{getLabelText()}</span>\n      </label>\n    </div>\n  );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","disabledLabel","containerAutomationId","isChecked","setIsChecked","useState","useEffect","handleClick","e","prev","getCheckBoxClassName","focusClass","getLabelClassName","getLabelText","uniqueId","crypto","randomUUID","React","createElement","htmlFor","tabIndex","id","type","checked"],"mappings":";;AAeO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAAA,EAChBC,uBAAAA,IAAwB;AAC1B,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAST,CAAc;AAEzDU,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaR,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEbW,QAAAA,IAAcA,CAACC,MAA2C;AAC9D,IAAIX,MACJO,EAAcK,OAA+C,CAACA,CAAa,GAChEX,IAAA,CAACK,GAAWK,CAAC;AAAA,EAAA,GAGpBE,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AAGnB,WAAId,IACEM,KAAaJ,MAAkB,SAAe,kBAC9CI,KAAaJ,MAAkB,mBAAyB,4BACxDI,KAAa,CAACJ,IAAsB,kBACjC,qBAILA,MAAkB,oBAAoBI,IAAkB,kBAAkBQ,CAAU,KACjFR,IAAY,WAAWQ,CAAU,KAAK,aAAaA,CAAU;AAAA,EAAA,GAGhEC,IAAoBA,MACjBf,IAAW,4BAA4B,kBAG1CgB,IAAeA,MACfhB,KAAYI,IACPA,IAEFD,GAEHc,IAAWC,OAAOC;AAGtBC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKxB,WAAU;AAAA,EAAA,GACbwB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEC,SAASL;AAAAA,IACTpB,WAAW,sBAAsBA,CAAS,IAAIgB,EAAsB,CAAA;AAAA,IACpE,sBAAoBR,KAAyB;AAAA,IAC7CkB,UAAUvB,IAAW,KAAK;AAAA,EAAA,GAE1BqB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEG,IAAIP;AAAAA,IACJQ,MAAK;AAAA,IACLC,SAASpB;AAAAA,IACTL,UAAUS;AAAAA,IACVV,UAAAA;AAAAA,EAAAA,CACD,GACDqB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMxB,WAAU;AAAA,IAAgB,sBAAoBC;AAAAA,EAAAA,CAAoB,GACxEuB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMxB,WAAWkB,EAAkB;AAAA,IAAG,sBAAmB;AAAA,EAAA,GAAkBC,EAAAA,CAAqB,CAC3F,CACJ;AAET;"}
+{"version":3,"file":"index21.js","sources":["../src/components/HamburgerMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'src/components/Popover';\nimport { Icon } from 'src/components/Icon';\nexport interface HamburgerMenuProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  menuContent?: (data: any) => React.ReactNode;\n  popoverClassName?: string;\n}\n\nconst menuClasses = {\n  base: 'se-design-hamburger-menu rounded-[6px] transition-all duration-300 p-[3px] flex items-center',\n  active: 'bg-[var(--color-blue-450)]',\n  hover: 'hover:bg-[var(--color-blue-450)]'\n};\n\nexport const HamburgerMenu: FC<HamburgerMenuProps> = ({\n  className = '',\n  automationId = '',\n  popoverContentAutomationId = '',\n  menuContent,\n  popoverClassName = ''\n}) => {\n\n  return (\n    <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      popoverContentAutomationId={popoverContentAutomationId}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`${menuClasses.base} ${displayPopover ? menuClasses.active : ''} ${menuClasses.hover}`}>\n          <Icon name='hamburger' stroke={'var(--color-white)'} />\n        </div>\n      )}\n      renderPopoverContents={(data) => (\n        <div className={`min-w-[212px] ${popoverClassName}`}>\n          {menuContent && <div className='menu-content'>{menuContent(data)}</div>}\n        </div>\n      )}\n    />\n  );\n};\n"],"names":["React__default","Popover","Icon","menuClasses","base","active","hover","HamburgerMenu","className","automationId","popoverContentAutomationId","menuContent","popoverClassName","React","createElement","position","renderPopoverSrcElement","displayPopover","name","stroke","renderPopoverContents","data"],"mappings":"AAYA,OAAAA,OAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAc;AAAA,EAClBC,MAAM;AAAA,EACNC,QAAQ;AAAA,EACRC,OAAO;AACT,GAEaC,IAAwCA,CAAC;AAAA,EACpDC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,4BAAAA,IAA6B;AAAA,EAC7BC,aAAAA;AAAAA,EACAC,kBAAAA,IAAmB;AACrB,MAGIC,gBAAAA,EAAAC,cAACb,GAAO;AAAA,EACNO,WAAAA;AAAAA,EACAO,UAAS;AAAA,EACTN,cAAAA;AAAAA,EACAC,4BAAAA;AAAAA,EACAM,yBAAyBA,CAAC;AAAA,IAAEC,gBAAAA;AAAAA,EAAAA,MAC1BJ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKN,WAAW,GAAGL,EAAYC,IAAI,IAAIa,IAAiBd,EAAYE,SAAS,EAAE,IAAIF,EAAYG,KAAK;AAAA,EAAA,GAClGO,gBAAAA,EAAAC,cAACZ,GAAI;AAAA,IAACgB,MAAK;AAAA,IAAYC,QAAQ;AAAA,EAAA,CAAuB,CACnD;AAAA,EAEPC,uBAAwBC,CAAAA,MACtBR,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKN,WAAW,iBAAiBI,CAAgB;AAAA,EAAA,GAC9CD,KAAeE,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKN,WAAU;AAAA,EAAA,GAAgBG,EAAYU,CAAI,CAAO,CACnE;AAAA,CAER;"}

package/dist/index215.js

@@ -0,0 +1,31 @@
+import { useCallback as y, useEffect as d } from "react";
+function p({
+  containerRef: E,
+  onDismiss: e,
+  enabled: t = !0,
+  useDocumentListener: u = !1,
+  preventDefault: c = !0,
+  stopPropagation: n = !0
+}) {
+  const f = y((r) => {
+    !t || !e || r.key !== "Escape" || (c && r.preventDefault(), n && r.stopPropagation(), e());
+  }, [t, e, c, n]);
+  return d(() => {
+    if (!u || !t || !e) return;
+    const r = E?.current, a = (o) => {
+      o.key === "Escape" && (r && !r.contains(document.activeElement) || (c && o.preventDefault(), n && o.stopPropagation(), e()));
+    };
+    return document.addEventListener("keydown", a, {
+      capture: !0
+    }), () => document.removeEventListener("keydown", a, {
+      capture: !0
+    });
+  }, [u, t, e, E, c, n]), {
+    onKeyDown: u ? () => {
+    } : f
+  };
+}
+export {
+  p as useDismissOnEscape
+};
+//# sourceMappingURL=index215.js.map

package/dist/index215.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index215.js","sources":["../src/utils/a11y/useDismissOnEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nexport interface UseDismissOnEscapeOptions<T extends HTMLElement = HTMLElement> {\n  /**\n   * Container element ref — used for focus-check in document-level mode,\n   * and for the returned onKeyDown in React-event mode.\n   */\n  containerRef?: RefObject<T | null>;\n  /**\n   * Callback when Escape key is pressed.\n   */\n  onDismiss?: () => void;\n  /**\n   * Whether the Escape handler is active.\n   * Default: true\n   */\n  enabled?: boolean;\n  /**\n   * Use a native document-level capture listener instead of React's event system.\n   * Only use this when React events can't reach the container (e.g. portals outside\n   * the container's DOM tree). Prefer the default (false) for layered dismiss support.\n   * Default: false\n   */\n  useDocumentListener?: boolean;\n  /**\n   * Whether to call e.preventDefault() on Escape.\n   * Default: true\n   */\n  preventDefault?: boolean;\n  /**\n   * Whether to call e.stopPropagation() on Escape.\n   * In React-event mode this is the layered-dismiss mechanism — set false only if\n   * you want the event to continue bubbling to a parent dismiss handler.\n   * Default: true\n   */\n  stopPropagation?: boolean;\n}\n\nexport interface UseDismissOnEscapeReturn {\n  /**\n   * Spread on the container element. In document-listener mode this is a no-op object.\n   */\n  onKeyDown: (e: React.KeyboardEvent) => void;\n}\n\n/**\n * Hook to handle Escape key dismissal.\n *\n * Default mode: returns an onKeyDown handler for the container element.\n * Uses React's synthetic events so child stopPropagation() is respected,\n * enabling layered dismiss (e.g. dropdown closes before sidebar).\n *\n * Document-listener mode (useDocumentListener: true): registers a native\n * capture listener on document. Use only when focus may be in a portal\n * outside the container's DOM tree.\n */\nexport function useDismissOnEscape<T extends HTMLElement = HTMLElement>({\n  containerRef,\n  onDismiss,\n  enabled = true,\n  useDocumentListener = false,\n  preventDefault = true,\n  stopPropagation = true,\n}: UseDismissOnEscapeOptions<T>): UseDismissOnEscapeReturn {\n  // React-event mode: return handler to spread on container\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!enabled || !onDismiss || e.key !== 'Escape') return;\n      preventDefault && e.preventDefault();\n      stopPropagation && e.stopPropagation();\n      onDismiss();\n    },\n    [enabled, onDismiss, preventDefault, stopPropagation]\n  );\n\n  // Document-listener mode: native capture handler\n  useEffect(() => {\n    if (!useDocumentListener || !enabled || !onDismiss) return;\n\n    const container = containerRef?.current;\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') return;\n      // Only fire if focus is within the container (if provided)\n      if (container && !container.contains(document.activeElement)) return;\n      preventDefault && e.preventDefault();\n      stopPropagation && e.stopPropagation();\n      onDismiss();\n    };\n\n    document.addEventListener('keydown', handleEscape, { capture: true });\n    return () => document.removeEventListener('keydown', handleEscape, { capture: true });\n  }, [useDocumentListener, enabled, onDismiss, containerRef, preventDefault, stopPropagation]);\n\n  return { onKeyDown: useDocumentListener ? (() => {}) : onKeyDown };\n}\n"],"names":["useCallback","useEffect","useDismissOnEscape","containerRef","onDismiss","enabled","useDocumentListener","preventDefault","stopPropagation","onKeyDown","e","key","container","current","handleEscape","contains","document","activeElement","addEventListener","capture","removeEventListener"],"mappings":"AAyDO,SAAA,eAAAA,GAAA,aAAAC,SAAA;AAAA,SAASC,EAAwD;AAAA,EACtEC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,qBAAAA,IAAsB;AAAA,EACtBC,gBAAAA,IAAiB;AAAA,EACjBC,iBAAAA,IAAkB;AACU,GAA6B;AAEzD,QAAMC,IAAYT,EAChB,CAACU,MAA2B;AAC1B,IAAI,CAACL,KAAW,CAACD,KAAaM,EAAEC,QAAQ,aACxCJ,KAAkBG,EAAEH,eAAAA,GACpBC,KAAmBE,EAAEF,gBAAAA,GACrBJ,EAAAA;AAAAA,EACF,GACA,CAACC,GAASD,GAAWG,GAAgBC,CAAe,CACtD;AAGAP,SAAAA,EAAU,MAAM;AACd,QAAI,CAACK,KAAuB,CAACD,KAAW,CAACD,EAAW;AAEpD,UAAMQ,IAAYT,GAAcU,SAE1BC,IAAeA,CAACJ,MAAqB;AACzC,MAAIA,EAAEC,QAAQ,aAEVC,KAAa,CAACA,EAAUG,SAASC,SAASC,aAAa,MAC3DV,KAAkBG,EAAEH,eAAAA,GACpBC,KAAmBE,EAAEF,gBAAAA,GACrBJ,EAAAA;AAAAA,IACF;AAEAY,oBAASE,iBAAiB,WAAWJ,GAAc;AAAA,MAAEK,SAAS;AAAA,IAAA,CAAM,GAC7D,MAAMH,SAASI,oBAAoB,WAAWN,GAAc;AAAA,MAAEK,SAAS;AAAA,IAAA,CAAM;AAAA,EACtF,GAAG,CAACb,GAAqBD,GAASD,GAAWD,GAAcI,GAAgBC,CAAe,CAAC,GAEpF;AAAA,IAAEC,WAAWH,IAAuB,MAAM;AAAA,IAAC,IAAKG;AAAAA,EAAAA;AACzD;"}

package/dist/index216.js

@@ -0,0 +1,75 @@
+import { useRef as a, useLayoutEffect as m, useEffect as g } from "react";
+import { getFirstFocusableElement as d, getLastFocusableElement as F } from "./index71.js";
+import { consumeFocusAnchor as I, consumeLastInteractedElement as E } from "./index72.js";
+const f = {
+  position: "absolute",
+  opacity: 0,
+  pointerEvents: "none",
+  width: 0,
+  height: 0
+};
+function T({
+  isOpen: o,
+  isModal: i,
+  containerRef: e,
+  returnFocusRef: l
+}) {
+  const c = a(null), r = a(null), u = a(null);
+  return m(() => {
+    if (i || !o) return;
+    const t = l?.current ?? I() ?? E() ?? document.activeElement;
+    if (!(!t || t === document.body) && t.tagName !== "IFRAME")
+      return c.current = t, u.current && (u.current.tabIndex = 0), () => {
+        u.current && (u.current.tabIndex = -1);
+      };
+  }, [o, i]), g(() => {
+    if (i || !o || !c.current) return;
+    const t = requestAnimationFrame(() => {
+      (d({
+        container: e.current
+      }) ?? e.current)?.focus(), r.current && (r.current.tabIndex = 0);
+    });
+    return () => {
+      cancelAnimationFrame(t), r.current && (r.current.tabIndex = -1);
+      const s = c.current;
+      c.current = null, s?.isConnected && requestAnimationFrame(() => s.focus());
+    };
+  }, [o, i]), {
+    startSentinelProps: {
+      ref: r,
+      tabIndex: -1,
+      style: f,
+      "aria-hidden": !0,
+      "data-focus-sentinel": "start",
+      onFocus: (t) => {
+        if (e.current?.contains(t.relatedTarget) && t.relatedTarget !== e.current) {
+          const n = c.current;
+          n?.isConnected && n.focus();
+        } else
+          r.current && (r.current.tabIndex = -1), (d({
+            container: e.current
+          }) ?? e.current)?.focus();
+      }
+    },
+    endSentinelProps: {
+      ref: u,
+      tabIndex: -1,
+      style: f,
+      "aria-hidden": !0,
+      "data-focus-sentinel": "end",
+      onFocus: (t) => {
+        if (e.current?.contains(t.relatedTarget) && t.relatedTarget !== e.current) {
+          const n = c.current;
+          n?.isConnected && n.focus();
+        } else
+          (F({
+            container: e.current
+          }) ?? e.current)?.focus();
+      }
+    }
+  };
+}
+export {
+  T as useFocusSentinel
+};
+//# sourceMappingURL=index216.js.map

package/dist/index216.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index216.js","sources":["../src/utils/a11y/useFocusSentinel.ts"],"sourcesContent":["import { useRef, useEffect, useLayoutEffect } from 'react';\n\nimport { getFirstFocusableElement, getLastFocusableElement } from './focusableElements';\nimport { consumeLastInteractedElement, consumeFocusAnchor } from './useFocusTrap';\n\nconst SENTINEL_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  opacity: 0,\n  pointerEvents: 'none',\n  width: 0,\n  height: 0,\n};\n\nexport interface UseFocusSentinelOptions {\n  /** Whether the panel is currently open. */\n  isOpen: boolean | undefined;\n  /**\n   * When true the hook is a no-op — dialog mode (focus trap) handles focus management instead.\n   */\n  isModal: boolean;\n  /** Ref to the panel container element. */\n  containerRef: React.RefObject<HTMLElement | null>;\n  /**\n   * Explicit element to restore focus to on close.\n   * Overrides the automatic trigger capture.\n   */\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport interface SentinelProps {\n  ref: React.RefObject<HTMLDivElement | null>;\n  tabIndex: number;\n  style: React.CSSProperties;\n  'aria-hidden': true;\n  'data-focus-sentinel': 'start' | 'end';\n  onFocus: (e: React.FocusEvent) => void;\n}\n\nexport interface UseFocusSentinelReturn {\n  /** Spread onto an invisible div placed before the panel content. */\n  startSentinelProps: SentinelProps;\n  /** Spread onto an invisible div placed after the panel content. */\n  endSentinelProps: SentinelProps;\n}\n\n/**\n * Focus management for complementary (non-modal) side panels.\n *\n * Moves focus into the panel on open, restores it to the trigger on close,\n * and wraps Tab / Shift+Tab back to the trigger when focus reaches either end.\n *\n * Sentinel tabIndex values are mutated imperatively (no state) to avoid\n * re-renders. React does not touch a DOM attribute unless the JSX prop value\n * changes, so the initial tabIndex={-1} in the returned props is safe.\n */\nexport function useFocusSentinel({\n  isOpen,\n  isModal,\n  containerRef,\n  returnFocusRef,\n}: UseFocusSentinelOptions): UseFocusSentinelReturn {\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const startSentinelRef = useRef<HTMLDivElement>(null);\n  const endSentinelRef = useRef<HTMLDivElement>(null);\n\n  // Capture trigger before React commits (document.activeElement is still the opener).\n  // Body focus = page-load open → skip so sentinels stay inert.\n  useLayoutEffect(() => {\n    if (isModal || !isOpen) return;\n    const trigger =\n      returnFocusRef?.current ??\n      consumeFocusAnchor() ??\n      consumeLastInteractedElement() ??\n      (document.activeElement as HTMLElement);\n    if (!trigger || trigger === document.body) return;\n    // iframes manage their own internal focus. The parent doc only sees the\n    // <iframe> element. Calling .focus() on any parent-doc element while the\n    // user is inside an iframe forcibly blurs the iframe content (kills caret\n    // on textareas, cancels native <select> dropdowns). Skip capture so the\n    // auto-focus on open and focus-restore on close don't run.\n    if (trigger.tagName === 'IFRAME') return;\n    triggerRef.current = trigger;\n    if (endSentinelRef.current) endSentinelRef.current.tabIndex = 0;\n    return () => {\n      if (endSentinelRef.current) endSentinelRef.current.tabIndex = -1;\n    };\n  }, [isOpen, isModal]);\n\n  // Move focus into panel on open; restore to trigger on close.\n  useEffect(() => {\n    if (isModal || !isOpen || !triggerRef.current) return;\n\n    const rafId = requestAnimationFrame(() => {\n      const first = getFirstFocusableElement({ container: containerRef.current });\n      (first ?? containerRef.current)?.focus();\n      // Activate start sentinel so Shift+Tab from first content returns to trigger.\n      if (startSentinelRef.current) startSentinelRef.current.tabIndex = 0;\n    });\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      if (startSentinelRef.current) startSentinelRef.current.tabIndex = -1;\n      const trigger = triggerRef.current;\n      triggerRef.current = null;\n      if (trigger?.isConnected) {\n        requestAnimationFrame(() => trigger.focus());\n      }\n    };\n  }, [isOpen, isModal]);\n\n  const handleStartFocus = (e: React.FocusEvent) => {\n    const fromInside =\n      containerRef.current?.contains(e.relatedTarget as Node) &&\n      e.relatedTarget !== containerRef.current;\n    if (fromInside) {\n      // Shift+Tab from first content → restore trigger\n      const trigger = triggerRef.current;\n      if (trigger?.isConnected) trigger.focus();\n    } else {\n      // Natural Tab entry from outside → forward to first content,\n      // deactivate so next Shift+Tab exits naturally.\n      if (startSentinelRef.current) startSentinelRef.current.tabIndex = -1;\n      const first = getFirstFocusableElement({ container: containerRef.current });\n      (first ?? containerRef.current)?.focus();\n    }\n  };\n\n  const handleEndFocus = (e: React.FocusEvent) => {\n    const fromInside =\n      containerRef.current?.contains(e.relatedTarget as Node) &&\n      e.relatedTarget !== containerRef.current;\n    if (fromInside) {\n      // Tab from last content → restore trigger\n      const trigger = triggerRef.current;\n      if (trigger?.isConnected) trigger.focus();\n    } else {\n      // Shift+Tab entry from outside → back to last content\n      const last = getLastFocusableElement({ container: containerRef.current });\n      (last ?? containerRef.current)?.focus();\n    }\n  };\n\n  return {\n    startSentinelProps: {\n      ref: startSentinelRef,\n      tabIndex: -1,\n      style: SENTINEL_STYLE,\n      'aria-hidden': true as const,\n      'data-focus-sentinel': 'start' as const,\n      onFocus: handleStartFocus,\n    },\n    endSentinelProps: {\n      ref: endSentinelRef,\n      tabIndex: -1,\n      style: SENTINEL_STYLE,\n      'aria-hidden': true as const,\n      'data-focus-sentinel': 'end' as const,\n      onFocus: handleEndFocus,\n    },\n  };\n}\n"],"names":["useRef","useLayoutEffect","useEffect","getFirstFocusableElement","getLastFocusableElement","consumeFocusAnchor","consumeLastInteractedElement","SENTINEL_STYLE","position","opacity","pointerEvents","width","height","useFocusSentinel","isOpen","isModal","containerRef","returnFocusRef","triggerRef","startSentinelRef","endSentinelRef","trigger","current","document","activeElement","body","tagName","tabIndex","rafId","requestAnimationFrame","container","focus","cancelAnimationFrame","isConnected","startSentinelProps","ref","style","onFocus","handleStartFocus","e","contains","relatedTarget","endSentinelProps","handleEndFocus"],"mappings":"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"}

package/dist/index22.js

@@ -1,26 +1,69 @@
-import e from "react";
-import { Badge as c } from "./index8.js";
-const m = (t) => {
-  const {
-    label: a,
-    color: l,
-    onClick: r = () => {
-    },
-    tag: o
-  } = t;
-  return /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-color-coded-label flex items-center gap-2",
-    onClick: r
-  }, l && /* @__PURE__ */ e.createElement("span", {
-    className: "w-[15px] h-[15px] rounded-[3px] inline-block",
-    style: {
-      backgroundColor: l
+import t, { useRef as i, useEffect as L } from "react";
+import { TableContentLoader as O } from "./index27.js";
+import { announce as b } from "./index75.js";
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(r) {
+    for (var l = 1; l < arguments.length; l++) {
+      var e = arguments[l];
+      for (var a in e) ({}).hasOwnProperty.call(e, a) && (r[a] = e[a]);
     }
-  }), /* @__PURE__ */ e.createElement("div", null, a), o && /* @__PURE__ */ e.createElement(c, {
-    label: o
-  }));
+    return r;
+  }, f.apply(null, arguments);
+}
+const _ = ({
+  className: r = "",
+  automationId: l = "",
+  loading: e,
+  headerColSpan: a = [],
+  headerData: c,
+  tableData: o,
+  renderTableContentLoader: R,
+  getTableHeaders: m,
+  getTableBody: p,
+  getTableFooter: v,
+  onSortUiUpdate: d,
+  onRowClick: h,
+  tableId: E,
+  ariaDescribedBy: x,
+  ariaLabel: w,
+  loadingAnnouncement: s,
+  loadedAnnouncement: n,
+  ...y
+}) => {
+  const g = i(null), u = i(!1);
+  return L(() => {
+    e !== u.current && (u.current = e, e && s ? b(s) : !e && n && b(n));
+  }, [e, s, n]), /* @__PURE__ */ t.createElement("div", f({
+    className: "se-design-table-layout-wrapper flex flex-col flex-1 min-h-0" + (r.length > 0 ? ` ${r}` : "") + (e ? " table-data-loading" : "")
+  }, y), /* @__PURE__ */ t.createElement("div", {
+    className: "se-design-table-scroll-area flex-1 min-h-0 overflow-y-auto"
+  }, /* @__PURE__ */ t.createElement("table", {
+    className: "se-design-table w-full bg-[var(--color-white)] border-collapse table-fixed",
+    ref: g,
+    "data-automation-id": l,
+    id: E,
+    "aria-describedby": x,
+    "aria-label": w
+  }, /* @__PURE__ */ t.createElement("thead", null, /* @__PURE__ */ t.createElement("tr", null, m({
+    headerData: c,
+    sortData: {},
+    onSortUiUpdate: d,
+    loading: e
+  }))), /* @__PURE__ */ t.createElement("tbody", null, e ? /* @__PURE__ */ t.createElement(O, {
+    noOfColumns: c?.length,
+    colSpan: a
+  }) : p({
+    tableData: o,
+    onRowClick: h,
+    loading: e
+  })))), /* @__PURE__ */ t.createElement("div", {
+    className: "se-design-table-footer w-full bg-[var(--color-white)] flex-shrink-0"
+  }, v({
+    tableData: o,
+    loading: e
+  })));
 };
 export {
-  m as ColorCodedLabel
+  _ as TableLayout
 };
 //# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":["../src/components/ColorCodedLabel/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Badge } from 'src/components/Badge';\n\nexport type ColorCodedLabelProps = {\n  label: string;\n  tag?: string;\n  color?: string;\n  onClick?: () => void;\n};\n\nexport const ColorCodedLabel: FC<ColorCodedLabelProps> = (props) => {\n  const { label, color, onClick = () => {}, tag } = props;\n  return (\n    <div\n      className=\"se-design-color-coded-label flex items-center gap-2\"\n      onClick={onClick}\n    >\n      {color && <span className=\"w-[15px] h-[15px] rounded-[3px] inline-block\" style={{ backgroundColor: color }}></span>}\n      <div>{label}</div>\n      {tag && <Badge label={tag} />}\n    </div>\n  );\n};\n"],"names":["React__default","Badge","ColorCodedLabel","props","label","color","onClick","tag","React","createElement","className","style","backgroundColor"],"mappings":"AAUO,OAAAA,OAAA;AAAA,SAAA,SAAAC,SAAA;AAAA,MAAMC,IAA6CC,CAAUA,MAAA;AAC5D,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,SAAAA,IAAUA,MAAM;AAAA,IAAC;AAAA,IAAGC,KAAAA;AAAAA,EAAQJ,IAAAA;AAEhDK,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVJ,SAAAA;AAAAA,EAECD,GAAAA,KAASI,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,IAA+CC,OAAO;AAAA,MAAEC,iBAAiBP;AAAAA,IAAM;AAAA,EAAS,CAAA,GAClHG,gBAAAA,EAAAC,cAAML,OAAAA,MAAAA,CAAW,GAChBG,KAAOE,gBAAAA,EAAAA,cAACR,GAAK;AAAA,IAACG,OAAOG;AAAAA,EAAM,CAAA,CACzB;AAET;"}
+{"version":3,"file":"index22.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef } from 'react';\nimport { TableContentLoader } from 'components/TableContentLoader';\nimport { announce } from 'src/utils/a11y/liveAnnouncer/LiveAnnouncer';\n\nexport interface TableLayoutProps {\n  className?: string;\n  automationId?: string;\n  loading: boolean;\n  headerData: any[];\n  tableData: any[];\n  headerColSpan?: number[];\n  renderTableContentLoader?: (noOfColumns: number) => ReactNode;\n  getTableHeaders: (props: { headerData: any[]; sortData: any; onSortUiUpdate: any; loading: boolean }) => ReactNode;\n  getTableBody: (props: { tableData: any[]; onRowClick: any; loading: boolean }) => ReactNode;\n  getTableFooter: (props: { tableData: any[]; loading: boolean }) => ReactNode;\n  onSortUiUpdate: (newSortData: any) => void;\n  onRowClick: (rowData: any) => void;\n  tableId: string;\n  /**\n   * ID of element that describes the table (e.g., sort instructions for screen readers)\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Accessible name for the table element\n   */\n  ariaLabel?: string;\n  /**\n   * Announced to screen readers when loading begins.\n   * Pass a translated string from the consumer (e.g. \"Loading documents\").\n   */\n  loadingAnnouncement?: string;\n  /**\n   * Announced to screen readers when loading completes.\n   * Pass a translated string from the consumer (e.g. \"Documents loaded\").\n   */\n  loadedAnnouncement?: string;\n}\n\nexport const TableLayout: FC<TableLayoutProps> = ({\n  className = '',\n  automationId = '',\n  loading,\n  headerColSpan = [],\n  headerData,\n  tableData,\n  renderTableContentLoader,\n  getTableHeaders,\n  getTableBody,\n  getTableFooter,\n  onSortUiUpdate,\n  onRowClick,\n  tableId,\n  ariaDescribedBy,\n  ariaLabel,\n  loadingAnnouncement,\n  loadedAnnouncement,\n  ...props\n}) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n  const prevLoadingRef = useRef(false);\n\n  useEffect(() => {\n    if (loading === prevLoadingRef.current) return;\n    prevLoadingRef.current = loading;\n    if (loading && loadingAnnouncement) {\n      announce(loadingAnnouncement);\n    } else if (!loading && loadedAnnouncement) {\n      announce(loadedAnnouncement);\n    }\n  }, [loading, loadingAnnouncement, loadedAnnouncement]);\n\n  return (\n    <div className={'se-design-table-layout-wrapper flex flex-col flex-1 min-h-0' + (className.length > 0 ? ` ${className}` : '') + (loading? ' table-data-loading' : '')} {...props}>\n      <div className=\"se-design-table-scroll-area flex-1 min-h-0 overflow-y-auto\">\n        <table\n          className={'se-design-table w-full bg-[var(--color-white)] border-collapse table-fixed'}\n          ref={tableRef}\n          data-automation-id={automationId}\n          id={tableId}\n          aria-describedby={ariaDescribedBy}\n          aria-label={ariaLabel}\n        >\n          <thead>\n            <tr>{getTableHeaders({ headerData, sortData: {}, onSortUiUpdate, loading })}</tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <TableContentLoader noOfColumns={headerData?.length} colSpan={headerColSpan} />\n            ) : (\n              getTableBody({ tableData, onRowClick, loading })\n            )}\n          </tbody>\n        </table>\n      </div>\n      <div className=\"se-design-table-footer w-full bg-[var(--color-white)] flex-shrink-0\">\n        {getTableFooter({ tableData, loading })}\n      </div>\n    </div>\n  );\n};\n"],"names":["TableLayout","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","getTableFooter","onSortUiUpdate","onRowClick","tableId","ariaDescribedBy","ariaLabel","loadingAnnouncement","loadedAnnouncement","props","tableRef","useRef","prevLoadingRef","useEffect","current","announce","React","createElement","_extends","length","ref","id","sortData","TableContentLoader","noOfColumns","colSpan"],"mappings":";;;;;;;;;;;;AAsCO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,SAAAA;AAAAA,EACAC,eAAAA,IAAgB,CAAA;AAAA,EAChBC,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBD,EAAO,EAAK;AAEnCE,SAAAA,EAAU,MAAM;AACd,IAAInB,MAAYkB,EAAeE,YAC/BF,EAAeE,UAAUpB,GACrBA,KAAWa,IACbQ,EAASR,CAAmB,IACnB,CAACb,KAAWc,KACrBO,EAASP,CAAkB;AAAA,EAE/B,GAAG,CAACd,GAASa,GAAqBC,CAAkB,CAAC,GAGnDQ,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IAAK1B,WAAW,iEAAiEA,EAAU2B,SAAS,IAAI,IAAI3B,CAAS,KAAK,OAAOE,IAAS,wBAAwB;AAAA,EAAA,GAASe,CAAK,GAC9KO,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKzB,WAAU;AAAA,EAAA,GACbwB,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEzB,WAAW;AAAA,IACX4B,KAAKV;AAAAA,IACL,sBAAoBjB;AAAAA,IACpB4B,IAAIjB;AAAAA,IACJ,oBAAkBC;AAAAA,IAClB,cAAYC;AAAAA,EAAAA,qBAEZW,cAAA,SAAA,MACED,gBAAAA,EAAAC,cAAA,MAAA,MAAKlB,EAAgB;AAAA,IAAEH,YAAAA;AAAAA,IAAY0B,UAAU,CAAA;AAAA,IAAIpB,gBAAAA;AAAAA,IAAgBR,SAAAA;AAAAA,EAAAA,CAAS,CAAM,CAC3E,GACPsB,gBAAAA,EAAAC,cAAA,SAAA,MACGvB,IACCsB,gBAAAA,EAAAC,cAACM,GAAkB;AAAA,IAACC,aAAa5B,GAAYuB;AAAAA,IAAQM,SAAS9B;AAAAA,EAAAA,CAAgB,IAE9EK,EAAa;AAAA,IAAEH,WAAAA;AAAAA,IAAWM,YAAAA;AAAAA,IAAYT,SAAAA;AAAAA,EAAAA,CAAS,CAE5C,CACF,CACJ,GACLsB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKzB,WAAU;AAAA,EAAA,GACZS,EAAe;AAAA,IAAEJ,WAAAA;AAAAA,IAAWH,SAAAA;AAAAA,EAAAA,CAAS,CACnC,CACF;AAET;"}

package/dist/index224.js

@@ -0,0 +1,15 @@
+function n(o, u) {
+  let e;
+  const t = (...c) => {
+    e && clearTimeout(e), e = setTimeout(() => {
+      o(...c);
+    }, u);
+  };
+  return t.cancel = () => {
+    e && clearTimeout(e), e = null;
+  }, t;
+}
+export {
+  n as debounce
+};
+//# sourceMappingURL=index224.js.map

package/dist/index224.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index224.js","sources":["../src/utils/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => void>(func: T, wait: number) {\n    let timeout: ReturnType<typeof setTimeout> | null;\n    const debounced = (...args: Parameters<T>) => {\n      if (timeout) clearTimeout(timeout);\n      timeout = setTimeout(() => {\n        func(...args);\n      }, wait);\n    };\n    debounced.cancel = () => {\n      if (timeout) clearTimeout(timeout);\n      timeout = null;\n    };\n    return debounced as T & { cancel: () => void };\n  }"],"names":["debounce","func","wait","timeout","debounced","args","setTimeout","cancel"],"mappings":"AAAO,SAASA,EAA6CC,GAASC,GAAc;AAChF,MAAIC;AACJ,QAAMC,IAAYA,IAAIC,MAAwB;AAC5C,IAAIF,kBAAsBA,CAAO,GACjCA,IAAUG,WAAW,MAAM;AACzBL,MAAAA,EAAK,GAAGI,CAAI;AAAA,IACd,GAAGH,CAAI;AAAA,EACT;AACAE,SAAAA,EAAUG,SAAS,MAAM;AACvB,IAAIJ,kBAAsBA,CAAO,GACjCA,IAAU;AAAA,EACZ,GACOC;AACT;"}