@dexma/ui-components 8.0.3 → 8.0.5

package/dist/lib/components/Dropdown/Dropdown.d.ts

@@ -20,5 +20,5 @@ export type DropdownProps = DropDownProps & {
     iconAriaLabel?: string;
     onItemSelected: (key: number) => void;
 };
-export declare const Dropdown: ({ dataId, trigger, text, placement, menu, icon, content, variant, open, disabled, iconAriaLabel, onItemSelected }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ dataId, trigger, text, placement, menu, icon, content, variant, open, disabled, iconAriaLabel, onItemSelected, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/dist/ui-components.es.js

@@ -61112,27 +61112,42 @@ const U_e = (e) => {
     if (!$) return null;
     const E = (L, T) => L && T ? "iconTextButton" : !L && T ? "iconButton" : "button";
     return {
-      items: $ ? $.map(({ key: L, icon: T, onClick: I, dataId: O, variant: D, text: P, ariaLabel: V, disabled: H, iconAriaLabel: N, onKeyDown: k, ...F }, A) => ({
-        label: /* @__PURE__ */ Pe(
-          i6e,
-          {
-            kind: E(P, T),
-            className: "dropdown-button-item",
-            style: { width: "100%", padding: "0px 1rem" },
-            iconBefore: T,
-            onClick: I,
-            dataId: O ?? "ddItem",
-            variant: D ?? "icon",
-            text: E(P, T) === "button" || E(P, T) === "iconTextButton" ? P : "",
-            "aria-label": T ? V : void 0,
-            "aria-disabled": H,
-            disabled: H,
-            iconAriaLabel: T && N || "",
-            ...F
-          },
-          L ?? `key_${A}`
-        )
-      })) : void 0
+      items: $ ? $.map(
+        ({
+          key: L,
+          icon: T,
+          onClick: I,
+          dataId: O,
+          variant: D,
+          text: P,
+          ariaLabel: V,
+          disabled: H,
+          iconAriaLabel: N,
+          onKeyDown: k,
+          ...F
+        }, A) => ({
+          label: /* @__PURE__ */ Pe(
+            i6e,
+            {
+              kind: E(P, T),
+              className: "dropdown-button-item",
+              style: { width: "100%", padding: "0px 1rem" },
+              iconBefore: T,
+              onClick: I,
+              dataId: O ?? "ddItem",
+              variant: D ?? "icon",
+              text: E(P, T) === "button" || E(P, T) === "iconTextButton" ? P : "",
+              "aria-label": T ? V : void 0,
+              "aria-disabled": H,
+              disabled: H,
+              iconAriaLabel: T && N || "",
+              ...F,
+              type: "button"
+            },
+            L ?? `key_${A}`
+          )
+        })
+      ) : void 0
     };
   })(o), S = ($) => {
     g(!1);
@@ -61141,25 +61156,37 @@ const U_e = (e) => {
   };
   return /* @__PURE__ */ Jt(ja, { children: [
     /* @__PURE__ */ Pe(a6e, {}),
-    /* @__PURE__ */ Pe(av, { menu: { items: M ? M.items : [], onClick: S }, placement: r, trigger: t, open: h, onOpenChange: C, disabled: c, children: /* @__PURE__ */ Pe(
-      o6e,
+    /* @__PURE__ */ Pe(
+      av,
       {
-        tabIndex: 0,
-        kind: p,
-        id: m,
-        "data-testid": `dropdown-button-${i ? "icon" : "text"}`,
-        dataId: e,
-        className: "dropdown-button",
-        variant: l ?? "icon",
-        iconBefore: i,
-        text: p === "button" || p === "iconTextButton" ? n : "",
-        "aria-disabled": c,
-        onKeyDown: t && t.find(($) => $ !== "click") ? y : void 0,
-        ref: v,
-        "aria-expanded": h,
-        iconAriaLabel: i && d || ""
-      }
-    ) })
+        menu: { items: M ? M.items : [], onClick: S },
+        placement: r,
+        trigger: t,
+        open: h,
+        onOpenChange: C,
+        disabled: c,
+        children: /* @__PURE__ */ Pe(
+          o6e,
+          {
+            tabIndex: 0,
+            kind: p,
+            id: m,
+            "data-testid": `dropdown-button-${i ? "icon" : "text"}`,
+            dataId: e,
+            className: "dropdown-button",
+            variant: l ?? "icon",
+            iconBefore: i,
+            text: p === "button" || p === "iconTextButton" ? n : "",
+            "aria-disabled": c,
+            onKeyDown: t && t.find(($) => $ !== "click") ? y : void 0,
+            ref: v,
+            type: "button",
+            "aria-expanded": h,
+            iconAriaLabel: i && d || ""
+          }
+        )
+      }
+    )
   ] });
 };
 var l6e = ex, s6e = hp, c6e = b1;

package/dist/ui-components.umd.js

