@webority/ui-react 0.60.1 → 0.61.0

package/dist/components/AppActionIcon.js

@@ -1 +1 @@
-import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{shortcutAria as n}from"../lib/shortcutChip.js";import r from"./withTooltip.js";import i from"./renderIconProp.js";import{jsx as a}from"react/jsx-runtime";var o=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`];function s({icon:s,iconVariant:c,label:l,tooltipPlacement:u=`auto`,shortcut:d,danger:f=!1,disabled:p=!1,size:m=20,onClick:h,className:g=``,as:_,href:v,...y}){t(`AppActionIcon`,_===void 0?y:{...y,as:_}),e(`AppActionIcon`,`iconVariant`,c,o);let b=[`u-action`,f?`danger`:``,g].filter(Boolean).join(` `),{style:x,...S}=y,C={"--wui-action-size":`${m+16}px`,...x},w=_??(v?`a`:`button`),T=w===`button`;return r(a(w,{type:T?`button`:void 0,href:T||p?void 0:v,className:b,style:C,"aria-label":l,"aria-keyshortcuts":n(d),disabled:T?p:void 0,"aria-disabled":!T&&p?`true`:void 0,role:!T&&p?`link`:void 0,tabIndex:!T&&p?-1:void 0,onClick:e=>{if(p){e.preventDefault(),e.stopPropagation();return}h?.(e)},...S,children:i(s,{size:m,variant:c})}),l,u,d)}export{s as default};
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{shortcutAria as n}from"../lib/shortcutChip.js";import r from"./withTooltip.js";import i from"./renderIconProp.js";import{useRef as a}from"react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";var l=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`];function u({icon:u,iconVariant:d,label:f,tooltipPlacement:p=`auto`,shortcut:m,danger:h=!1,disabled:g=!1,size:_=20,onClick:v,className:y=``,as:b,href:x,accept:S,multiple:C=!1,onFiles:w,...T}){t(`AppActionIcon`,b===void 0?T:{...T,as:b}),e(`AppActionIcon`,`iconVariant`,d,l);let E=typeof w==`function`;E&&(b!==void 0||x!==void 0)&&console.warn(`AppActionIcon: file mode renders a button; href and as are ignored.`),!E&&(S!==void 0||C)&&console.warn(`AppActionIcon: accept and multiple apply only in file mode (pass onFiles).`);let D=a(null),O=e=>{let t=[...e.target.files];e.target.value=``,t.length>0&&w(t)},k=[`u-action`,h?`danger`:``,y].filter(Boolean).join(` `),{style:A,...j}=T,M={"--wui-action-size":`${_+16}px`,...A},N=E?`button`:b??(x?`a`:`button`),P=N===`button`,F=r(s(N,{type:P?`button`:void 0,href:P||g?void 0:x,className:k,style:M,"aria-label":f,"aria-keyshortcuts":n(m),disabled:P?g:void 0,"aria-disabled":!P&&g?`true`:void 0,role:!P&&g?`link`:void 0,tabIndex:!P&&g?-1:void 0,onClick:e=>{if(g){e.preventDefault(),e.stopPropagation();return}v?.(e),E&&!e.defaultPrevented&&D.current?.click()},...j,children:i(u,{size:_,variant:d})}),f,p,m);return E?c(o,{children:[F,s(`input`,{type:`file`,ref:D,className:`wui-action-icon-file`,hidden:!0,tabIndex:-1,"aria-hidden":`true`,accept:S,multiple:C,onChange:O,onClick:e=>e.stopPropagation()})]}):F}export{u as default};

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

@@ -7,6 +7,7 @@
  * `label` is required: an icon-only control with no accessible name is unusable with a screen
  * reader, and it doubles as the hover/focus tooltip — shown through `AppTooltip` (Popper), so it
  * is collision-aware: it prefers `tooltipPlacement` and flips to stay on-screen.
+ * A camera on a defect or a paperclip on a ticket uses its file mode (`onFiles`).
  *
  * @param {object} props
  * @param {string|import('react').ReactNode} props.icon    glyph name (see Icon), or a custom node (e.g. an iconsax glyph)
@@ -29,8 +30,11 @@
  *   for the tooltip (Popper) to anchor correctly — router `Link`s already do; a hand-rolled `as`
  *   wrapper must use `forwardRef` (the tooltip still opens without it, but may be mispositioned).
  * @param {string} [props.href]           sets an anchor without needing `as`.
+ * @param {(files: File[]) => void} [props.onFiles]  turns the button into a file chooser: a hidden file input opens on click, Enter and Space, and the chosen files arrive here. The control is always a button in this mode.
+ * @param {string} [props.accept]  file types the chooser offers (the input's accept), file mode only
+ * @param {boolean} [props.multiple=false]  allow several files, file mode only
  */
-export default function AppActionIcon({ icon, iconVariant, label, tooltipPlacement, shortcut, danger, disabled, size, onClick, className, as, href, ...rest }: {
+export default function AppActionIcon({ icon, iconVariant, label, tooltipPlacement, shortcut, danger, disabled, size, onClick, className, as, href, accept, multiple, onFiles, ...rest }: {
     icon: string | import('react').ReactNode;
     iconVariant?: 'linear' | 'outline' | 'bold' | 'bulk' | 'broken' | 'twotone';
     label: string;
@@ -43,4 +47,7 @@ export default function AppActionIcon({ icon, iconVariant, label, tooltipPlaceme
     className?: string;
     as?: React.ElementType;
     href?: string;
+    onFiles?: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
 }): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.60.1",
+  "version": "0.61.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/theme": "0.60.1",
-    "@webority/ui-elements": "0.60.1"
+    "@webority/theme": "0.61.0",
+    "@webority/ui-elements": "0.61.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.23.0",