@webority/ui-react 0.52.0 → 0.53.0

package/dist/components/AppCommandPalette.js

@@ -1 +1 @@
-import e from"./warnUnknownProps.js";import t from"./AppIcon.js";import n from"./renderIconProp.js";import r from"./AppSpinner.js";import i from"./AppModal.js";import{matchSegments as a}from"@webority/ui-elements/helpers";import{Fragment as o,useEffect as s,useId as c,useLayoutEffect as l,useRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/command-palette";var p=`lg`;function m({open:t,onClose:n,query:r=``,onQueryChange:a,placeholder:o=`Search…`,groups:s=[],loading:l=!1,emptyText:u=`No results`,footer:f,ariaLabel:m=`Search`,highlight:g=!0,id:_,className:v=``,...y}){e(`AppCommandPalette`,y);let b=c(),x=_||b;return d(i,{open:t,onClose:n,hideHeader:!0,placement:`top`,size:p,ariaLabel:m,className:`wui-cmd-card${v?` ${v}`:``}`,children:d(h,{baseId:x,query:r,onQueryChange:a,placeholder:o,groups:s,loading:l,emptyText:u,footer:f,ariaLabel:m,highlight:g,onClose:n,rest:y})})}function h({baseId:e,query:i,onQueryChange:a,placeholder:o,groups:c,loading:p,emptyText:m,footer:h,ariaLabel:v,highlight:y,onClose:b,rest:x}){let S=u(null),C=`${e}-list`,w=c.filter(e=>e.items?.length),T=!p&&i.trim()!==``&&w.length===0;return l(()=>{S.current?.refresh?.()}),s(()=>{let e=S.current,t=e=>{let t=c.find(t=>String(t.key)===e.detail.groupKey)?.items?.find(t=>String(t.key)===e.detail.key);t&&(e.preventDefault(),t.onSelect?.(),b?.())};return e.addEventListener(`wui-command-palette:select`,t),()=>e.removeEventListener(`wui-command-palette:select`,t)},[c,b]),f(`wui-command-palette`,{ref:S,...x,children:[f(`div`,{className:`wui-cmd-search`,children:[d(`span`,{className:`wui-cmd-search-icon`,"aria-hidden":`true`,children:d(t,{name:`search`,size:18})}),d(`input`,{className:`wui-cmd-input`,type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-controls":C,"aria-autocomplete":`list`,"aria-label":v,placeholder:o,autoComplete:`off`,spellCheck:!1,"data-autofocus":``,value:i,onChange:e=>a?.(e.target.value)}),p&&d(r,{size:`sm`,className:`wui-cmd-spinner`})]}),d(`div`,{className:`wui-cmd-list`,role:`listbox`,id:C,"aria-label":`Results`,"aria-busy":p?`true`:void 0,hidden:w.length===0,children:w.map(t=>{let r=`${e}-${_(t.key)}`;return f(`div`,{className:`wui-cmd-group`,role:`group`,"aria-labelledby":r,children:[d(`div`,{className:`wui-cmd-group-label`,role:`presentation`,id:r,children:t.label}),t.items.map(e=>f(`div`,{className:`wui-cmd-item`,role:`option`,id:`${r}-${_(e.key)}`,"data-group-key":String(t.key),"data-key":String(e.key),"aria-disabled":e.disabled?`true`:void 0,children:[e.icon!=null&&d(`span`,{className:`wui-cmd-item-icon`,"aria-hidden":`true`,children:n(e.icon,{size:18})}),f(`span`,{className:`wui-cmd-item-text`,children:[d(`span`,{className:`wui-cmd-item-label`,children:y?g(e.label,i):e.label}),e.description!=null&&d(`span`,{className:`wui-cmd-item-desc`,children:e.description})]}),e.meta!=null&&d(`span`,{className:`wui-cmd-item-meta`,children:e.meta})]},e.key))]},t.key)})}),d(`div`,{className:`wui-cmd-empty`,role:`status`,children:T?m:null}),h!=null&&d(`div`,{className:`wui-cmd-footer`,children:h})]})}function g(e,t){if(typeof e!=`string`)return e;let n=a(e,t);if(n.length===1&&!n[0].match)return e;let r=0;return n.map(e=>{let t=r;return r+=e.text.length,e.match?d(`mark`,{className:`wui-cmd-mark`,children:e.text},t):d(o,{children:e.text},t)})}function _(e){return String(e).replace(/\s+/g,`_`)}export{m as default};
+import e from"./warnUnknownProps.js";import t from"./AppIcon.js";import n from"./renderIconProp.js";import r from"./AppSpinner.js";import i from"./AppModal.js";import{matchSegments as a}from"@webority/ui-elements/helpers";import{Fragment as o,useEffect as s,useId as c,useLayoutEffect as l,useRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/command-palette";var p=`lg`;function m({open:t,onClose:n,query:r=``,onQueryChange:a,placeholder:o=`Search…`,groups:s=[],loading:l=!1,emptyText:u=`No results`,footer:f,ariaLabel:m=`Search`,highlight:g=!0,id:_,className:v=``,...y}){e(`AppCommandPalette`,y);let b=c(),x=_||b;return d(i,{open:t,onClose:n,hideHeader:!0,placement:`top`,size:p,ariaLabel:m,className:`wui-cmd-card${v?` ${v}`:``}`,children:d(h,{baseId:x,query:r,onQueryChange:a,placeholder:o,groups:s,loading:l,emptyText:u,footer:f,ariaLabel:m,highlight:g,onClose:n,rest:y})})}function h({baseId:e,query:i,onQueryChange:a,placeholder:o,groups:c,loading:p,emptyText:m,footer:h,ariaLabel:v,highlight:y,onClose:b,rest:x}){let S=u(null),C=`${e}-list`,w=c.filter(e=>e.items?.length),T=!p&&i.trim()!==``&&w.length===0;return l(()=>{S.current?.refresh?.()}),s(()=>{let e=S.current,t=e=>{let t=c.find(t=>String(t.key)===e.detail.groupKey)?.items?.find(t=>String(t.key)===e.detail.key);t&&(e.preventDefault(),t.onSelect?.(),b?.())};return e.addEventListener(`wui-command-palette:select`,t),()=>e.removeEventListener(`wui-command-palette:select`,t)},[c,b]),f(`wui-command-palette`,{ref:S,...x,children:[f(`div`,{className:`wui-cmd-search`,children:[d(`span`,{className:`wui-cmd-search-icon`,"aria-hidden":`true`,children:d(t,{name:`search`,size:18})}),d(`input`,{className:`wui-cmd-input`,type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-controls":C,"aria-autocomplete":`list`,"aria-label":v,placeholder:o,autoComplete:`off`,spellCheck:!1,"data-autofocus":``,value:i,onChange:e=>a?.(e.target.value)}),p&&d(r,{size:`sm`,className:`wui-cmd-spinner`})]}),d(`div`,{className:`wui-cmd-list`,role:`listbox`,id:C,"aria-label":`Results`,"aria-busy":p?`true`:void 0,hidden:w.length===0,children:w.map(t=>{let r=`${e}-${_(t.key)}`;return f(`div`,{className:`wui-cmd-group`,role:`group`,"aria-labelledby":r,children:[d(`div`,{className:`wui-cmd-group-label`,role:`presentation`,id:r,children:t.label}),t.items.map(e=>{let a=`${r}-${_(e.key)}`,o=e.description==null?null:`${a}-desc`,s=e.meta==null?null:`${a}-meta`;return f(`div`,{className:`wui-cmd-item`,role:`option`,id:a,"data-group-key":String(t.key),"data-key":String(e.key),"aria-label":e.ariaLabel||(typeof e.label==`string`?e.label:``)||void 0,"aria-describedby":[o,s].filter(Boolean).join(` `)||void 0,"aria-disabled":e.disabled?`true`:void 0,children:[e.icon!=null&&d(`span`,{className:`wui-cmd-item-icon`,"aria-hidden":`true`,children:n(e.icon,{size:18})}),f(`span`,{className:`wui-cmd-item-text`,children:[d(`span`,{className:`wui-cmd-item-label`,children:y?g(e.label,i):e.label}),o&&d(`span`,{className:`wui-cmd-item-desc`,id:o,children:e.description})]}),s&&d(`span`,{className:`wui-cmd-item-meta`,id:s,children:e.meta})]},e.key)})]},t.key)})}),d(`div`,{className:`wui-cmd-empty`,role:`status`,children:T?m:null}),h!=null&&d(`div`,{className:`wui-cmd-footer`,children:h})]})}function g(e,t){if(typeof e!=`string`)return e;let n=a(e,t);if(n.length===1&&!n[0].match)return e;let r=0;return n.map(e=>{let t=r;return r+=e.text.length,e.match?d(`mark`,{className:`wui-cmd-mark`,children:e.text},t):d(o,{children:e.text},t)})}function _(e){return String(e).replace(/\s+/g,`_`)}export{m as default};