@@ -2095,7 +2095,7 @@ Valid keys: `+JSON.stringify(Object.keys(A),null,"  "));var G=ae(U,oe,Z,J,te+"."
     width: 100%;
 `,M4e=Ut(Tl)`
     ${e=>!e.variant&&e.variant!==""||e.variant==="icon"||e.variant==="icon-secondary"?"padding: 0; margin: 0;":""}
-`,_4e=({dataId:e="dropdown-button",trigger:t=["hover"],text:n,placement:r="bottomRight",menu:a,icon:i,content:o,variant:l,open:s,disabled:c,iconAriaLabel:d,onItemSelected:u})=>{const[h,g]=Y.useState(s||!1),v=Y.useRef(null),m=`dropdown-button-${n?"text":"icon"}_${Date.now()}`,p=n&&i?"iconTextButton":!n&&i?"iconButton":"button",C=()=>{g($=>!$),setTimeout(()=>{var M;const $=document.querySelector(".ant-dropdown");$&&v&&($.setAttribute("role","dialog"),$.setAttribute("aria-labelledby",((M=v.current)==null?void 0:M.id)||""))},0)},y=$=>{$.key==="Enter"&&!s&&($.preventDefault(),C())},E=a||($=>{if(!$)return null;const M=(P,R)=>P&&R?"iconTextButton":!P&&R?"iconButton":"button";return{items:$?$.map(({key:P,icon:R,onClick:H,dataId:O,variant:D,text:k,ariaLabel:V,disabled:I,iconAriaLabel:N,onKeyDown:T,...F},A)=>({label:we.jsx(E4e,{kind:M(k,R),className:"dropdown-button-item",style:{width:"100%",padding:"0px 1rem"},iconBefore:R,onClick:H,dataId:O??"ddItem",variant:D??"icon",text:M(k,R)==="button"||M(k,R)==="iconTextButton"?k:"","aria-label":R?V:void 0,"aria-disabled":I,disabled:I,iconAriaLabel:R&&N||"",...F},P??`key_${A}`)})):void 0}})(o),S=$=>{g(!1);const M=$.key.split("-")[1];u(M)};return we.jsxs(we.Fragment,{children:[we.jsx($4e,{}),we.jsx(Rg,{menu:{items:E?E.items:[],onClick:S},placement:r,trigger:t,open:h,onOpenChange:C,disabled:c,children:we.jsx(M4e,{tabIndex:0,kind:p,id:m,"data-testid":`dropdown-button-${i?"icon":"text"}`,dataId:e,className:"dropdown-button",variant:l??"icon",iconBefore:i,text:p==="button"||p==="iconTextButton"?n:"","aria-disabled":c,onKeyDown:t&&t.find($=>$!=="click")?y:void 0,ref:v,"aria-expanded":h,iconAriaLabel:i&&d||""})})]})};var L4e=H4,P4e=Y1,k4e=Od;function T4e(e){return function(t,n,r){var a=Object(t);if(!P4e(t)){var i=L4e(n);t=k4e(t),n=function(l){return i(a[l],l,a)}}var o=e(t,n,r);return o>-1?a[i?t[o]:o]:void 0}}var R4e=T4e;function O4e(e,t,n,r){for(var a=e.length,i=n+(r?1:-1);r?i--:++i<a;)if(t(e[i],i,e))return i;return-1}var N4e=O4e,D4e=n7,lR=1/0,I4e=17976931348623157e292;function H4e(e){if(!e)return e===0?e:0;if(e=D4e(e),e===lR||e===-lR){var t=e<0?-1:1;return t*I4e}return e===e?e:0}var A4e=H4e,V4e=A4e;function j4e(e){var t=V4e(e),n=t%1;return t===t?n?t-n:t:0}var F4e=j4e,z4e=N4e,B4e=H4,Y4e=F4e,W4e=Math.max;function Z4e(e,t,n){var r=e==null?0:e.length;if(!r)return-1;var a=n==null?0:Y4e(n);return a<0&&(a=W4e(r+a,0)),z4e(e,B4e(t),a)}var U4e=Z4e,K4e=R4e,G4e=U4e,X4e=K4e(G4e),q4e=X4e;const cm=fn(q4e);var Q4e=zb,J4e=I1,eCe=Wb,sR=Ll,tCe=Ld;function nCe(e,t,n,r){if(!sR(e))return e;t=J4e(t,e);for(var a=-1,i=t.length,o=i-1,l=e;l!=null&&++a<i;){var s=tCe(t[a]),c=n;if(s==="__proto__"||s==="constructor"||s==="prototype")return e;if(a!=o){var d=l[s];c=r?r(d,s,l):void 0,c===void 0&&(c=sR(d)?d:eCe(t[a+1])?[]:{})}Q4e(l,s,c),l=l[s]}return e}var rCe=nCe,aCe=rCe;function iCe(e,t,n){return e==null?e:aCe(e,t,n)}var oCe=iCe;const cR=fn(oCe),lCe=e=>Zt`
+`,_4e=({dataId:e="dropdown-button",trigger:t=["hover"],text:n,placement:r="bottomRight",menu:a,icon:i,content:o,variant:l,open:s,disabled:c,iconAriaLabel:d,onItemSelected:u})=>{const[h,g]=Y.useState(s||!1),v=Y.useRef(null),m=`dropdown-button-${n?"text":"icon"}_${Date.now()}`,p=n&&i?"iconTextButton":!n&&i?"iconButton":"button",C=()=>{g($=>!$),setTimeout(()=>{var M;const $=document.querySelector(".ant-dropdown");$&&v&&($.setAttribute("role","dialog"),$.setAttribute("aria-labelledby",((M=v.current)==null?void 0:M.id)||""))},0)},y=$=>{$.key==="Enter"&&!s&&($.preventDefault(),C())},E=a||($=>{if(!$)return null;const M=(P,R)=>P&&R?"iconTextButton":!P&&R?"iconButton":"button";return{items:$?$.map(({key:P,icon:R,onClick:H,dataId:O,variant:D,text:k,ariaLabel:V,disabled:I,iconAriaLabel:N,onKeyDown:T,...F},A)=>({label:we.jsx(E4e,{kind:M(k,R),className:"dropdown-button-item",style:{width:"100%",padding:"0px 1rem"},iconBefore:R,onClick:H,dataId:O??"ddItem",variant:D??"icon",text:M(k,R)==="button"||M(k,R)==="iconTextButton"?k:"","aria-label":R?V:void 0,"aria-disabled":I,disabled:I,iconAriaLabel:R&&N||"",...F,type:"button"},P??`key_${A}`)})):void 0}})(o),S=$=>{g(!1);const M=$.key.split("-")[1];u(M)};return we.jsxs(we.Fragment,{children:[we.jsx($4e,{}),we.jsx(Rg,{menu:{items:E?E.items:[],onClick:S},placement:r,trigger:t,open:h,onOpenChange:C,disabled:c,children:we.jsx(M4e,{tabIndex:0,kind:p,id:m,"data-testid":`dropdown-button-${i?"icon":"text"}`,dataId:e,className:"dropdown-button",variant:l??"icon",iconBefore:i,text:p==="button"||p==="iconTextButton"?n:"","aria-disabled":c,onKeyDown:t&&t.find($=>$!=="click")?y:void 0,ref:v,type:"button","aria-expanded":h,iconAriaLabel:i&&d||""})})]})};var L4e=H4,P4e=Y1,k4e=Od;function T4e(e){return function(t,n,r){var a=Object(t);if(!P4e(t)){var i=L4e(n);t=k4e(t),n=function(l){return i(a[l],l,a)}}var o=e(t,n,r);return o>-1?a[i?t[o]:o]:void 0}}var R4e=T4e;function O4e(e,t,n,r){for(var a=e.length,i=n+(r?1:-1);r?i--:++i<a;)if(t(e[i],i,e))return i;return-1}var N4e=O4e,D4e=n7,lR=1/0,I4e=17976931348623157e292;function H4e(e){if(!e)return e===0?e:0;if(e=D4e(e),e===lR||e===-lR){var t=e<0?-1:1;return t*I4e}return e===e?e:0}var A4e=H4e,V4e=A4e;function j4e(e){var t=V4e(e),n=t%1;return t===t?n?t-n:t:0}var F4e=j4e,z4e=N4e,B4e=H4,Y4e=F4e,W4e=Math.max;function Z4e(e,t,n){var r=e==null?0:e.length;if(!r)return-1;var a=n==null?0:Y4e(n);return a<0&&(a=W4e(r+a,0)),z4e(e,B4e(t),a)}var U4e=Z4e,K4e=R4e,G4e=U4e,X4e=K4e(G4e),q4e=X4e;const cm=fn(q4e);var Q4e=zb,J4e=I1,eCe=Wb,sR=Ll,tCe=Ld;function nCe(e,t,n,r){if(!sR(e))return e;t=J4e(t,e);for(var a=-1,i=t.length,o=i-1,l=e;l!=null&&++a<i;){var s=tCe(t[a]),c=n;if(s==="__proto__"||s==="constructor"||s==="prototype")return e;if(a!=o){var d=l[s];c=r?r(d,s,l):void 0,c===void 0&&(c=sR(d)?d:eCe(t[a+1])?[]:{})}Q4e(l,s,c),l=l[s]}return e}var rCe=nCe,aCe=rCe;function iCe(e,t,n){return e==null?e:aCe(e,t,n)}var oCe=iCe;const cR=fn(oCe),lCe=e=>Zt`
     label {
         &.active {
             &:hover {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexma/ui-components",
-  "version": "8.0.3",
+  "version": "8.0.5",
   "description": "DEXMA UI Components (React)",
   "main": "./dist/ui-components.umd.js",
   "module": "./dist/ui-components.es.js",