@okam/stack-ui 1.42.0 → 1.42.2

package/index8.mjs

@@ -1,30 +1,30 @@
 "use client";
-import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { useState as A } from "react";
 import { FocusScope as T, useFocusManager as I } from "react-aria";
-import b from "./index88.mjs";
+import N from "./index88.mjs";
 import K, { ButtonWithForwardRef as L } from "./index6.mjs";
-import N from "./index23.mjs";
+import b from "./index23.mjs";
 const $ = (w) => {
-  const { sharingLinksList: f, id: k, isOpen: h, setIsOpen: D, onShare: m, themeName: l = "shareButton", tokens: a, customTheme: c } = w, y = b(`${l}.linksList`, { ...a, isOpen: h }, c), e = I();
-  return /* @__PURE__ */ i("div", { className: y, id: k, role: "listbox", tabIndex: -1, onKeyDown: (o) => {
-    o.key === "Escape" && D(!1);
-    const { listDirection: u } = a ?? {};
-    u === "row" && (o.key === "ArrowRight" && (e == null || e.focusNext({ wrap: !0 }), o.preventDefault()), o.key === "ArrowLeft" && (e == null || e.focusPrevious({ wrap: !0 }), o.preventDefault())), u === "column" && (o.key === "ArrowDown" && (e == null || e.focusNext({ wrap: !0 }), o.preventDefault()), o.key === "ArrowUp" && (e == null || e.focusPrevious({ wrap: !0 }), o.preventDefault()));
-  }, children: f == null ? void 0 : f.map((o) => {
-    const { ariaLabel: u, onClick: d, href: t, icon: r, key: n } = o;
-    return /* @__PURE__ */ i(
+  const { sharingLinksList: f, id: k, isOpen: m, setIsOpen: D, onShare: h, themeName: l = "shareButton", tokens: i, customTheme: c } = w, y = N(`${l}.linksList`, { ...i, isOpen: m }, c), e = I();
+  return /* @__PURE__ */ a("div", { className: y, id: k, role: "listbox", tabIndex: -1, onKeyDown: (r) => {
+    r.key === "Escape" && D(!1);
+    const { listDirection: u } = i ?? {};
+    u === "row" && (r.key === "ArrowRight" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowLeft" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault())), u === "column" && (r.key === "ArrowDown" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowUp" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault()));
+  }, children: f == null ? void 0 : f.map((r) => {
+    const { ariaLabel: u, onClick: d, href: t, icon: o, key: n } = r;
+    return /* @__PURE__ */ a(
       K,
       {
         themeName: `${l}.link`,
-        tokens: { ...a, isOpen: h },
+        tokens: { ...i, isOpen: m },
         handlePress: () => {
-          m == null || m(n), d == null || d(n);
+          h == null || h(n), d == null || d(n);
         },
         "aria-label": u,
         ...t ? { href: t, rel: "noopener noreferrer", target: "_blank", as: "a" } : {},
         role: "option",
-        children: /* @__PURE__ */ i(N, { themeName: `${l}.linkIcons`, icon: r })
+        children: /* @__PURE__ */ a(b, { themeName: `${l}.linkIcons`, icon: o })
       },
       n
     );
@@ -33,47 +33,47 @@ const $ = (w) => {
   const {
     ariaLabel: f,
     icon: k,
-    id: h,
+    id: m,
     sharingLinksList: D,
-    onShare: m,
+    onShare: h,
     customTheme: l,
-    themeName: a = "shareButton",
+    themeName: i = "shareButton",
     tokens: c,
     ...y
-  } = w, [e, p] = A(!1), o = b(`${a}.container`, c, l), u = (t) => {
+  } = w, [e, p] = A(!1), r = N(`${i}.container`, c, l), u = (t) => {
     p(!e), !e && setTimeout(() => {
       var n, s;
-      const r = (s = (n = t.target.parentElement) == null ? void 0 : n.lastChild) == null ? void 0 : s.firstChild;
-      r == null || r.focus();
+      const o = (s = (n = t.target.parentElement) == null ? void 0 : n.lastChild) == null ? void 0 : s.firstChild;
+      o == null || o.focus();
     });
   };
-  return /* @__PURE__ */ i(T, { autoFocus: !0, restoreFocus: !0, contain: e, children: /* @__PURE__ */ C("div", { className: o, onKeyDown: (t) => {
-    const r = t.currentTarget.firstChild, n = t.currentTarget.lastChild, s = n.firstChild, v = n.lastChild, { listDirection: x } = c ?? {};
-    x === "row" && (t.key === "ArrowRight" && t.target === r && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowLeft" && t.target === r && (v.focus(), t.preventDefault())), x === "column" && (t.key === "ArrowDown" && t.target === r && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowUp" && t.target === r && (v.focus(), t.preventDefault())), t.key === "Escape" && (p(!1), r == null || r.focus()), document.activeElement === n && (r == null || r.focus());
+  return /* @__PURE__ */ a(T, { autoFocus: !0, restoreFocus: !0, contain: e, children: /* @__PURE__ */ C("div", { className: r, onKeyDown: (t) => {
+    const o = t.currentTarget.firstChild, n = t.currentTarget.lastChild, s = n.firstChild, v = n.lastChild, { listDirection: x } = c ?? {};
+    x === "row" && (t.key === "ArrowRight" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowLeft" && t.target === o && (v.focus(), t.preventDefault())), x === "column" && (t.key === "ArrowDown" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowUp" && t.target === o && (v.focus(), t.preventDefault())), t.key === "Escape" && (p(!1), o == null || o.focus()), document.activeElement === n && (o == null || o.focus());
   }, children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       L,
       {
-        themeName: `${a}.button`,
+        themeName: `${i}.button`,
         tokens: { ...c, isOpen: e },
         "aria-label": f,
         "aria-haspopup": "listbox",
-        "aria-expanded": e ? "true" : "false",
-        "aria-controls": "share-buttons",
+        "aria-expanded": e,
+        ...e && { "aria-controls": m },
         handlePress: u,
         ...y,
-        children: /* @__PURE__ */ i(N, { themeName: `${a}.icon`, icon: k ?? "Share" })
+        children: /* @__PURE__ */ a(b, { themeName: `${i}.icon`, icon: k ?? "Share" })
       }
     ),
-    e && /* @__PURE__ */ i(
+    e && /* @__PURE__ */ a(
       $,
       {
-        id: h,
+        id: m,
         sharingLinksList: D,
-        onShare: m,
+        onShare: h,
         isOpen: e,
         setIsOpen: p,
-        themeName: a,
+        themeName: i,
         customTheme: l,
         tokens: c
       }

package/index9.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),N=require("react-div-100vh"),S=require("./index90.js"),T=require("./index42.js"),b=require("./index142.js"),o=require("./index36.js"),v=require("./index39.js"),D=d=>{const{children:l,closeBtnRender:a,themeName:e="sidePanel",tokens:u,TransitionAnimation:m=T,PanelTransition:h=b,onOpenChange:i,customTheme:x,isDismissable:q=!0,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P=!1,onCloseCallBack:r,title:j,...k}=d,{overlayState:c,overlayProps:$}=S.useSidePanel(),{isOpen:n}=c;p.useEffect(()=>{i==null||i(n),n||r==null||r()},[n,i,r]);const s={isOpen:n,...u};return t.jsx(v,{themeName:e,tokens:s,customTheme:x,state:c,...$,transitionComponent:h,isDismissable:q,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P,title:j,...k,children:t.jsxs(o.default,{as:N,themeName:`${e}.wrapper`,tokens:s,children:[a&&a(),t.jsx(m,{themeName:`${e}.transitionAnimation`,tokens:s,isVisible:n,children:t.jsx(o.default,{themeName:`${e}.container`,tokens:s,children:t.jsx(o.default,{themeName:`${e}.innerContainer`,tokens:s,children:l})})})]})})};module.exports=D;
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),N=require("react-div-100vh"),S=require("./index90.js"),T=require("./index42.js"),b=require("./index143.js"),o=require("./index36.js"),v=require("./index39.js"),D=d=>{const{children:l,closeBtnRender:a,themeName:e="sidePanel",tokens:u,TransitionAnimation:m=T,PanelTransition:h=b,onOpenChange:i,customTheme:x,isDismissable:q=!0,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P=!1,onCloseCallBack:r,title:j,...k}=d,{overlayState:c,overlayProps:$}=S.useSidePanel(),{isOpen:n}=c;p.useEffect(()=>{i==null||i(n),n||r==null||r()},[n,i,r]);const s={isOpen:n,...u};return t.jsx(v,{themeName:e,tokens:s,customTheme:x,state:c,...$,transitionComponent:h,isDismissable:q,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P,title:j,...k,children:t.jsxs(o.default,{as:N,themeName:`${e}.wrapper`,tokens:s,children:[a&&a(),t.jsx(m,{themeName:`${e}.transitionAnimation`,tokens:s,isVisible:n,children:t.jsx(o.default,{themeName:`${e}.container`,tokens:s,children:t.jsx(o.default,{themeName:`${e}.innerContainer`,tokens:s,children:l})})})]})})};module.exports=D;

package/index9.mjs

@@ -4,7 +4,7 @@ import { useEffect as v } from "react";
 import x from "react-div-100vh";
 import { useSidePanel as D } from "./index90.mjs";
 import $ from "./index42.mjs";
-import y from "./index142.mjs";
+import y from "./index143.mjs";
 import r from "./index36.mjs";
 import j from "./index39.mjs";
 const M = (l) => {

package/index90.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),R=require("@okam/core-lib"),s=require("react"),q=require("react-stately"),B=require("./index104.js"),[b,j]=R.createCtx();function m(c){const{children:d,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:p=!1,onOpenChange:r,isOpen:P,defaultOpen:f,type:S="dialog"}=c,y=f??p,g=s.useRef(null),v=s.useRef(null),n=q.useOverlayTriggerState({isOpen:P,defaultOpen:y,onOpenChange(a){if(r==null||r(a),!a){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:i,labelProps:l}=B({type:S},n),O=s.useMemo(()=>({labelProps:l,overlayProps:i,defaultSelectedKey:u,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:v,openButtonProps:o,openButtonRef:g}}),[l,i,u,n,o]);return x.jsx(j,{value:O,children:d})}exports.SidePanelContextProvider=m;exports.useSidePanel=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),R=require("@okam/core-lib"),s=require("react"),q=require("react-stately"),B=require("./index105.js"),[b,j]=R.createCtx();function m(c){const{children:d,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:p=!1,onOpenChange:r,isOpen:P,defaultOpen:f,type:S="dialog"}=c,y=f??p,g=s.useRef(null),v=s.useRef(null),n=q.useOverlayTriggerState({isOpen:P,defaultOpen:y,onOpenChange(a){if(r==null||r(a),!a){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:i,labelProps:l}=B({type:S},n),O=s.useMemo(()=>({labelProps:l,overlayProps:i,defaultSelectedKey:u,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:v,openButtonProps:o,openButtonRef:g}}),[l,i,u,n,o]);return x.jsx(j,{value:O,children:d})}exports.SidePanelContextProvider=m;exports.useSidePanel=b;

package/index90.mjs

@@ -3,7 +3,7 @@ import { jsx as S } from "react/jsx-runtime";
 import { createCtx as x } from "@okam/core-lib";
 import { useRef as a, useMemo as B } from "react";
 import { useOverlayTriggerState as R } from "react-stately";
-import b from "./index104.mjs";
+import b from "./index105.mjs";
 const [M, h] = x();
 function T(i) {
   const {

package/index96.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),g=require("@okam/core-lib"),v=require("radashi"),s=require("react"),b=require("./index115.js"),[q,i]=g.createCtx();function x({useTranslationFunc:u,children:c,namespace:o="common",translateFunctionName:e="t"}){const l=u(o),d=(t,n)=>(b.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(l,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),T=s.useMemo(()=>({t:a}),[a]);return f.jsx(i,{value:T,children:c})}exports.TranslationContextProvider=x;exports.TranslationProvider=i;exports.useTranslation=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),g=require("@okam/core-lib"),v=require("radashi"),s=require("react"),b=require("./index116.js"),[q,i]=g.createCtx();function x({useTranslationFunc:u,children:c,namespace:o="common",translateFunctionName:e="t"}){const l=u(o),d=(t,n)=>(b.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(l,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),T=s.useMemo(()=>({t:a}),[a]);return f.jsx(i,{value:T,children:c})}exports.TranslationContextProvider=x;exports.TranslationProvider=i;exports.useTranslation=q;

package/index96.mjs

@@ -3,7 +3,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { createCtx as m } from "@okam/core-lib";
 import { get as f } from "radashi";
 import { useCallback as p, useMemo as x } from "react";
-import { log as b } from "./index115.mjs";
+import { log as b } from "./index116.mjs";
 const [j, d] = m();
 function k({
   useTranslationFunc: i,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.42.0",
+  "version": "1.42.2",
   "types": "./index.d.ts",
   "exports": {
     ".": {

package/components/ShareButton/utils/useTwitterShareUrl.d.ts

@@ -1,2 +0,0 @@
-declare const useTwitterShareUrl: (media: string, medium: string, urlToShare: string) => string;
-export default useTwitterShareUrl;