package/dist/components/AppLogoPicker.js

@@ -1 +1 @@
-import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./withTooltip.js";import r from"./AppIcon.js";import i from"./AppAlert.js";import ee from"./AppButton.js";import te from"./AppRequiredMark.js";import ne from"./AppModal.js";import{DEFAULT_MAX_SIZE_MB as re,validateFile as a}from"@webority/ui-elements/helpers";import{useCallback as ie,useEffect as o,useId as ae,useRef as s,useState as c}from"react";import{Fragment as oe,jsx as l,jsxs as u}from"react/jsx-runtime";import"@webority/ui-elements/elements/image-crop";var se=[`stacked`,`inline`,`profile`],ce=[`initials`,`avatar`],le=[`circle`,`rounded`,`square`],d={sm:72,md:120,lg:160},ue=`That image could not be cropped. Choose another one.`,de=`That image could not be opened. Choose another one.`;function f({value:f,fallback:fe,name:pe,onPick:me,onRemove:p,loading:m=!1,disabled:h=!1,accept:g=`image/png,image/jpeg,image/webp`,maxSizeMb:_=re,crop:v,overlayIcon:he=`image`,overlayLabel:y=`Update photo`,ariaLabel:ge=`Upload photo`,label:b,hint:x,error:_e,layout:S=`stacked`,title:ve,subtitle:ye,required:be=!1,variant:C=`initials`,size:w=`md`,shape:T=`circle`,className:E=``,...D}){t(`AppLogoPicker`,D),e(`AppLogoPicker`,`layout`,S,se),e(`AppLogoPicker`,`variant`,C,ce),e(`AppLogoPicker`,`shape`,T,le),e(`AppLogoPicker`,`size`,typeof w==`string`?w:null,Object.keys(d));let O=v===`free`?null:typeof v==`number`&&Number.isFinite(v)&&v>0?v:void 0;v!=null&&O===void 0&&e(`AppLogoPicker`,`crop`,String(v),[`free`,`a positive number`]);let k=s(null),A=s(null),j=ae(),[M,N]=c(null),[xe,P]=c(``),[Se,F]=c(!1),[I,L]=c(!1),[R,z]=c(null),[B,V]=c(!1),[H,U]=c(`loading`),[W,G]=c(``),Ce=ie(e=>{if(A.current=e,!e)return;let t=()=>U(`ready`),n=()=>U(`error`);return e.addEventListener(`load`,t),e.addEventListener(`error`,n),()=>{e.removeEventListener(`load`,t),e.removeEventListener(`error`,n),A.current=null}},[]);o(()=>()=>R&&URL.revokeObjectURL(R.url),[R]),o(()=>()=>M&&URL.revokeObjectURL(M),[M]),o(()=>{N(null),F(!1)},[f]);let K=m||h,q=M||(f&&!Se?f:null),J=_e||xe,we=x&&!J?`${j}-hint`:void 0,Te=J?`${j}-error`:void 0,Ee=!K&&(!!M||!!q&&!!p),De=()=>{K||k.current?.click()},Y=e=>{P(``),F(!1),N(URL.createObjectURL(e)),me(e)},Oe=e=>{let t=O!==void 0&&e.type!==`image/svg+xml`,n=a(e,{accept:g,maxSizeMb:t?0:_});if(n){P(n);return}if(t){P(``),U(`loading`),G(``),z({file:e,url:URL.createObjectURL(e)});return}Y(e)},ke=async()=>{let{file:e}=R;V(!0),G(``);let t=null;try{t=await A.current?.toFile({name:e.name,type:e.type,maxBytes:_>0?_*1024*1024:0})}catch{t=null}if(V(!1),!t){G(ue);return}z(null);let n=a(t,{accept:g,maxSizeMb:_});n?P(n):Y(t)},Ae=()=>{B||z(null)},je=e=>{let t=e.target.files?.[0];e.target.value=``,t&&Oe(t)},Me=e=>{if(e.preventDefault(),L(!1),K)return;let t=e.dataTransfer.files?.[0];t&&Oe(t)},Ne=()=>{N(null),P(``),F(!1),k.current&&(k.current.value=``),p?.()},X=typeof w==`number`?w:d[w]??d.md,Pe=Math.max(14,Math.round(X*.18)),Fe=Math.round(X*.5),Ie=[`set-uploader`,C===`avatar`?`set-uploader--avatar`:``,T===`rounded`?`set-uploader--rounded`:T===`square`?`set-uploader--square`:``,I&&`is-dragging`].filter(Boolean).join(` `),Le=S===`inline`,Re=S===`profile`,Z=u(`div`,{className:`set-uploader-shell`,style:{"--wui-logo-size":`${X}px`},children:[l(`button`,{type:`button`,className:Ie,onClick:De,disabled:K,"aria-busy":m||void 0,"aria-label":ge,"aria-describedby":Te||we,onDragOver:e=>{e.preventDefault(),!K&&!I&&L(!0)},onDragLeave:e=>{e.preventDefault(),L(!1)},onDrop:Me,...D,children:u(`span`,{className:`set-uploader-ring`,"data-overlay-label":y,children:[q?l(`img`,{className:`set-uploader-img`,src:q,alt:``,onError:()=>F(!0)}):l(`span`,{className:`set-uploader-logo`,children:fe||C===`avatar`&&l(r,{name:`user`,size:Fe})}),m?l(`span`,{className:`set-uploader-overlay is-loading`,"aria-hidden":`true`,children:l(r,{name:`refresh-cw`,size:Pe,className:`wui-spin`})}):!h&&u(`span`,{className:`set-uploader-overlay`,children:[l(r,{name:he,size:Pe}),l(`span`,{children:y})]})]})}),n(l(`button`,{type:`button`,className:`set-uploader-remove`,hidden:!Ee,"aria-label":`Remove photo`,onClick:Ne,children:l(r,{name:`x`,size:14})}),Ee?`Remove photo`:null),l(`input`,{id:j,ref:k,type:`file`,name:pe,hidden:!0,accept:g,onChange:je,disabled:K}),O!==void 0&&u(ne,{open:!!R,title:`Crop photo`,subtitle:`Drag the frame and zoom to choose what to keep.`,size:`lg`,staticBackdrop:!0,dismissible:!B,onClose:Ae,footer:u(oe,{children:[l(ee,{type:`button`,variant:`secondary`,disabled:B,onClick:Ae,children:`Cancel`}),l(ee,{type:`button`,variant:`primary`,loading:B,disabled:H!==`ready`,onClick:ke,children:`Apply`})]}),children:[H===`error`&&l(i,{variant:`danger`,children:de}),W&&l(i,{variant:`danger`,children:W}),R&&H!==`error`&&l(`wui-image-crop`,{ref:Ce,src:R.url,aspect:O??`free`,round:O===1&&T===`circle`})]})]}),ze=x&&!J?l(`div`,{className:`set-uploader-hint`,id:we,children:x}):null,Be=J?l(`div`,{className:`field-error`,id:Te,children:J}):null,Q=b&&u(`label`,{className:`label`,htmlFor:j,children:[b,be&&l(te,{})]}),$=u(`div`,{className:`set-uploader-meta`,children:[ve&&l(`div`,{className:`set-uploader-title`,children:ve}),ye&&l(`div`,{className:`set-uploader-subtitle`,children:ye}),ze,Be]});return Le?u(`div`,{className:`field set-uploader-field set-uploader-field--inline${E?` ${E}`:``}`,children:[Q,u(`div`,{className:`set-uploader-row`,children:[Z,$]})]}):Re?u(`div`,{className:`field set-uploader-field set-uploader-field--profile${E?` ${E}`:``}`,children:[Q,Z,$]}):u(`div`,{className:`field set-uploader-field${E?` ${E}`:``}`,children:[Q,Z,ze,Be]})}export{f as default};
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./withTooltip.js";import r from"./AppIcon.js";import i from"./AppAlert.js";import a from"./AppButton.js";import ee from"./AppRequiredMark.js";import te from"./AppModal.js";import{DEFAULT_MAX_SIZE_MB as ne,validateFile as o}from"@webority/ui-elements/helpers";import{useCallback as re,useEffect as s,useId as ie,useRef as c,useState as l}from"react";import{Fragment as ae,jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/image-crop";var oe=[`stacked`,`inline`,`profile`],se=[`initials`,`avatar`],ce=[`circle`,`rounded`,`square`],f={sm:72,md:120,lg:160},le=`That image could not be cropped. Choose another one.`,ue=`That image could not be opened. Choose another one.`;function p({value:p,fallback:de,name:fe,onPick:pe,onRemove:m,loading:h=!1,disabled:g=!1,accept:_=`image/png,image/jpeg,image/webp`,maxSizeMb:v=ne,crop:y,overlayIcon:me=`image`,overlayLabel:b=`Update photo`,ariaLabel:he=`Upload photo`,removeLabel:x=`Remove photo`,label:ge,hint:S,error:_e,layout:C=`stacked`,title:ve,subtitle:w,required:ye=!1,variant:T=`initials`,size:E=`md`,shape:D=`circle`,className:O=``,...k}){t(`AppLogoPicker`,k),e(`AppLogoPicker`,`layout`,C,oe),e(`AppLogoPicker`,`variant`,T,se),e(`AppLogoPicker`,`shape`,D,ce),e(`AppLogoPicker`,`size`,typeof E==`string`?E:null,Object.keys(f));let A=y===`free`?null:typeof y==`number`&&Number.isFinite(y)&&y>0?y:void 0;y!=null&&A===void 0&&e(`AppLogoPicker`,`crop`,String(y),[`free`,`a positive number`]);let j=c(null),M=c(null),N=ie(),[P,F]=l(null),[be,I]=l(``),[xe,L]=l(!1),[R,z]=l(!1),[B,V]=l(null),[H,U]=l(!1),[W,G]=l(`loading`),[K,q]=l(``),Se=re(e=>{if(M.current=e,!e)return;let t=()=>G(`ready`),n=()=>G(`error`);return e.addEventListener(`load`,t),e.addEventListener(`error`,n),()=>{e.removeEventListener(`load`,t),e.removeEventListener(`error`,n),M.current=null}},[]);s(()=>()=>B&&URL.revokeObjectURL(B.url),[B]),s(()=>()=>P&&URL.revokeObjectURL(P),[P]),s(()=>{F(null),L(!1)},[p]);let J=h||g,Y=P||(p&&!xe?p:null),X=_e||be,Ce=S&&!X?`${N}-hint`:void 0,we=X?`${N}-error`:void 0,Te=!J&&(!!P||!!Y&&!!m),Ee=()=>{J||j.current?.click()},De=e=>{I(``),L(!1),F(URL.createObjectURL(e)),pe(e)},Oe=e=>{let t=A!==void 0&&e.type!==`image/svg+xml`,n=o(e,{accept:_,maxSizeMb:t?0:v});if(n){I(n);return}if(t){I(``),G(`loading`),q(``),V({file:e,url:URL.createObjectURL(e)});return}De(e)},ke=async()=>{let{file:e}=B;U(!0),q(``);let t=null;try{t=await M.current?.toFile({name:e.name,type:e.type,maxBytes:v>0?v*1024*1024:0})}catch{t=null}if(U(!1),!t){q(le);return}V(null);let n=o(t,{accept:_,maxSizeMb:v});n?I(n):De(t)},Ae=()=>{H||V(null)},je=e=>{let t=e.target.files?.[0];e.target.value=``,t&&Oe(t)},Me=e=>{if(e.preventDefault(),z(!1),J)return;let t=e.dataTransfer.files?.[0];t&&Oe(t)},Ne=()=>{F(null),I(``),L(!1),j.current&&(j.current.value=``),m?.()},Z=typeof E==`number`?E:f[E]??f.md,Pe=Math.max(14,Math.round(Z*.18)),Fe=Math.round(Z*.5),Ie=[`set-uploader`,T===`avatar`?`set-uploader--avatar`:``,D===`rounded`?`set-uploader--rounded`:D===`square`?`set-uploader--square`:``,R&&`is-dragging`].filter(Boolean).join(` `),Le=C===`inline`,Re=C===`profile`,Q=d(`div`,{className:`set-uploader-shell`,style:{"--wui-logo-size":`${Z}px`},children:[u(`button`,{type:`button`,className:Ie,onClick:Ee,disabled:J,"aria-busy":h||void 0,"aria-label":he,"aria-describedby":we||Ce,onDragOver:e=>{e.preventDefault(),!J&&!R&&z(!0)},onDragLeave:e=>{e.preventDefault(),z(!1)},onDrop:Me,...k,children:d(`span`,{className:`set-uploader-ring`,"data-overlay-label":b,children:[Y?u(`img`,{className:`set-uploader-img`,src:Y,alt:``,onError:()=>L(!0)}):u(`span`,{className:`set-uploader-logo`,children:de||T===`avatar`&&u(r,{name:`user`,size:Fe})}),h?u(`span`,{className:`set-uploader-overlay is-loading`,"aria-hidden":`true`,children:u(r,{name:`refresh-cw`,size:Pe,className:`wui-spin`})}):!g&&d(`span`,{className:`set-uploader-overlay`,children:[u(r,{name:me,size:Pe}),u(`span`,{children:b})]})]})}),n(u(`button`,{type:`button`,className:`set-uploader-remove`,hidden:!Te,"aria-label":x,onClick:Ne,children:u(r,{name:`x`,size:14})}),Te?x:null),u(`input`,{id:N,ref:j,type:`file`,name:fe,hidden:!0,accept:_,onChange:je,disabled:J}),A!==void 0&&d(te,{open:!!B,title:`Crop photo`,subtitle:`Drag the frame and zoom to choose what to keep.`,size:`lg`,staticBackdrop:!0,dismissible:!H,onClose:Ae,footer:d(ae,{children:[u(a,{type:`button`,variant:`secondary`,disabled:H,onClick:Ae,children:`Cancel`}),u(a,{type:`button`,variant:`primary`,loading:H,disabled:W!==`ready`,onClick:ke,children:`Apply`})]}),children:[W===`error`&&u(i,{variant:`danger`,children:ue}),K&&u(i,{variant:`danger`,children:K}),B&&W!==`error`&&u(`wui-image-crop`,{ref:Se,src:B.url,aspect:A??`free`,round:A===1&&D===`circle`})]})]}),ze=S&&!X?u(`div`,{className:`set-uploader-hint`,id:Ce,children:S}):null,Be=X?u(`div`,{className:`field-error`,id:we,children:X}):null,$=ge&&d(`label`,{className:`label`,htmlFor:N,children:[ge,ye&&u(ee,{})]}),Ve=d(`div`,{className:`set-uploader-meta`,children:[ve&&u(`div`,{className:`set-uploader-title`,children:ve}),w&&u(`div`,{className:`set-uploader-subtitle`,children:w}),ze,Be]});return Le?d(`div`,{className:`field set-uploader-field set-uploader-field--inline${O?` ${O}`:``}`,children:[$,d(`div`,{className:`set-uploader-row`,children:[Q,Ve]})]}):Re?d(`div`,{className:`field set-uploader-field set-uploader-field--profile${O?` ${O}`:``}`,children:[$,Q,Ve]}):d(`div`,{className:`field set-uploader-field${O?` ${O}`:``}`,children:[$,Q,ze,Be]})}export{p as default};

package/dist/types/components/AppCommandPalette.d.ts

@@ -21,10 +21,13 @@ import "@webority/ui-elements/elements/command-palette";
  * @param {{ key: string, label: import('react').ReactNode, items: { key: string,
  *   label: import('react').ReactNode, description?: import('react').ReactNode,
  *   icon?: string | import('react').ReactNode, meta?: import('react').ReactNode,
- *   disabled?: boolean, onSelect?: () => void }[] }[]} [props.groups=[]] Results, rendered in
- *   order under their group headings. Keys must be unique within their group; groups with no
- *   items are left out. `icon` is a library icon name or a node; `meta` is short trailing text
- *   or a node. A `disabled` item is listed but cannot be chosen: the arrow keys skip it.
+ *   disabled?: boolean, ariaLabel?: string, onSelect?: () => void }[] }[]} [props.groups=[]]
+ *   Results, rendered in order under their group headings. Keys must be unique within their
+ *   group; groups with no items are left out. `icon` is a library icon name or a node; `meta` is
+ *   short trailing text or a node. A `disabled` item is listed but cannot be chosen: the arrow
+ *   keys skip it. `ariaLabel` is the option's accessible name, by default a string `label`, so a
+ *   screen reader reads the name whole rather than in the pieces the search emphasis splits it
+ *   into; give it for a label passed as a node. The description and meta describe the option.
  * @param {boolean} [props.loading=false] Shows the library spinner in the input.
  * @param {import('react').ReactNode} [props.emptyText='No results'] Shown when the query is
  *   not blank, nothing is loading, and no group has items.
@@ -51,6 +54,7 @@ export default function AppCommandPalette({ open, onClose, query, onQueryChange,
             icon?: string | import('react').ReactNode;
             meta?: import('react').ReactNode;
             disabled?: boolean;
+            ariaLabel?: string;
             onSelect?: () => void;
         }[];
     }[];

package/dist/types/components/AppLogoPicker.d.ts

@@ -4,7 +4,7 @@ fallback, // node shown when there's no image (e.g. initials)
 name, onPick, // (file) => void — receives a validated File
 onRemove, // () => void — clears the current logo
 loading, // show a spinner + block interaction while the pick is uploading
-disabled, accept, maxSizeMb, crop, overlayIcon, overlayLabel, ariaLabel, label, hint, error, layout, title, subtitle, required, variant, size, shape, className, ...rest }: {
+disabled, accept, maxSizeMb, crop, overlayIcon, overlayLabel, ariaLabel, removeLabel, label, hint, error, layout, title, subtitle, required, variant, size, shape, className, ...rest }: {
     [x: string]: any;
     accept?: string;
     ariaLabel?: string;
@@ -23,6 +23,7 @@ disabled, accept, maxSizeMb, crop, overlayIcon, overlayLabel, ariaLabel, label,
     onRemove: any;
     overlayIcon?: string;
     overlayLabel?: string;
+    removeLabel?: string;
     required?: boolean;
     shape?: string;
     size?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.52.0",
+  "version": "0.53.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -27,8 +27,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/ui-elements": "0.52.0",
-    "@webority/theme": "0.52.0"
+    "@webority/theme": "0.53.0",
+    "@webority/ui-elements": "0.53.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.21.0",