@webority/ui-react 0.96.0 → 0.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/canvas-kit/kit.js +18783 -18514
  2. package/dist/canvas-kit/manifest.json +246 -76
  3. package/dist/canvas-kit/release.json +6 -6
  4. package/dist/components/AppAutocomplete.js +1 -1
  5. package/dist/components/AppAvatarGroup.js +1 -1
  6. package/dist/components/AppButton.js +1 -1
  7. package/dist/components/AppCountryFlag.js +1 -0
  8. package/dist/components/AppCountrySelect.js +1 -1
  9. package/dist/components/AppDataTable.js +1 -1
  10. package/dist/components/AppInput.js +1 -1
  11. package/dist/components/AppNumberInput.js +1 -1
  12. package/dist/components/AppSegmented.js +1 -1
  13. package/dist/components/AppSelect.js +1 -1
  14. package/dist/components/AppTabs.js +1 -1
  15. package/dist/components/iconCatalogNames.g.js +1 -1
  16. package/dist/components/iconGlyphs.g.js +1 -1
  17. package/dist/components/iconVariants.g.js +1 -1
  18. package/dist/guidance.json +26 -1
  19. package/dist/lib/wuiMarker.js +1 -1
  20. package/dist/types/components/AppAutocomplete.d.ts +2 -0
  21. package/dist/types/components/AppAvatar.d.ts +4 -1
  22. package/dist/types/components/AppAvatarPicker.d.ts +8 -2
  23. package/dist/types/components/AppBadge.d.ts +4 -1
  24. package/dist/types/components/AppBanner.d.ts +4 -1
  25. package/dist/types/components/AppBreadcrumbs.d.ts +4 -1
  26. package/dist/types/components/AppButton.d.ts +3 -3
  27. package/dist/types/components/AppButtonGroup.d.ts +4 -1
  28. package/dist/types/components/AppCalendar.d.ts +4 -1
  29. package/dist/types/components/AppCard.d.ts +16 -4
  30. package/dist/types/components/AppCarousel.d.ts +4 -1
  31. package/dist/types/components/AppChart.d.ts +4 -1
  32. package/dist/types/components/AppChartCard.d.ts +4 -1
  33. package/dist/types/components/AppCheckbox.d.ts +4 -1
  34. package/dist/types/components/AppChip.d.ts +4 -1
  35. package/dist/types/components/AppCountryFlag.d.ts +22 -0
  36. package/dist/types/components/AppCountrySelect.d.ts +2 -0
  37. package/dist/types/components/AppDataTable.d.ts +4 -0
  38. package/dist/types/components/AppFormActions.d.ts +4 -1
  39. package/dist/types/components/AppFormRow.d.ts +4 -1
  40. package/dist/types/components/AppFormSection.d.ts +4 -1
  41. package/dist/types/components/AppHoverCard.d.ts +4 -1
  42. package/dist/types/components/AppInfoList.d.ts +4 -1
  43. package/dist/types/components/AppInlineEdit.d.ts +8 -2
  44. package/dist/types/components/AppInput.d.ts +13 -2
  45. package/dist/types/components/AppInputGroup.d.ts +4 -1
  46. package/dist/types/components/AppKanban.d.ts +4 -1
  47. package/dist/types/components/AppKbd.d.ts +4 -1
  48. package/dist/types/components/AppKpiTile.d.ts +28 -7
  49. package/dist/types/components/AppLightbox.d.ts +4 -1
  50. package/dist/types/components/AppMarkdown.d.ts +4 -1
  51. package/dist/types/components/AppMentionInput.d.ts +8 -2
  52. package/dist/types/components/AppMenubar.d.ts +4 -1
  53. package/dist/types/components/AppMeter.d.ts +4 -1
  54. package/dist/types/components/AppNumberInput.d.ts +13 -2
  55. package/dist/types/components/AppOnboardingChecklist.d.ts +4 -1
  56. package/dist/types/components/AppOtpInput.d.ts +8 -2
  57. package/dist/types/components/AppPageHeader.d.ts +4 -1
  58. package/dist/types/components/AppPopover.d.ts +4 -1
  59. package/dist/types/components/AppPricingCard.d.ts +8 -2
  60. package/dist/types/components/AppProgress.d.ts +4 -1
  61. package/dist/types/components/AppRadio.d.ts +4 -1
  62. package/dist/types/components/AppRadioGroup.d.ts +8 -2
  63. package/dist/types/components/AppRating.d.ts +8 -2
  64. package/dist/types/components/AppRecordPager.d.ts +4 -1
  65. package/dist/types/components/AppRelativeTime.d.ts +4 -1
  66. package/dist/types/components/AppSegmented.d.ts +3 -3
  67. package/dist/types/components/AppSelect.d.ts +2 -0
  68. package/dist/types/components/AppSplash.d.ts +4 -1
  69. package/dist/types/components/AppSplitButton.d.ts +11 -5
  70. package/dist/types/components/AppSplitView.d.ts +8 -2
  71. package/dist/types/components/AppStatusBadge.d.ts +8 -2
  72. package/dist/types/components/AppStepper.d.ts +4 -1
  73. package/dist/types/components/iconGlyphs.g.d.ts +2 -0
  74. package/dist/types/components/iconVariants.g.d.ts +10 -0
  75. package/dist/types/index.d.ts +1 -0
  76. package/dist/types/lib/wuiMarker.d.ts +3 -1
  77. package/dist/ui-react.js +1 -1
  78. package/package.json +7 -7
  79. package/dist/components/warnDeprecatedValue.js +0 -1
  80. package/dist/types/components/warnDeprecatedValue.d.ts +0 -10
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "webority-web",
3
- "version": "0.96.0",
3
+ "version": "0.98.0",
4
4
  "platform": "Web",
5
5
  "kitModuleVersion": 2,
6
6
  "rendererProtocolVersion": 7,
7
7
  "library": {
8
8
  "name": "@webority/ui-react",
9
- "version": "0.96.0"
9
+ "version": "0.98.0"
10
10
  },
11
11
  "files": {
12
12
  "manifest.json": {
13
- "sha256": "bfef4d89fb7f152cb2e19148d43157eeb19846f506f65139cfb927e801fce412",
14
- "bytes": 836515
13
+ "sha256": "81dfb6ae016a3b300cdbe191bc9ecf1ccaf850241f3ed4a34692455ecbb88352",
14
+ "bytes": 841354
15
15
  },
16
16
  "kit.js": {
17
- "sha256": "2a085aa7fb967f7aea66286486aa2e783b837f1bb995be708282697c08a186de",
18
- "bytes": 10848338
17
+ "sha256": "ab0348c98456a2f2a6e520facdc9bf560fbbe423f98a976da56011c29c611ad2",
18
+ "bytes": 10859669
19
19
  },
20
20
  "kit.css": {
21
21
  "sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useNodeLabels.js";import s,{optionsEqual as c}from"./useWuiControl.js";import{forwardRef as l,useEffect as u,useId as d,useRef as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/autocomplete";var h=[`sm`,`lg`],g=[],_=(e,t)=>({...e,label:t}),v=(e,t,n)=>{if(n==null||t==null||t===``)return e;let r=String(t);return e.some(e=>String(e.value)===r)?e:[...e,{value:r,label:n}]},y=l(function(l,y){let{value:b,onChange:x,options:S,valueLabel:C,loadOptions:w,placeholder:T=`Search…`,minChars:E,debounce:D,disabled:O=!1,size:k,allowCustom:A=!1,name:j,id:M,label:N,error:P,hint:F,required:I=!1,help:L,helpLabel:R=`More information`,fieldClassName:z=``,"data-canvas":B,...V}=l;n(`AppAutocomplete`,V),t(`AppAutocomplete`,`size`,k,h);let H=typeof w==`function`,U=d(),W=M||U,{setRef:G,innerRef:K}=s({ref:y,value:b??``,on:{change:e=>x?.(e.currentTarget.value,{isCustom:!!e.detail?.isCustom})}}),q=S||g,{portal:J,toElementOptions:Y}=o(q),X=f(!1);return u(()=>{let e=K.current;if(!e||H&&X.current)return;let t=Y(v(q,b,C),_);c(t,e.options)||(e.options=t)},[q,H,K,Y,b,C]),u(()=>{let e=K.current;if(!e||!H||!X.current)return;let t=e.options,n=v(t,b,C);n!==t&&(e.options=n)},[b,C,H,K]),u(()=>{let e=K.current;if(!e||!H)return;let t=0,n=null,r=async r=>{let i=++t;n?.abort(),n=typeof AbortController==`function`?new AbortController:null,e.loading=!0;try{let a=await w(r.detail.query,{signal:n?.signal});i===t&&(X.current=!0,e.options=a||[])}catch{i===t&&(X.current=!0,e.options=[])}finally{i===t&&(e.loading=!1)}};return e.addEventListener(`search`,r),()=>{t=-1,n?.abort(),e.removeEventListener(`search`,r),e.loading=!1}},[H,w,K]),m(`div`,{...e(`AppAutocomplete`,l),className:`field${z?` ${z}`:``}`,children:[N&&m(`label`,{className:`label`,htmlFor:W,children:[N,I&&p(a,{}),L&&p(i,{label:R,children:L})]}),p(`wui-autocomplete`,{"aria-label":typeof N==`string`?N:void 0,"aria-describedby":P?`${W}-error`:F?`${W}-hint`:void 0,"aria-invalid":P?`true`:void 0,id:W,ref:G,name:j,placeholder:T,remote:H?``:void 0,"min-chars":E==null?void 0:String(E),debounce:D==null?void 0:String(D),size:k||void 0,"allow-custom":A?``:void 0,disabled:O?``:void 0,required:I?``:void 0,...V}),J,p(r,{error:P,hint:F,errorId:`${W}-error`,hintId:`${W}-hint`})]})});export{y as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useNodeLabels.js";import s,{optionsEqual as c}from"./useWuiControl.js";import{forwardRef as l,useEffect as u,useId as d,useRef as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/autocomplete";var h=[`sm`,`lg`],g=[],_=(e,t)=>({...e,label:t}),v=(e,t,n)=>{if(n==null||t==null||t===``)return e;let r=String(t);return e.some(e=>String(e.value)===r)?e:[...e,{value:r,label:n}]},y=l(function(l,y){let{value:b,onChange:x,options:S,valueLabel:C,loadOptions:w,placeholder:T=`Search…`,minChars:E,debounce:D,disabled:O=!1,open:k,size:A,allowCustom:j=!1,name:M,id:N,label:P,error:F,hint:I,required:L=!1,help:R,helpLabel:z=`More information`,fieldClassName:B=``,"data-canvas":V,...H}=l;n(`AppAutocomplete`,H),t(`AppAutocomplete`,`size`,A,h);let U=typeof w==`function`,W=d(),G=N||W,{setRef:K,innerRef:q}=s({ref:y,value:b??``,on:{change:e=>x?.(e.currentTarget.value,{isCustom:!!e.detail?.isCustom})}}),J=S||g,{portal:Y,toElementOptions:X}=o(J),Z=f(!1);return u(()=>{let e=q.current;if(!e||U&&Z.current)return;let t=X(v(J,b,C),_);c(t,e.options)||(e.options=t)},[J,U,q,X,b,C]),u(()=>{let e=q.current;if(!e||!U||!Z.current)return;let t=e.options,n=v(t,b,C);n!==t&&(e.options=n)},[b,C,U,q]),u(()=>{let e=q.current;if(!e||!U)return;let t=0,n=null,r=async r=>{let i=++t;n?.abort(),n=typeof AbortController==`function`?new AbortController:null,e.loading=!0;try{let a=await w(r.detail.query,{signal:n?.signal});i===t&&(Z.current=!0,e.options=a||[])}catch{i===t&&(Z.current=!0,e.options=[])}finally{i===t&&(e.loading=!1)}};return e.addEventListener(`search`,r),()=>{t=-1,n?.abort(),e.removeEventListener(`search`,r),e.loading=!1}},[U,w,q]),m(`div`,{...e(`AppAutocomplete`,l),className:`field${B?` ${B}`:``}`,children:[P&&m(`label`,{className:`label`,htmlFor:G,children:[P,L&&p(a,{}),R&&p(i,{label:z,children:R})]}),p(`wui-autocomplete`,{"aria-label":typeof P==`string`?P:void 0,"aria-describedby":F?`${G}-error`:I?`${G}-hint`:void 0,"aria-invalid":F?`true`:void 0,id:G,ref:K,name:M,placeholder:T,remote:U?``:void 0,"min-chars":E==null?void 0:String(E),debounce:D==null?void 0:String(D),size:A||void 0,"allow-custom":j?``:void 0,disabled:O?``:void 0,open:k?``:void 0,required:L?``:void 0,...H}),Y,p(r,{error:F,hint:I,errorId:`${G}-error`,hintId:`${G}-hint`})]})});export{y as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{jsxs as r}from"react/jsx-runtime";var i=[`tight`,`normal`,`loose`],a={xs:20,sm:24,md:32,lg:48,xl:64,"2xl":96};function o(e){return e==null?null:typeof e==`number`?`${e}px`:a[e]==null?/^\d+$/.test(e)?`${e}px`:e:`${a[e]}px`}function s(a){let{children:s,size:c,spacing:l=`normal`,overflow:u,className:d=``,...f}=a;n(`AppAvatarGroup`,f),t(`AppAvatarGroup`,`spacing`,l,i);let{style:p,...m}=f,h=[`avatar-group`,l===`normal`?``:`avatar-group-${l}`,d].filter(Boolean).join(` `),g=o(c),_=g?{"--avatar-size":g,...p}:p,v=typeof u==`string`?Number.parseInt(u,10):u;return r(`div`,{className:h,style:_,...e(`AppAvatarGroup`,a),...m,children:[s,v>0&&r(`span`,{className:`avatar avatar-more`,role:`img`,"aria-label":`${v} more`,children:[`+`,v]})]})}export{s as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a=[`tight`,`normal`,`loose`],o={xs:20,sm:24,md:32,lg:48,xl:64,"2xl":96};function s(e){return e==null?null:typeof e==`number`?`${e}px`:o[e]==null?/^\d+$/.test(e)?`${e}px`:e:`${o[e]}px`}function c(o){let{children:c,size:l,spacing:u=`normal`,overflow:d,className:f=``,...p}=o;n(`AppAvatarGroup`,p),t(`AppAvatarGroup`,`spacing`,u,a);let{style:m,...h}=p,g=[`avatar-group`,u===`normal`?``:`avatar-group-${u}`,f].filter(Boolean).join(` `),_=s(l),v=_?{"--avatar-size":_,...m}:m,y=typeof d==`string`?Number.parseInt(d,10):d,b=typeof d==`string`&&!/^\d+$/.test(d)?d:`+${y}`;return i(`div`,{className:g,style:v,...e(`AppAvatarGroup`,o),...h,children:[c,y>0&&r(`span`,{className:`avatar avatar-more`,role:`img`,"aria-label":`${y} more`,children:b})]})}export{c as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{shortcutAria as r,shortcutChip as i}from"../lib/shortcutChip.js";import a from"./withTooltip.js";import o from"./AppIcon.js";import s from"./warnDeprecatedValue.js";import{Button as c}from"react-bootstrap";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d={primary:`primary`,secondary:`secondary`,outline:`outline-primary`,ghost:`ghost`,text:`text`,danger:`danger`,success:`success`,"secondary-danger":`secondary-danger`,"outline-danger":`outline-danger`,light:`light`,warning:`warning`,neutral:`neutral`,"outline-light":`outline-light`,"outline-secondary":`outline-secondary`},f={subtle:{use:`neutral`,removeIn:`0.79.0`}};function p(e){return`btn-${d[f[e]?.use??e]??`primary`}`}var m={sm:14,md:16,lg:20},h=[`sheen`,`fill`,`expand`,`glow`,`roll`,`none`],g=[`rounded`,`pill`,`sharp`],_=[`button`,`submit`,`reset`],v=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],y=e=>e===`pill`||e===`sharp`?`wui-btn-shape-${e}`:``;function b(e){return u(`span`,{className:`wui-btn-roll`,children:[l(`span`,{className:`wui-btn-roll__a`,children:e}),l(`span`,{className:`wui-btn-roll__b`,"aria-hidden":`true`,children:e})]})}function x(e,t,n,r){if(!e)return null;let i=n=>typeof e==`string`?l(o,{name:e,size:m[t]??m.md,variant:r,className:n}):l(`span`,{className:[`d-inline-flex`,n].filter(Boolean).join(` `),children:e});return u(`span`,{className:n?`wui-btn-roll-ico wui-btn-pin-icon`:`wui-btn-roll-ico ms-2`,"aria-hidden":`true`,children:[i(),i(`wui-btn-roll-ico__next`)]})}function S(e,t,n,r){if(!e)return null;let i=t===`left`?`me-2`:`ms-2`;return typeof e==`string`?l(o,{name:e,size:m[n]??m.md,variant:r,className:i}):l(`span`,{className:`d-inline-flex ${i}`,children:e})}function C(e,t,n){return e?l(`span`,{className:`wui-btn-pin-icon`,"aria-hidden":`true`,children:typeof e==`string`?l(o,{name:e,size:m[t]??m.md,variant:n}):e}):null}function w(o){let{children:p,variant:w=`primary`,size:T=`md`,type:E=`button`,loading:D=!1,disabled:O=!1,block:k=!1,leftIcon:A=null,rightIcon:j=null,href:M,static:N=!1,tooltip:P,tooltipPlacement:F,shortcut:I,animation:L,pinRightIcon:R=!1,shape:z=`rounded`,iconVariant:B,className:V=``,...H}=o;n(`AppButton`,H),L!==void 0&&t(`AppButton`,`animation`,L,h);let U=L===`roll`&&!N,W=R&&j!=null&&j!==``&&!N&&!D;s(`AppButton`,`variant`,w,f);let G=f[w]?.use??w;if(t(`AppButton`,`variant`,G,Object.keys(d)),t(`AppButton`,`size`,T,Object.keys(m)),t(`AppButton`,`shape`,z,g),t(`AppButton`,`type`,E,_),B!==void 0&&t(`AppButton`,`iconVariant`,B,v),N){let t=[`btn`,`btn-${d[G]??`primary`}`,T===`sm`?`btn-sm`:T===`lg`?`btn-lg`:``,k?`w-100`:``,y(z),`btn-static`,V].filter(Boolean).join(` `),{onClick:n,...r}=H;return a(u(`span`,{className:t,...e(`AppButton`,o),...r,children:[S(A,`left`,T,B),p,S(j,`right`,T,B)]}),P,F)}let K=[k?`w-100`:``,D?`is-loading`:``,L&&h.includes(L)?`btn-anim-${L}`:``,W?`wui-btn-pin-end`:``,y(z),V].filter(Boolean).join(` `),q=(H.as===void 0||H.as===`button`)&&M===void 0&&H.to===void 0,J=q?{}:{role:void 0,tabIndex:O||D?-1:void 0},Y=P!=null&&P!==``;return a(u(c,{type:q?E:void 0,href:M,variant:d[G]??`primary`,size:T===`md`?void 0:T,disabled:O||D,"aria-busy":D||void 0,"aria-keyshortcuts":r(I),className:K||void 0,...J,...e(`AppButton`,o),...H,children:[D&&l(`span`,{className:`spinner-border spinner-border-sm me-2`,"aria-hidden":`true`}),!D&&S(A,`left`,T,B),U?b(p):p,!D&&(U?x(j,T,W,B):W?C(j,T,B):S(j,`right`,T,B)),!Y&&i(I)]}),P,F,I)}export{p as buttonVariantClass,w as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{shortcutAria as r,shortcutChip as i}from"../lib/shortcutChip.js";import a from"./withTooltip.js";import o from"./AppIcon.js";import{Button as s}from"react-bootstrap";import{jsx as c,jsxs as l}from"react/jsx-runtime";var u={primary:`primary`,secondary:`secondary`,outline:`outline-primary`,ghost:`ghost`,text:`text`,danger:`danger`,success:`success`,"secondary-danger":`secondary-danger`,"outline-danger":`outline-danger`,light:`light`,warning:`warning`,neutral:`neutral`,"outline-light":`outline-light`,"outline-secondary":`outline-secondary`};function d(e){return`btn-${u[e]??`primary`}`}var f={sm:14,md:16,lg:20},p=[`sheen`,`fill`,`expand`,`glow`,`roll`,`none`],m=[`rounded`,`pill`,`sharp`],h=[`button`,`submit`,`reset`],g=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],_=e=>e===`pill`||e===`sharp`?`wui-btn-shape-${e}`:``;function v(e){return l(`span`,{className:`wui-btn-roll`,children:[c(`span`,{className:`wui-btn-roll__a`,children:e}),c(`span`,{className:`wui-btn-roll__b`,"aria-hidden":`true`,children:e})]})}function y(e,t,n,r){if(!e)return null;let i=n=>typeof e==`string`?c(o,{name:e,size:f[t]??f.md,variant:r,className:n}):c(`span`,{className:[`d-inline-flex`,n].filter(Boolean).join(` `),children:e});return l(`span`,{className:n?`wui-btn-roll-ico wui-btn-pin-icon`:`wui-btn-roll-ico ms-2`,"aria-hidden":`true`,children:[i(),i(`wui-btn-roll-ico__next`)]})}function b(e,t,n,r){if(!e)return null;let i=t===`left`?`me-2`:`ms-2`;return typeof e==`string`?c(o,{name:e,size:f[n]??f.md,variant:r,className:i}):c(`span`,{className:`d-inline-flex ${i}`,children:e})}function x(e,t,n){return e?c(`span`,{className:`wui-btn-pin-icon`,"aria-hidden":`true`,children:typeof e==`string`?c(o,{name:e,size:f[t]??f.md,variant:n}):e}):null}function S(o){let{children:d,variant:S=`primary`,size:C=`md`,type:w=`button`,loading:T=!1,disabled:E=!1,block:D=!1,leftIcon:O=null,rightIcon:k=null,href:A,static:j=!1,tooltip:M,tooltipPlacement:N,shortcut:P,animation:F,pinRightIcon:I=!1,shape:L=`rounded`,iconVariant:R,className:z=``,...B}=o;n(`AppButton`,B),F!==void 0&&t(`AppButton`,`animation`,F,p);let V=F===`roll`&&!j,H=I&&k!=null&&k!==``&&!j&&!T;if(t(`AppButton`,`variant`,S,Object.keys(u)),t(`AppButton`,`size`,C,Object.keys(f)),t(`AppButton`,`shape`,L,m),t(`AppButton`,`type`,w,h),R!==void 0&&t(`AppButton`,`iconVariant`,R,g),j){let t=[`btn`,`btn-${u[S]??`primary`}`,C===`sm`?`btn-sm`:C===`lg`?`btn-lg`:``,D?`w-100`:``,_(L),`btn-static`,z].filter(Boolean).join(` `),{onClick:n,...r}=B;return a(l(`span`,{className:t,...e(`AppButton`,o),...r,children:[b(O,`left`,C,R),d,b(k,`right`,C,R)]}),M,N)}let U=[D?`w-100`:``,T?`is-loading`:``,F&&p.includes(F)?`btn-anim-${F}`:``,H?`wui-btn-pin-end`:``,_(L),z].filter(Boolean).join(` `),W=(B.as===void 0||B.as===`button`)&&A===void 0&&B.to===void 0,G=W?{}:{role:void 0,tabIndex:E||T?-1:void 0},K=M!=null&&M!==``;return a(l(s,{type:W?w:void 0,href:A,variant:u[S]??`primary`,size:C===`md`?void 0:C,disabled:E||T,"aria-busy":T||void 0,"aria-keyshortcuts":r(P),className:U||void 0,...G,...e(`AppButton`,o),...B,children:[T&&c(`span`,{className:`spinner-border spinner-border-sm me-2`,"aria-hidden":`true`}),!T&&b(O,`left`,C,R),V?v(d):d,!T&&(V?y(k,C,H,R):H?x(k,C,R):b(k,`right`,C,R)),!K&&i(P)]}),M,N,P)}export{d as buttonVariantClass,S as default};
@@ -0,0 +1 @@
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnUnknownProps.js";import{jsx as r}from"react/jsx-runtime";function i(i){let{country:a,label:o,className:s=``,...c}=i;n(`AppCountryFlag`,c);let l=String(a??``).trim().toLowerCase();if(!/^[a-z]{2}$/.test(l))return t(`[@webority/ui-react] AppCountryFlag: country must be a two-letter ISO 3166-1 code, got`,a),null;let u=typeof o==`string`&&o.trim().length>0;return r(`span`,{className:[`wui-flag`,`wui-flag-${l}`,s].filter(Boolean).join(` `),...u?{role:`img`,"aria-label":o}:{"aria-hidden":`true`},...e(`AppCountryFlag`,i),...c})}export{i as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useWuiControl.js";import{cloneElement as s,forwardRef as c,useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/country-select";var f=[`sm`,`md`,`lg`],p=[`off`,`border`],m=c(function(c,m){let{value:h,onChange:g,countries:_,placeholder:v=`Select country`,searchPlaceholder:y=`Search countries...`,searchable:b=!0,clearable:x=!1,size:S=`md`,floatingLabel:C=`off`,disabled:w,label:T,required:E=!1,error:D,hint:O,help:k,helpLabel:A=`More information`,id:j,name:M,className:N=``,fieldClassName:P=``,"aria-label":F,"aria-labelledby":I,"aria-describedby":L,"data-canvas":R,...z}=c;n(`AppCountrySelect`,z),t(`AppCountrySelect`,`size`,S,f),t(`AppCountrySelect`,`floatingLabel`,C,p);let B=l(),{setRef:V}=o({ref:m,value:h??``,onChange:g}),H=j||B,U=C!==`off`&&T,W=D&&H?`${H}-error`:void 0,G=O&&H?`${H}-hint`:void 0,K=u(`wui-country-select`,{"aria-label":F||(typeof T==`string`?T:void 0),"aria-labelledby":I||void 0,"aria-describedby":W||G||L||void 0,"aria-invalid":D?`true`:void 0,ref:V,id:H,name:M,countries:Array.isArray(_)?_.join(`,`):void 0,placeholder:U?` `:v,"search-placeholder":y,searchable:b?``:void 0,clearable:x?``:void 0,size:S===`sm`||S===`lg`?S:void 0,disabled:w?``:void 0,required:E?``:void 0,className:N||void 0,...z});if(!T&&!D&&!O)return s(K,e(`AppCountrySelect`,c));let q=[`field`,P].filter(Boolean).join(` `);return d(`div`,{...e(`AppCountrySelect`,c),className:q,children:[T&&!U&&d(`label`,{className:`label`,htmlFor:H,children:[T,E&&u(a,{}),k&&u(i,{label:A,children:k})]}),U?d(`div`,{className:`field-float`,children:[K,d(`label`,{className:`float-label`,htmlFor:H,children:[T,E&&u(a,{})]})]}):K,u(r,{error:D,hint:O,errorId:W,hintId:G})]})});export{m as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useWuiControl.js";import{cloneElement as s,forwardRef as c,useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/country-select";var f=[`sm`,`md`,`lg`],p=[`off`,`border`],m=c(function(c,m){let{value:h,onChange:g,countries:_,placeholder:v=`Select country`,searchPlaceholder:y=`Search countries...`,searchable:b=!0,clearable:x=!1,size:S=`md`,floatingLabel:C=`off`,disabled:w,open:T,label:E,required:D=!1,error:O,hint:k,help:A,helpLabel:j=`More information`,id:M,name:N,className:P=``,fieldClassName:F=``,"aria-label":I,"aria-labelledby":L,"aria-describedby":R,"data-canvas":z,...B}=c;n(`AppCountrySelect`,B),t(`AppCountrySelect`,`size`,S,f),t(`AppCountrySelect`,`floatingLabel`,C,p);let V=l(),{setRef:H}=o({ref:m,value:h??``,onChange:g}),U=M||V,W=C!==`off`&&E,G=O&&U?`${U}-error`:void 0,K=k&&U?`${U}-hint`:void 0,q=u(`wui-country-select`,{"aria-label":I||(typeof E==`string`?E:void 0),"aria-labelledby":L||void 0,"aria-describedby":G||K||R||void 0,"aria-invalid":O?`true`:void 0,ref:H,id:U,name:N,countries:Array.isArray(_)?_.join(`,`):void 0,placeholder:W?` `:v,"search-placeholder":y,searchable:b?``:void 0,clearable:x?``:void 0,size:S===`sm`||S===`lg`?S:void 0,disabled:w?``:void 0,open:T?``:void 0,required:D?``:void 0,className:P||void 0,...B});if(!E&&!O&&!k)return s(q,e(`AppCountrySelect`,c));let J=[`field`,F].filter(Boolean).join(` `);return d(`div`,{...e(`AppCountrySelect`,c),className:J,children:[E&&!W&&d(`label`,{className:`label`,htmlFor:U,children:[E,D&&u(a,{}),A&&u(i,{label:j,children:A})]}),W?d(`div`,{className:`field-float`,children:[q,d(`label`,{className:`float-label`,htmlFor:U,children:[E,D&&u(a,{})]})]}):q,u(r,{error:O,hint:k,errorId:G,hintId:K})]})});export{m as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnInvalidValue.js";import r from"./warnUnknownProps.js";import i from"./AppIcon.js";import{AppSkeletonRows as a}from"./AppSkeleton.js";import o from"./AppTablePagination.js";import{attachRowDrag as s,attachScrollEdges as c,syncTargets as l}from"@webority/ui-elements/helpers";import{Children as u,Fragment as ee,useEffect as d,useLayoutEffect as f,useMemo as te,useRef as p,useState as m}from"react";import{Fragment as ne,jsx as h,jsxs as g}from"react/jsx-runtime";import{COLUMN_MAX_WIDTH as re,COLUMN_MIN_WIDTH as ie,DATA_TABLE_TEXT as ae,PIN_AT_VAR as oe,PIN_SIDES as se,ROW_HEIGHTS as ce,ROW_MOVE_LIMIT as le,ROW_SAVE_ERROR_CLASS as ue,groupCount as de,groupItems as fe,measureRows as pe,pinAtValue as me,pinClasses as he,planPins as ge,playRowMoves as _e,rowOrderChanged as ve,saveOutcomeText as ye,settledRows as be,virtualRange as xe}from"@webority/ui-elements/elements/data-table";var Se=[`comfortable`,`cozy`,`compact`],Ce=[`auto`,`fixed`],_=()=>{try{return process.env.NODE_ENV!==`production`}catch{return!0}},v=new Set;function y(e,n){v.has(e)||!_()||(v.add(e),t(`[@webority/ui-react] <AppDataTable> ${n}`))}var we=100,Te=e=>e.id,Ee=(e,t,n)=>{let r=!!t?.(e),i=r?``:n?.(e)||``;return{state:r?`saving`:i?`error`:null,message:i}};function b(e){return e===`end`?`wui-cell-end`:e===`num`?`num`:e===`center`?`text-center`:``}function De(e){return e==null||e===``?`-`:Array.isArray(e)?u.toArray(e):typeof e==`boolean`?String(e):e}function Oe(e){if(!e||!(e.total>0))return!1;let t=e.pageSizes?.length?e.pageSizes:[e.pageSize];return e.total>Math.min(...t)}function x(t){let{columns:u,rows:_,rowKey:v=Te,sort:x,onSort:S,loading:C=!1,skeletonRows:ke=5,empty:Ae=`No records found.`,emptyFiltered:je,sourceCount:Me,rowActions:w,rowActionsLabel:Ne,pagination:T,ariaLabel:Pe,className:Fe=``,wrapperClassName:Ie=``,selectable:E=!1,selectedIds:D,isRowSelectable:O,onToggleRow:Le,onToggleAll:Re,onSelectRange:ze,renderExpanded:Be,density:k=`comfortable`,tableLayout:Ve=`auto`,striped:He=!1,flush:Ue=!1,pad:We,headerTone:Ge,rowDrag:A=!1,maxHeight:Ke,stickyFirstColumn:qe=!1,stickyActions:Je=!1,stackOnMobile:j=!1,hiddenColumns:Ye,rowStatus:Xe,rowHref:M,onRowClick:Ze,activeRowKey:Qe,resizableColumns:N=!1,viewKey:$e,groupBy:P,groupLabel:et,virtual:F=!1,rowSaving:I,rowSaveError:L,...tt}=t;r(`AppDataTable`,tt);let{style:nt,...rt}=tt,it=Ye?.length?new Set(Ye):null;u=it?u.filter(e=>!(e.hideable&&it.has(e.key))):u,n(`AppDataTable`,`density`,k,Se),n(`AppDataTable`,`tableLayout`,Ve,Ce);for(let e of u)n(`AppDataTable`,`column.pin`,e.pin,se);let at=[`table table-ledger`,k===`cozy`||k===`compact`?`wui-table-${k}`:``,He?`wui-table-striped`:``,qe?`wui-table-sticky-first`:``,Je?`wui-table-sticky-actions`:``,j?`wui-table-stack`:``,Fe].filter(Boolean).join(` `),R=typeof Be==`function`,[ot,st]=m(()=>new Set),ct=e=>st(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),lt=u.some(e=>typeof e.footer==`function`),z=typeof M==`function`||typeof Ze==`function`,ut=e=>!!e.target.closest(`a, button, input, select, textarea, label, [role='menu'], [role='menuitem'], .dropdown`),dt=(e,t)=>{if(ut(t)||(Ze&&Ze(e),!M))return;let n=M(e);n&&(t.ctrlKey||t.metaKey||t.button===1?window.open(n,`_blank`,`noopener`):window.location.assign(n))},B=Ke!==void 0,ft=[`table-wrap`,B?`wui-table-scroll`:``,Ue?`wui-table-flush`:``,Ie].filter(Boolean).join(` `),pt={maxHeight:B?Ke:void 0,"--wui-table-pad":We!=null&&!Ue?`${We}px`:void 0,"--wui-table-header-bg":Ge??void 0},mt=Object.values(pt).some(e=>e!==void 0)||nt!==void 0?{...pt,...nt}:void 0,V=Math.max(1,u.length+ +!!w+ +!!E+ +!!R),ht=u.some(e=>e.pin===`start`||e.pin===`end`),H=ht||N||!!P||F,U=+!!R+ +!!E,gt=ht?ge([...R?[`lead`]:[],...E?[`lead`]:[],...u.map(e=>e.pin===`start`||e.pin===`end`?e.pin:null),...w?[null]:[]]):[],W=(e,t=``)=>{let n=gt[e];return n?{className:`${t.trim()} ${he(n)}`.trim(),style:{[oe]:me(n.side,n.ordinal)}}:{className:t,style:void 0}},_t=(e,t)=>gt[e]?{...t,...W(e).style}:t,vt=u.length-1+ +!!w;$e&&!N&&y(`view-key`,"`viewKey` remembers resized widths: add `resizableColumns`."),F&&!B&&y(`virtual-height`,"`virtual` needs `maxHeight`: without a scroll box every row renders."),F&&(R||j)&&y(`virtual-shape`,"`virtual` takes rows of one height, so it is off with `renderExpanded` or `stackOnMobile`."),!F&&_?.length>500&&y(`rows-without-virtual`,`renders more than 500 rows without virtual: add virtual with maxHeight, or page the data.`);let G=F&&B&&!R&&!j&&!C&&_?.length>0,K=(e,t)=>!O||!!O(e,t),yt=E&&_?_.reduce((e,t,n)=>e+ +!!K(t,n),0):0,q=E&&_?_.reduce((e,t,n)=>e+(K(t,n)&&D?.has(v(t,n))?1:0),0):0,bt=yt>0&&q===yt,xt=q>0&&!bt,St=e=>{e&&(e.indeterminate=xt)},Ct=p(null),wt=(e,t)=>{let n=Ct.current;Ct.current=e;let r=t&&n!==null?_.findIndex((e,t)=>v(e,t)===n):-1,i=_.findIndex((t,n)=>v(t,n)===e);if(r<0||i<0||r===i){Le?.(e);return}let a=!D?.has(e),o=Math.min(r,i),s=_.slice(o,Math.max(r,i)+1).map((e,t)=>[e,o+t]).filter(([e,t])=>K(e,t)).map(([e,t])=>v(e,t)).filter(e=>(D?.has(e)||!1)!==a);if(ze)ze(s,a);else for(let e of s)Le?.(e)},Tt=e=>{if(!O){Re?.(e);return}(_||[]).forEach((t,n)=>{let r=v(t,n);K(t,n)&&(D?.has(r)||!1)!==e&&Le?.(r)})},[Et,Dt]=m(()=>new Set),Ot=e=>Dt(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),J=te(()=>{let e=(_||[]).map((e,t)=>({row:e,i:t}));return P?fe(e,({row:e})=>String(e[P]??``)).flatMap(e=>[{group:e,open:!Et.has(e.key)},...Et.has(e.key)?[]:e.items]):e},[_,P,Et]),Y=p(null),kt=p(null);d(()=>{let e=Y.current;if(!e)return;let t=e=>{let t=e.target.closest?.(`.u-name`);t&&!t.title&&(t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight)&&(t.title=t.textContent.trim())},n=e=>{let t=e.target.closest?.(`tbody > tr[aria-rowindex]`)?.getAttribute(`aria-rowindex`);kt.current=t?Number(t)-2:null},r=t=>{e.contains(t.relatedTarget)||(kt.current=null)};e.addEventListener(`mouseover`,t),e.addEventListener(`focusin`,t),e.addEventListener(`focusin`,n),e.addEventListener(`focusout`,r);let i=c(e);return()=>{e.removeEventListener(`mouseover`,t),e.removeEventListener(`focusin`,t),e.removeEventListener(`focusin`,n),e.removeEventListener(`focusout`,r),i()}},[H]),d(()=>{if(!A||!Y.current)return;let e=s(Y.current);return l(document),e},[A,H]);let At=p(!1);d(()=>{!At.current&&(At.current=!0,q===0)||Y.current?.querySelector(`table`)?.dispatchEvent(new CustomEvent(`selectionchange`,{bubbles:!0,detail:{selected:q,total:_?.length??0,keys:_?_.flatMap((e,t)=>{let n=v(e,t);return K(e,t)&&D?.has(n)?[String(n)]:[]}):[]}}))},[E,q]);let[jt,Mt]=m({top:0,height:0}),[X,Nt]=m(ce[k]??ce.comfortable);d(()=>{let e=Y.current;if(!G||!e)return;let t=0,n=()=>{t=0;let n=e.querySelector(`:scope > table > thead`)?.getBoundingClientRect().height||0,r={top:Math.max(0,e.scrollTop-n),height:e.clientHeight};Mt(e=>e.top===r.top&&e.height===r.height?e:r)},r=()=>{t||=requestAnimationFrame(n)};e.addEventListener(`scroll`,r,{passive:!0});let i=typeof ResizeObserver<`u`?new ResizeObserver(r):null;return i?.observe(e),n(),()=>{e.removeEventListener(`scroll`,r),i?.disconnect(),t&&cancelAnimationFrame(t)}},[G,H]),f(()=>{if(!G)return;let e=(Y.current?.querySelector(`:scope > table > tbody > tr:not(.wui-virtual-spacer, .wui-group-row)`))?.getBoundingClientRect().height;e>0&&Math.abs(e-X)>.5&&Nt(e)},[k,_?.length,F,G]);let Z={start:0,end:J.length,before:0,after:0};if(G){Z=xe({scrollTop:jt.top,viewport:jt.height||Number.parseFloat(Ke)||0,rowHeight:X,count:J.length});let e=kt.current;e!==null&&e>=0&&e<J.length&&(e<Z.start&&Z.start-e<=we&&(Z={...Z,start:e,before:e*X}),e>=Z.end&&e-Z.end<we&&(Z={...Z,end:e+1,after:(J.length-e-1)*X}))}let Pt=p(null),Ft=p(null),It=p(null),Lt=!F&&!C&&_?.length>0&&_.length<=le;f(()=>{let e=Pt.current;if(!Lt||!e){Ft.current=null,It.current=null;return}let t=_.map((e,t)=>v(e,t));ve(It.current,t)&&_e(e.rows,Ft.current),Ft.current=pe(e.rows),It.current=t});let Rt=typeof I==`function`||typeof L==`function`,zt=p(null),Bt=p(null);d(()=>{if(!Rt){Bt.current=null;return}let e=u[0]?.key,t=new Map;(_||[]).forEach((n,r)=>{let i=e===void 0?void 0:n[e],a=typeof i==`string`||typeof i==`number`?String(i):``;t.set(v(n,r),{...Ee(n,I,L),label:a})});let n=ye(be(Bt.current,t));Bt.current=t,n&&zt.current&&(zt.current.textContent=n)},[_,I,L,v]);let Vt=je!==void 0&&(Me===void 0||Me>0)?je:Ae,Ht=({group:e,open:t},n)=>{let r=e.items[0].row[P],a=e.items.map(e=>e.row);return h(`tr`,{className:`wui-group-row`,"data-group-key":e.key,"aria-rowindex":G?n+2:void 0,children:h(`th`,{className:`wui-group-cell`,scope:`rowgroup`,colSpan:V,children:g(`button`,{type:`button`,className:`wui-group-toggle`,"aria-expanded":t,onClick:()=>Ot(e.key),children:[h(i,{name:`chevron-down`,size:16}),h(`span`,{className:`wui-group-label`,children:et?et(r,a):De(r)}),h(`span`,{className:`wui-group-count`,"aria-hidden":`true`,children:de(e.items.length)}),h(`span`,{className:`visually-hidden wui-group-rows`,children:`, ${ae.rows(e.items.length)}`})]})})},`group:${e.key}`)},Ut=({row:e,i:t},n)=>{let r=v(e,t),a=R&&ot.has(r),o=Qe!=null&&String(Qe)===String(r),s=String(r).replace(/[^a-z0-9]/gi,`_`),c=W(0,`wui-expand-cell`),l=W(+!!R,`wui-select-cell`),d=Rt?Ee(e,I,L):null,f=K(e,t);return g(ee,{children:[g(`tr`,{className:[E&&f&&D?.has(r)?`is-selected`:``,z?`wui-row-link`:``,o?`wui-row-active`:``].filter(Boolean).join(` `)||void 0,"aria-current":o?`true`:void 0,"aria-rowindex":G?n+2:void 0,"aria-busy":d?.state===`saving`?`true`:void 0,"data-wui-save-state":d?.state||void 0,"data-status":Xe?.(e)||void 0,"data-href":M?.(e)||void 0,"data-row-key":A?String(r):void 0,tabIndex:z?0:void 0,onClick:z?t=>dt(e,t):void 0,onAuxClick:z&&M?t=>t.button===1&&dt(e,t):void 0,onKeyDown:z?t=>{t.key===`Enter`&&t.target===t.currentTarget&&dt(e,t)}:void 0,children:[R&&h(`td`,{className:c.className,style:c.style,children:h(`button`,{type:`button`,className:`wui-expand-toggle${a?` is-open`:``}`,"aria-expanded":a,"aria-controls":a?`${s}-expanded`:void 0,"aria-label":a?`Collapse row`:`Expand row`,onClick:()=>ct(r),children:h(i,{name:`chevron-down`,size:16})})}),E&&h(`td`,{className:l.className,style:l.style,children:h(`input`,{type:`checkbox`,className:`wui-check`,checked:f&&(D?.has(r)||!1),disabled:!f,onChange:e=>wt(r,e.nativeEvent.shiftKey),onMouseDown:e=>{e.shiftKey&&e.preventDefault()},"aria-label":`Select row`})}),u.map((t,n)=>g(`td`,{className:W(U+n,(n===0?`wui-name-cell `:``)+(t.nowrap?`text-nowrap `:``)+b(t.align)+(t.cellClassName?` ${t.cellClassName}`:``)).className,style:_t(U+n,t.cellStyle),"data-label":j&&typeof t.label==`string`?t.label:void 0,children:[t.render?t.render(e):De(e[t.key]),n===0&&d?.state===`error`&&h(`span`,{className:ue,children:d.message})]},t.key)),w&&h(`td`,{children:h(`div`,{className:`u-row-actions`,children:w(e)})})]}),a&&h(`tr`,{className:`wui-row-expanded`,children:h(`td`,{id:`${s}-expanded`,colSpan:V,children:Be(e)})})]},r)},Wt=(e,t)=>e.group?Ht(e,t):Ut(e,t),Gt=(e,t)=>G?h(`tr`,{className:`wui-virtual-spacer`,"aria-hidden":`true`,hidden:t===0,children:h(`td`,{colSpan:V,style:{height:t}})},e):null,Q=W(0,`wui-expand-cell`),$=W(+!!R,`wui-select-cell`);return g(ne,{children:[g(H?`wui-data-table`:`div`,{ref:Y,...H?{class:ft,resizable:N?``:void 0,"view-key":$e||void 0,"data-wui-row-drag":A?``:void 0}:{className:ft,"data-wui-row-drag":A?``:void 0},style:mt,tabIndex:0,...e(`AppDataTable`,t),...rt,children:[g(`table`,{className:at,"aria-label":Pe,"aria-rowcount":G?J.length+1:void 0,style:Ve===`fixed`?{tableLayout:`fixed`}:void 0,children:[h(`thead`,{children:g(`tr`,{"aria-rowindex":G?1:void 0,children:[R&&h(`th`,{className:Q.className,style:Q.style,children:h(`span`,{className:`visually-hidden`,children:`Expand`})}),E&&h(`th`,{className:$.className,style:$.style,children:h(`input`,{ref:St,type:`checkbox`,className:`wui-check`,checked:bt,onChange:e=>Tt(e.target.checked),"aria-label":`Select all rows`})}),u.map((e,t)=>{let n=!!(e.sortable&&S),r=x&&x.key===e.key,a=e.align===`num`||e.align===`end`,o=n&&h(`span`,{className:`sort-icon${a?` wui-sort-lead`:``}`,children:h(i,{name:`chevrons-up-down`,size:14})}),s=N&&t!==vt,c=e.width||e.minWidth?{width:e.width,minWidth:e.minWidth}:void 0;return g(`th`,{className:W(U+t,(n?`sortable `:``)+(t===0?`wui-name-cell `:``)+(e.nowrap?`text-nowrap `:``)+(e.grow?`wui-col-grow `:``)+(s?`wui-col-resizable `:``)+b(e.align)).className,style:_t(U+t,c),"data-key":H?e.key:void 0,"aria-label":s&&typeof e.label==`string`?e.label:void 0,"data-pin":e.pin===`start`||e.pin===`end`?e.pin:void 0,tabIndex:n?0:void 0,"aria-sort":r?x.dir===`asc`?`ascending`:`descending`:n?`none`:void 0,onClick:n?()=>S(e.key):void 0,onKeyDown:n?t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),S(e.key))}:void 0,children:[a&&o,e.label,!a&&o,s&&h(`span`,{className:`wui-col-resize`,role:`separator`,"aria-orientation":`vertical`,"aria-valuemin":ie,"aria-valuemax":re,tabIndex:0,"aria-label":ae.resize(typeof e.label==`string`?e.label:e.key)})]},e.key)}),w&&(Ne?h(`th`,{className:`wui-cell-end`,children:Ne}):h(`th`,{className:`wui-cell-end`,children:h(`span`,{className:`visually-hidden`,children:`Actions`})}))]})}),h(`tbody`,{ref:Pt,children:C?h(a,{rows:ke,cols:V}):_?.length?g(ne,{children:[Gt(`before`,Z.before),J.slice(Z.start,Z.end).map((e,t)=>Wt(e,Z.start+t)),Gt(`after`,Z.after)]}):null}),lt&&!C&&_?.length>0&&h(`tfoot`,{children:g(`tr`,{children:[R&&h(`td`,{className:Q.className,style:Q.style}),E&&h(`td`,{className:$.className,style:$.style}),u.map((e,t)=>h(`td`,{className:W(U+t,(t===0?`wui-name-cell `:``)+(e.nowrap?`text-nowrap `:``)+b(e.align)).className,style:_t(U+t,void 0),children:e.footer?e.footer(_):null},e.key)),w&&h(`td`,{})]})})]}),!C&&!_?.length&&h(`div`,{className:`tbl-empty-block`,children:typeof Vt==`string`?h(`div`,{className:`tbl-empty-plain`,children:Vt}):Vt})]}),Oe(T)&&h(o,{page:T.page,totalPages:T.totalPages,pageSize:T.pageSize,onPageChange:T.setPage,onPageSizeChange:T.setPageSize,pageSizes:T.pageSizes,mode:T.mode}),Rt&&h(`div`,{ref:zt,className:`visually-hidden`,role:`status`,"aria-live":`polite`,"data-wui-table-status":``})]})}export{x as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnInvalidValue.js";import r from"./warnUnknownProps.js";import i from"./AppIcon.js";import{AppSkeletonRows as a}from"./AppSkeleton.js";import o from"./AppTablePagination.js";import{attachRowDrag as s,attachScrollEdges as c,syncTargets as ee}from"@webority/ui-elements/helpers";import{Children as l,Fragment as te,useEffect as u,useLayoutEffect as d,useMemo as f,useRef as p,useState as m}from"react";import{Fragment as ne,jsx as h,jsxs as g}from"react/jsx-runtime";import{FORCED_STATE_CLASSES as re}from"@webority/theme/runtime";import{COLUMN_MAX_WIDTH as ie,COLUMN_MIN_WIDTH as ae,DATA_TABLE_TEXT as oe,PIN_AT_VAR as se,PIN_SIDES as ce,ROW_HEIGHTS as le,ROW_MOVE_LIMIT as ue,ROW_SAVE_ERROR_CLASS as de,groupCount as fe,groupItems as pe,measureRows as me,pinAtValue as he,pinClasses as ge,planPins as _e,playRowMoves as ve,rowOrderChanged as ye,saveOutcomeText as be,settledRows as xe,virtualRange as Se}from"@webority/ui-elements/elements/data-table";var Ce=[`comfortable`,`cozy`,`compact`],we=[`auto`,`fixed`],_=()=>{try{return process.env.NODE_ENV!==`production`}catch{return!0}},v=new Set;function y(e,n){v.has(e)||!_()||(v.add(e),t(`[@webority/ui-react] <AppDataTable> ${n}`))}var Te=100,Ee=e=>e.id,De=(e,t,n)=>{let r=!!t?.(e),i=r?``:n?.(e)||``;return{state:r?`saving`:i?`error`:null,message:i}};function Oe(e){return e===`end`?`wui-cell-end`:e===`num`?`num`:e===`center`?`text-center`:``}function ke(e){return e==null||e===``?`-`:Array.isArray(e)?l.toArray(e):typeof e==`boolean`?String(e):e}function Ae(e){if(!e||!(e.total>0))return!1;let t=e.pageSizes?.length?e.pageSizes:[e.pageSize];return e.total>Math.min(...t)}function b(t){let{columns:l,rows:_,rowKey:v=Ee,sort:b,onSort:je,loading:x=!1,skeletonRows:Me=5,empty:Ne=`No records found.`,emptyFiltered:Pe,sourceCount:Fe,rowActions:S,rowActionsLabel:Ie,pagination:C,ariaLabel:Le,className:Re=``,wrapperClassName:ze=``,selectable:w=!1,selectedIds:T,isRowSelectable:Be,onToggleRow:Ve,onToggleAll:He,onSelectRange:Ue,renderExpanded:We,density:E=`comfortable`,tableLayout:Ge=`auto`,striped:Ke=!1,flush:qe=!1,pad:Je,headerTone:Ye,rowDrag:D=!1,maxHeight:O,stickyFirstColumn:Xe=!1,stickyActions:Ze=!1,stackOnMobile:k=!1,hiddenColumns:Qe,rowStatus:$e,rowHref:A,onRowClick:et,activeRowKey:tt,hoverRowKey:nt,resizableColumns:j=!1,viewKey:rt,groupBy:M,groupLabel:it,virtual:N=!1,rowSaving:P,rowSaveError:F,...at}=t;r(`AppDataTable`,at);let{style:ot,...st}=at,ct=Qe?.length?new Set(Qe):null;l=ct?l.filter(e=>!(e.hideable&&ct.has(e.key))):l,n(`AppDataTable`,`density`,E,Ce),n(`AppDataTable`,`tableLayout`,Ge,we);for(let e of l)n(`AppDataTable`,`column.pin`,e.pin,ce);let lt=[`table table-ledger`,E===`cozy`||E===`compact`?`wui-table-${E}`:``,Ke?`wui-table-striped`:``,Xe?`wui-table-sticky-first`:``,Ze?`wui-table-sticky-actions`:``,k?`wui-table-stack`:``,Re].filter(Boolean).join(` `),I=typeof We==`function`,[ut,dt]=m(()=>new Set),ft=e=>dt(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),pt=l.some(e=>typeof e.footer==`function`),L=typeof A==`function`||typeof et==`function`,mt=e=>!!e.target.closest(`a, button, input, select, textarea, label, [role='menu'], [role='menuitem'], .dropdown`),ht=(e,t)=>{if(mt(t)||(et&&et(e),!A))return;let n=A(e);n&&(t.ctrlKey||t.metaKey||t.button===1?window.open(n,`_blank`,`noopener`):window.location.assign(n))},R=O!==void 0,gt=[`table-wrap`,R?`wui-table-scroll`:``,qe?`wui-table-flush`:``,ze].filter(Boolean).join(` `),_t={maxHeight:R?O:void 0,"--wui-table-pad":Je!=null&&!qe?`${Je}px`:void 0,"--wui-table-header-bg":Ye??void 0},vt=Object.values(_t).some(e=>e!==void 0)||ot!==void 0?{..._t,...ot}:void 0,z=Math.max(1,l.length+ +!!S+ +!!w+ +!!I),yt=l.some(e=>e.pin===`start`||e.pin===`end`),B=yt||j||!!M||N,V=+!!I+ +!!w,bt=yt?_e([...I?[`lead`]:[],...w?[`lead`]:[],...l.map(e=>e.pin===`start`||e.pin===`end`?e.pin:null),...S?[null]:[]]):[],H=(e,t=``)=>{let n=bt[e];return n?{className:`${t.trim()} ${ge(n)}`.trim(),style:{[se]:he(n.side,n.ordinal)}}:{className:t,style:void 0}},xt=(e,t)=>bt[e]?{...t,...H(e).style}:t,St=l.length-1+ +!!S;rt&&!j&&y(`view-key`,"`viewKey` remembers resized widths: add `resizableColumns`."),N&&!R&&y(`virtual-height`,"`virtual` needs `maxHeight`: without a scroll box every row renders."),N&&(I||k)&&y(`virtual-shape`,"`virtual` takes rows of one height, so it is off with `renderExpanded` or `stackOnMobile`."),!N&&_?.length>500&&y(`rows-without-virtual`,`renders more than 500 rows without virtual: add virtual with maxHeight, or page the data.`);let U=N&&R&&!I&&!k&&!x&&_?.length>0,W=(e,t)=>!Be||!!Be(e,t),Ct=w&&_?_.reduce((e,t,n)=>e+ +!!W(t,n),0):0,G=w&&_?_.reduce((e,t,n)=>e+(W(t,n)&&T?.has(v(t,n))?1:0),0):0,wt=Ct>0&&G===Ct,Tt=G>0&&!wt,Et=e=>{e&&(e.indeterminate=Tt)},Dt=p(null),Ot=(e,t)=>{let n=Dt.current;Dt.current=e;let r=t&&n!==null?_.findIndex((e,t)=>v(e,t)===n):-1,i=_.findIndex((t,n)=>v(t,n)===e);if(r<0||i<0||r===i){Ve?.(e);return}let a=!T?.has(e),o=Math.min(r,i),s=_.slice(o,Math.max(r,i)+1).map((e,t)=>[e,o+t]).filter(([e,t])=>W(e,t)).map(([e,t])=>v(e,t)).filter(e=>(T?.has(e)||!1)!==a);if(Ue)Ue(s,a);else for(let e of s)Ve?.(e)},kt=e=>{if(!Be){He?.(e);return}(_||[]).forEach((t,n)=>{let r=v(t,n);W(t,n)&&(T?.has(r)||!1)!==e&&Ve?.(r)})},[At,jt]=m(()=>new Set),Mt=e=>jt(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),K=f(()=>{let e=(_||[]).map((e,t)=>({row:e,i:t}));return M?pe(e,({row:e})=>String(e[M]??``)).flatMap(e=>[{group:e,open:!At.has(e.key)},...At.has(e.key)?[]:e.items]):e},[_,M,At]),q=p(null),J=p(null);u(()=>{let e=q.current;if(!e)return;let t=e=>{let t=e.target.closest?.(`.u-name`);t&&!t.title&&(t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight)&&(t.title=t.textContent.trim())},n=e=>{let t=e.target.closest?.(`tbody > tr[aria-rowindex]`)?.getAttribute(`aria-rowindex`);J.current=t?Number(t)-2:null},r=t=>{e.contains(t.relatedTarget)||(J.current=null)};e.addEventListener(`mouseover`,t),e.addEventListener(`focusin`,t),e.addEventListener(`focusin`,n),e.addEventListener(`focusout`,r);let i=c(e);return()=>{e.removeEventListener(`mouseover`,t),e.removeEventListener(`focusin`,t),e.removeEventListener(`focusin`,n),e.removeEventListener(`focusout`,r),i()}},[B]),u(()=>{if(!D||!q.current)return;let e=s(q.current);return ee(document),e},[D,B]);let Nt=p(!1);u(()=>{!Nt.current&&(Nt.current=!0,G===0)||q.current?.querySelector(`table`)?.dispatchEvent(new CustomEvent(`selectionchange`,{bubbles:!0,detail:{selected:G,total:_?.length??0,keys:_?_.flatMap((e,t)=>{let n=v(e,t);return W(e,t)&&T?.has(n)?[String(n)]:[]}):[]}}))},[w,G]);let[Pt,Ft]=m({top:0,height:0}),[Y,It]=m(le[E]??le.comfortable);u(()=>{let e=q.current;if(!U||!e)return;let t=0,n=()=>{t=0;let n=e.querySelector(`:scope > table > thead`)?.getBoundingClientRect().height||0,r={top:Math.max(0,e.scrollTop-n),height:e.clientHeight};Ft(e=>e.top===r.top&&e.height===r.height?e:r)},r=()=>{t||=requestAnimationFrame(n)};e.addEventListener(`scroll`,r,{passive:!0});let i=typeof ResizeObserver<`u`?new ResizeObserver(r):null;return i?.observe(e),n(),()=>{e.removeEventListener(`scroll`,r),i?.disconnect(),t&&cancelAnimationFrame(t)}},[U,B]),d(()=>{if(!U)return;let e=(q.current?.querySelector(`:scope > table > tbody > tr:not(.wui-virtual-spacer, .wui-group-row)`))?.getBoundingClientRect().height;e>0&&Math.abs(e-Y)>.5&&It(e)},[E,_?.length,N,U]);let X={start:0,end:K.length,before:0,after:0};if(U){X=Se({scrollTop:Pt.top,viewport:Pt.height||Number.parseFloat(O)||0,rowHeight:Y,count:K.length});let e=J.current;e!==null&&e>=0&&e<K.length&&(e<X.start&&X.start-e<=Te&&(X={...X,start:e,before:e*Y}),e>=X.end&&e-X.end<Te&&(X={...X,end:e+1,after:(K.length-e-1)*Y}))}let Lt=p(null),Rt=p(null),zt=p(null),Bt=!N&&!x&&_?.length>0&&_.length<=ue;d(()=>{let e=Lt.current;if(!Bt||!e){Rt.current=null,zt.current=null;return}let t=_.map((e,t)=>v(e,t));ye(zt.current,t)&&ve(e.rows,Rt.current),Rt.current=me(e.rows),zt.current=t});let Vt=typeof P==`function`||typeof F==`function`,Ht=p(null),Ut=p(null);u(()=>{if(!Vt){Ut.current=null;return}let e=l[0]?.key,t=new Map;(_||[]).forEach((n,r)=>{let i=e===void 0?void 0:n[e],a=typeof i==`string`||typeof i==`number`?String(i):``;t.set(v(n,r),{...De(n,P,F),label:a})});let n=be(xe(Ut.current,t));Ut.current=t,n&&Ht.current&&(Ht.current.textContent=n)},[_,P,F,v]);let Z=Pe!==void 0&&(Fe===void 0||Fe>0)?Pe:Ne,Wt=({group:e,open:t},n)=>{let r=e.items[0].row[M],a=e.items.map(e=>e.row);return h(`tr`,{className:`wui-group-row`,"data-group-key":e.key,"aria-rowindex":U?n+2:void 0,children:h(`th`,{className:`wui-group-cell`,scope:`rowgroup`,colSpan:z,children:g(`button`,{type:`button`,className:`wui-group-toggle`,"aria-expanded":t,onClick:()=>Mt(e.key),children:[h(i,{name:`chevron-down`,size:16}),h(`span`,{className:`wui-group-label`,children:it?it(r,a):ke(r)}),h(`span`,{className:`wui-group-count`,"aria-hidden":`true`,children:fe(e.items.length)}),h(`span`,{className:`visually-hidden wui-group-rows`,children:`, ${oe.rows(e.items.length)}`})]})})},`group:${e.key}`)},Gt=({row:e,i:t},n)=>{let r=v(e,t),a=I&&ut.has(r),o=tt!=null&&String(tt)===String(r),s=nt!=null&&String(nt)===String(r),c=String(r).replace(/[^a-z0-9]/gi,`_`),ee=H(0,`wui-expand-cell`),u=H(+!!I,`wui-select-cell`),d=Vt?De(e,P,F):null,f=W(e,t);return g(te,{children:[g(`tr`,{className:[w&&f&&T?.has(r)?`is-selected`:``,L?`wui-row-link`:``,o?`wui-row-active`:``,s?re.hover:``].filter(Boolean).join(` `)||void 0,"aria-current":o?`true`:void 0,"aria-rowindex":U?n+2:void 0,"aria-busy":d?.state===`saving`?`true`:void 0,"data-wui-save-state":d?.state||void 0,"data-status":$e?.(e)||void 0,"data-href":A?.(e)||void 0,"data-row-key":D?String(r):void 0,tabIndex:L?0:void 0,onClick:L?t=>ht(e,t):void 0,onAuxClick:L&&A?t=>t.button===1&&ht(e,t):void 0,onKeyDown:L?t=>{t.key===`Enter`&&t.target===t.currentTarget&&ht(e,t)}:void 0,children:[I&&h(`td`,{className:ee.className,style:ee.style,children:h(`button`,{type:`button`,className:`wui-expand-toggle${a?` is-open`:``}`,"aria-expanded":a,"aria-controls":a?`${c}-expanded`:void 0,"aria-label":a?`Collapse row`:`Expand row`,onClick:()=>ft(r),children:h(i,{name:`chevron-down`,size:16})})}),w&&h(`td`,{className:u.className,style:u.style,children:h(`input`,{type:`checkbox`,className:`wui-check`,checked:f&&(T?.has(r)||!1),disabled:!f,onChange:e=>Ot(r,e.nativeEvent.shiftKey),onMouseDown:e=>{e.shiftKey&&e.preventDefault()},"aria-label":`Select row`})}),l.map((t,n)=>g(`td`,{className:H(V+n,(n===0?`wui-name-cell `:``)+(t.nowrap?`text-nowrap `:``)+Oe(t.align)+(t.cellClassName?` ${t.cellClassName}`:``)).className,style:xt(V+n,t.cellStyle),"data-label":k&&typeof t.label==`string`?t.label:void 0,children:[t.render?t.render(e):ke(e[t.key]),n===0&&d?.state===`error`&&h(`span`,{className:de,children:d.message})]},t.key)),S&&h(`td`,{children:h(`div`,{className:`u-row-actions`,children:S(e)})})]}),a&&h(`tr`,{className:`wui-row-expanded`,children:h(`td`,{id:`${c}-expanded`,colSpan:z,children:We(e)})})]},r)},Kt=(e,t)=>e.group?Wt(e,t):Gt(e,t),qt=(e,t)=>U?h(`tr`,{className:`wui-virtual-spacer`,"aria-hidden":`true`,hidden:t===0,children:h(`td`,{colSpan:z,style:{height:t}})},e):null,Q=H(0,`wui-expand-cell`),$=H(+!!I,`wui-select-cell`);return g(ne,{children:[g(B?`wui-data-table`:`div`,{ref:q,...B?{class:gt,resizable:j?``:void 0,"view-key":rt||void 0,"data-wui-row-drag":D?``:void 0}:{className:gt,"data-wui-row-drag":D?``:void 0},style:vt,tabIndex:0,...e(`AppDataTable`,t),...st,children:[g(`table`,{className:lt,"aria-label":Le,"aria-rowcount":U?K.length+1:void 0,style:Ge===`fixed`?{tableLayout:`fixed`}:void 0,children:[h(`thead`,{children:g(`tr`,{"aria-rowindex":U?1:void 0,children:[I&&h(`th`,{className:Q.className,style:Q.style,children:h(`span`,{className:`visually-hidden`,children:`Expand`})}),w&&h(`th`,{className:$.className,style:$.style,children:h(`input`,{ref:Et,type:`checkbox`,className:`wui-check`,checked:wt,onChange:e=>kt(e.target.checked),"aria-label":`Select all rows`})}),l.map((e,t)=>{let n=!!(e.sortable&&je),r=b&&b.key===e.key,a=e.align===`num`||e.align===`end`,o=n&&h(`span`,{className:`sort-icon${a?` wui-sort-lead`:``}`,children:h(i,{name:`chevrons-up-down`,size:14})}),s=j&&t!==St,c=e.width||e.minWidth?{width:e.width,minWidth:e.minWidth}:void 0;return g(`th`,{className:H(V+t,(n?`sortable `:``)+(t===0?`wui-name-cell `:``)+(e.nowrap?`text-nowrap `:``)+(e.grow?`wui-col-grow `:``)+(s?`wui-col-resizable `:``)+Oe(e.align)).className,style:xt(V+t,c),"data-key":B?e.key:void 0,"aria-label":s&&typeof e.label==`string`?e.label:void 0,"data-pin":e.pin===`start`||e.pin===`end`?e.pin:void 0,tabIndex:n?0:void 0,"aria-sort":r?b.dir===`asc`?`ascending`:`descending`:n?`none`:void 0,onClick:n?()=>je(e.key):void 0,onKeyDown:n?t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),je(e.key))}:void 0,children:[a&&o,e.label,!a&&o,s&&h(`span`,{className:`wui-col-resize`,role:`separator`,"aria-orientation":`vertical`,"aria-valuemin":ae,"aria-valuemax":ie,tabIndex:0,"aria-label":oe.resize(typeof e.label==`string`?e.label:e.key)})]},e.key)}),S&&(Ie?h(`th`,{className:`wui-cell-end`,children:Ie}):h(`th`,{className:`wui-cell-end`,children:h(`span`,{className:`visually-hidden`,children:`Actions`})}))]})}),h(`tbody`,{ref:Lt,children:x?h(a,{rows:Me,cols:z}):_?.length?g(ne,{children:[qt(`before`,X.before),K.slice(X.start,X.end).map((e,t)=>Kt(e,X.start+t)),qt(`after`,X.after)]}):null}),pt&&!x&&_?.length>0&&h(`tfoot`,{children:g(`tr`,{children:[I&&h(`td`,{className:Q.className,style:Q.style}),w&&h(`td`,{className:$.className,style:$.style}),l.map((e,t)=>h(`td`,{className:H(V+t,(t===0?`wui-name-cell `:``)+(e.nowrap?`text-nowrap `:``)+Oe(e.align)).className,style:xt(V+t,void 0),children:e.footer?e.footer(_):null},e.key)),S&&h(`td`,{})]})})]}),!x&&!_?.length&&h(`div`,{className:`tbl-empty-block`,children:typeof Z==`string`?h(`div`,{className:`tbl-empty-plain`,children:Z}):Z})]}),Ae(C)&&h(o,{page:C.page,totalPages:C.totalPages,pageSize:C.pageSize,onPageChange:C.setPage,onPageSizeChange:C.setPageSize,pageSizes:C.pageSizes,mode:C.mode}),Vt&&h(`div`,{ref:Ht,className:`visually-hidden`,role:`status`,"aria-live":`polite`,"data-wui-table-status":``})]})}export{b as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import ee from"../lib/FieldMessage.js";import te from"./AppPopover.js";import ne from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import{MASK_INPUT_TYPES as re,MASK_NAMES as ie,attachInputMask as ae,evaluatePassword as oe,formatMasked as a,isMaskPattern as se,postedMasked as ce}from"@webority/ui-elements/helpers";import{forwardRef as o,useEffect as s,useId as le,useRef as c,useState as l}from"react";import{Form as u}from"react-bootstrap";import{jsx as d,jsxs as f}from"react/jsx-runtime";var ue=[`sm`,`md`,`lg`,`xl`],de=[`bare`],fe=[`off`,`border`,`above`],pe=[`off`,`shown`],p=o(function(o,p){let{label:m,required:h=!1,error:me,hint:he,help:g,helpLabel:ge=`More information`,type:_=`text`,size:v=`md`,leftIcon:y,rightIcon:b,onRightIconClick:x,rightIconLabel:_e,unit:S,id:ve,name:ye,className:be=``,fieldClassName:C=``,disabled:w=!1,clearable:T=!1,showCount:E=!1,maxLength:D,prefix:O,suffix:k,action:A,floatingLabel:j=`off`,variant:M,passwordRequirements:N=`off`,passwordPolicy:xe,requirementsPlacement:P=`auto`,mask:F,postFormatted:I=!1,onMaskChange:L,"data-canvas":Se,...R}=o;n(`AppInput`,R),t(`AppInput`,`size`,v,ue),t(`AppInput`,`variant`,M,de),t(`AppInput`,`floatingLabel`,j,fe),t(`AppInput`,`passwordRequirements`,N,pe),F!=null&&!se(F)&&t(`AppInput`,`mask`,F,ie),F!=null&&t(`AppInput`,`type`,_,re);let[z,Ce]=l(!1),[we,Te]=l(``),B=me||we,Ee=le(),V=ve||Ee,H=_===`password`,De=H&&z?`text`:_,U=c(null),Oe=e=>{U.current=e,typeof p==`function`?p(e):p&&(p.current=e)},W=String(R.value??R.defaultValue??``),[ke,G]=l(()=>!!W),[K,q]=l(()=>W.length),Ae=T&&!w,J=T||E,Y=H&&N===`shown`,[je,Me]=l(W);s(()=>{!Y||R.value===void 0||Me(String(R.value??``))},[R.value,Y]),s(()=>{if(!J||R.value===void 0)return;let e=String(R.value??``);G(!!e),q(e.length)},[R.value,J]);let Ne=e=>{G(!!e.target.value),q(e.target.value.length),R.onInput?.(e)},Pe=e=>{Y&&Me(e.target.value),J?Ne(e):R.onInput?.(e)},Fe=F?{...R.value!==void 0&&{value:a(F,R.value)},...R.defaultValue!==void 0&&{defaultValue:a(F,R.defaultValue)}}:null,Ie=c(L);Ie.current=L,s(()=>{let e=U.current;if(!(!F||!e))return ae(e,{mask:F,postFormatted:I,onChange:(e,t)=>Ie.current?.(e,t),onInvalidChange:Te})},[F,I]);let Le=e=>F&&!I&&e?t=>{let n=t.target,r=new Proxy(n,{get:(e,t)=>{if(t===`value`)return ce(F,e.value);let n=Reflect.get(e,t,e);return typeof n==`function`?n.bind(e):n}});e(Object.create(t,{target:{value:r}}))}:e,Re=Ae?d(`button`,{type:`button`,className:`input-clear`,onClick:()=>{let e=U.current;if(!e)return;let t=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set;t?t.call(e,``):e.value=``,e.dispatchEvent(new Event(`input`,{bubbles:!0})),G(!1),e.focus()},"aria-label":`Clear`,tabIndex:-1,hidden:!ke,children:d(r,{name:`x`,size:16})}):null,ze=B&&V?`${V}-error`:void 0,Be=he&&V?`${V}-hint`:void 0,X=Y&&P===`inline`,Ve=X&&V?`${V}-requirements`:void 0,He=ze||(X?Ve:Be),Ue=[`input`,v===`sm`?`input-sm`:``,v===`lg`?`input-lg`:``,v===`xl`?`wui-input-xl`:``,B?`error`:``,H?`pw`:``,S?`num-input`:``,!(j!==`off`&&m||O||k||S||H||b)&&T&&Ae?`has-clear`:``,M===`bare`?`input-bare`:``,be].filter(Boolean).join(` `),Z=d(u.Control,{id:V,name:ye,type:De,className:Ue,disabled:w,required:h,"aria-invalid":B?`true`:`false`,"aria-describedby":He,maxLength:D,...R,onChange:Le(R.onChange),onBlur:Le(R.onBlur),...Fe,placeholder:j===`off`?R.placeholder:` `,ref:Oe,onInput:J||Y?Pe:R.onInput}),Q=xe??!0,We=Q&&typeof Q==`object`&&Q.title||`Password requirements`,Ge=Y?oe(je,Q):null,Ke=Y?d(`ul`,{className:`pw-criteria`,"aria-live":`polite`,id:Ve,"aria-label":X?We:void 0,children:Ge.map(e=>f(`li`,{className:`pw-rule ${e.met?`met`:`unmet`}`,children:[d(`span`,{className:`pw-mark`,"aria-hidden":`true`}),d(`span`,{className:`pw-rule-text`,children:e.label}),d(`span`,{className:`visually-hidden`,children:e.met?`: met`:`: not met`})]},e.key))}):null,$;if(j!==`off`&&m&&!H)$=f(`div`,{className:j===`above`?`field-float wui-float-above`:`field-float`,children:[Z,f(`label`,{className:`float-label`,htmlFor:V,children:[m,h&&d(i,{})]})]});else if(A)$=f(`div`,{className:`input-action-row`,children:[f(`div`,{className:y?`input-icon`:`input-wrap`,children:[y&&d(`span`,{className:`ic`,children:d(r,{name:y,size:16})}),Z]}),d(`div`,{className:`input-action`,children:A})]});else if(O||k)$=f(`div`,{className:`input-affixed`,children:[O!=null&&d(`span`,{className:`affix affix-pre`,children:O}),Z,k!=null&&d(`span`,{className:`affix affix-suf`,children:k})]});else if(S)$=f(`div`,{className:`input-with-unit`,children:[Z,d(`span`,{className:`unit`,children:S})]});else if(H){let e=f(`button`,{type:`button`,className:`pw-toggle${z?` pw-revealed`:``}`,onClick:()=>Ce(e=>!e),"aria-label":z?`Hide password`:`Show password`,tabIndex:-1,children:[d(r,{name:`eye`,size:18,className:`pw-eye`}),d(r,{name:`eye-off`,size:18,className:`pw-eye-off`})]}),t=j!==`off`&&m?d(`div`,{className:j===`above`?`field-float wui-float-above`:`field-float`,children:f(`div`,{className:`input-wrap`,children:[Z,e,f(`label`,{className:`float-label`,htmlFor:V,children:[m,h&&d(i,{})]})]})}):f(`div`,{className:y?`input-icon`:`input-wrap`,children:[y&&d(`span`,{className:`ic`,children:d(r,{name:y,size:16})}),Z,e]});$=Y&&!X?d(te,{trigger:t,triggerType:`focus`,placement:P,title:We,className:`pw-popover`,children:Ke}):t}else $=b?f(`div`,{className:`input-wrap`,children:[Z,d(`button`,{type:`button`,className:`pw-toggle`,onClick:x,disabled:!x,tabIndex:-1,"aria-label":_e||b,children:d(r,{name:b,size:18})})]}):T?f(`div`,{className:y?`input-icon`:`input-wrap`,children:[y&&d(`span`,{className:`ic`,children:d(r,{name:y,size:16})}),Z,Re]}):y?f(`div`,{className:`input-icon`,children:[d(`span`,{className:`ic`,children:d(r,{name:y,size:16})}),Z]}):Z;return f(u.Group,{...e(`AppInput`,o),className:`field${C?` ${C}`:``}`,children:[m&&j===`off`&&f(u.Label,{className:`label`,htmlFor:V,children:[m,h&&d(i,{}),g&&d(ne,{label:ge,children:g})]}),$,X&&d(`div`,{className:`wui-pw-inline`,children:Ke}),d(ee,{error:B,hint:X?null:he,errorId:ze,hintId:Be}),E&&f(`div`,{className:`field-count${D&&K>=D?` at-limit`:``}`,children:[K,D?` / ${D}`:``]})]})});export{p as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import ee from"../lib/FieldMessage.js";import te from"./AppPopover.js";import ne from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import{MASK_INPUT_TYPES as re,MASK_NAMES as ie,attachInputMask as ae,evaluatePassword as oe,formatMasked as a,isMaskPattern as se,postedMasked as ce}from"@webority/ui-elements/helpers";import{forwardRef as o,useEffect as s,useId as le,useRef as c,useState as l}from"react";import{Form as u}from"react-bootstrap";import{jsx as d,jsxs as f}from"react/jsx-runtime";var ue=[`sm`,`md`,`lg`,`xl`],de=[`bare`],fe=[`off`,`border`,`above`],pe=[`off`,`shown`],p=o(function(o,p){let{label:m,required:h=!1,error:me,hint:g,help:_,helpLabel:he=`More information`,type:v=`text`,size:y=`md`,leftIcon:b,rightIcon:x,onRightIconClick:ge,rightIconLabel:_e,unit:S,id:ve,name:ye,className:be=``,fieldClassName:C=``,disabled:w=!1,readOnly:T=!1,clearable:E=!1,showCount:D=!1,maxLength:O,prefix:k,suffix:A,action:j,floatingLabel:M=`off`,variant:N,passwordRequirements:P=`off`,passwordPolicy:xe,requirementsPlacement:F=`auto`,mask:I,postFormatted:L=!1,onMaskChange:R,"data-canvas":Se,...z}=o;n(`AppInput`,z),t(`AppInput`,`size`,y,ue),t(`AppInput`,`variant`,N,de),t(`AppInput`,`floatingLabel`,M,fe),t(`AppInput`,`passwordRequirements`,P,pe),I!=null&&!se(I)&&t(`AppInput`,`mask`,I,ie),I!=null&&t(`AppInput`,`type`,v,re);let[B,Ce]=l(!1),[we,Te]=l(``),V=me||we,Ee=le(),H=ve||Ee,U=v===`password`,De=U&&B?`text`:v,W=c(null),Oe=e=>{W.current=e,typeof p==`function`?p(e):p&&(p.current=e)},G=String(z.value??z.defaultValue??``),[ke,K]=l(()=>!!G),[Ae,je]=l(()=>G.length),Me=E&&!w&&!T,q=E||D,J=U&&P===`shown`,[Ne,Pe]=l(G);s(()=>{!J||z.value===void 0||Pe(String(z.value??``))},[z.value,J]),s(()=>{if(!q||z.value===void 0)return;let e=String(z.value??``);K(!!e),je(e.length)},[z.value,q]);let Fe=e=>{K(!!e.target.value),je(e.target.value.length),z.onInput?.(e)},Ie=e=>{J&&Pe(e.target.value),q?Fe(e):z.onInput?.(e)},Le=I?{...z.value!==void 0&&{value:a(I,z.value)},...z.defaultValue!==void 0&&{defaultValue:a(I,z.defaultValue)}}:null,Re=c(R);Re.current=R,s(()=>{let e=W.current;if(!(!I||!e))return ae(e,{mask:I,postFormatted:L,onChange:(e,t)=>Re.current?.(e,t),onInvalidChange:Te})},[I,L]);let Y=e=>I&&!L&&e?t=>{let n=t.target,r=new Proxy(n,{get:(e,t)=>{if(t===`value`)return ce(I,e.value);let n=Reflect.get(e,t,e);return typeof n==`function`?n.bind(e):n}});e(Object.create(t,{target:{value:r}}))}:e,ze=Me?d(`button`,{type:`button`,className:`input-clear`,onClick:()=>{let e=W.current;if(!e)return;let t=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set;t?t.call(e,``):e.value=``,e.dispatchEvent(new Event(`input`,{bubbles:!0})),K(!1),e.focus()},"aria-label":`Clear`,tabIndex:-1,hidden:!ke,children:d(r,{name:`x`,size:16})}):null,Be=V&&H?`${H}-error`:void 0,Ve=g&&H?`${H}-hint`:void 0,X=J&&F===`inline`,He=X&&H?`${H}-requirements`:void 0,Ue=Be||(X?He:Ve),We=[`input`,y===`sm`?`input-sm`:``,y===`lg`?`input-lg`:``,y===`xl`?`wui-input-xl`:``,V?`error`:``,U?`pw`:``,S?`num-input`:``,!(M!==`off`&&m||k||A||S||U||x)&&E&&Me?`has-clear`:``,N===`bare`?`input-bare`:``,be].filter(Boolean).join(` `),Z=d(u.Control,{id:H,name:ye,type:De,className:We,disabled:w,readOnly:T,required:h,"aria-invalid":V?`true`:`false`,"aria-describedby":Ue,maxLength:O,...z,onChange:Y(z.onChange),onBlur:Y(z.onBlur),...Le,placeholder:M===`off`?z.placeholder:` `,ref:Oe,onInput:q||J?Ie:z.onInput}),Q=xe??!0,Ge=Q&&typeof Q==`object`&&Q.title||`Password requirements`,Ke=J?oe(Ne,Q):null,qe=J?d(`ul`,{className:`pw-criteria`,"aria-live":`polite`,id:He,"aria-label":X?Ge:void 0,children:Ke.map(e=>f(`li`,{className:`pw-rule ${e.met?`met`:`unmet`}`,children:[d(`span`,{className:`pw-mark`,"aria-hidden":`true`}),d(`span`,{className:`pw-rule-text`,children:e.label}),d(`span`,{className:`visually-hidden`,children:e.met?`: met`:`: not met`})]},e.key))}):null,$;if(M!==`off`&&m&&!U)$=f(`div`,{className:M===`above`?`field-float wui-float-above`:`field-float`,children:[Z,f(`label`,{className:`float-label`,htmlFor:H,children:[m,h&&d(i,{})]})]});else if(j)$=f(`div`,{className:`input-action-row`,children:[f(`div`,{className:b?`input-icon`:`input-wrap`,children:[b&&d(`span`,{className:`ic`,children:d(r,{name:b,size:16})}),Z]}),d(`div`,{className:`input-action`,children:j})]});else if(k||A)$=f(`div`,{className:`input-affixed`,children:[k!=null&&d(`span`,{className:`affix affix-pre`,children:k}),Z,A!=null&&d(`span`,{className:`affix affix-suf`,children:A})]});else if(S)$=f(`div`,{className:`input-with-unit`,children:[Z,d(`span`,{className:`unit`,children:S})]});else if(U){let e=f(`button`,{type:`button`,className:`pw-toggle${B?` pw-revealed`:``}`,onClick:()=>Ce(e=>!e),"aria-label":B?`Hide password`:`Show password`,tabIndex:-1,children:[d(r,{name:`eye`,size:18,className:`pw-eye`}),d(r,{name:`eye-off`,size:18,className:`pw-eye-off`})]}),t=M!==`off`&&m?d(`div`,{className:M===`above`?`field-float wui-float-above`:`field-float`,children:f(`div`,{className:`input-wrap`,children:[Z,e,f(`label`,{className:`float-label`,htmlFor:H,children:[m,h&&d(i,{})]})]})}):f(`div`,{className:b?`input-icon`:`input-wrap`,children:[b&&d(`span`,{className:`ic`,children:d(r,{name:b,size:16})}),Z,e]});$=J&&!X?d(te,{trigger:t,triggerType:`focus`,placement:F,title:Ge,className:`pw-popover`,children:qe}):t}else $=x?f(`div`,{className:`input-wrap`,children:[Z,d(`button`,{type:`button`,className:`pw-toggle`,onClick:ge,disabled:!ge,tabIndex:-1,"aria-label":_e||x,children:d(r,{name:x,size:18})})]}):E?f(`div`,{className:b?`input-icon`:`input-wrap`,children:[b&&d(`span`,{className:`ic`,children:d(r,{name:b,size:16})}),Z,ze]}):b?f(`div`,{className:`input-icon`,children:[d(`span`,{className:`ic`,children:d(r,{name:b,size:16})}),Z]}):Z;return f(u.Group,{...e(`AppInput`,o),className:`field${C?` ${C}`:``}`,children:[m&&M===`off`&&f(u.Label,{className:`label`,htmlFor:H,children:[m,h&&d(i,{}),_&&d(ne,{label:he,children:_})]}),$,X&&d(`div`,{className:`wui-pw-inline`,children:qe}),d(ee,{error:V,hint:X?null:g,errorId:Be,hintId:Ve}),D&&f(`div`,{className:`field-count${O&&Ae>=O?` at-limit`:``}`,children:[Ae,O?` / ${O}`:``]})]})});export{p as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import i from"../lib/FieldMessage.js";import a from"./AppInfoTip.js";import o from"./AppRequiredMark.js";import{forwardRef as s,useEffect as c,useId as l,useState as u}from"react";import{Form as d}from"react-bootstrap";import{jsx as f,jsxs as p}from"react/jsx-runtime";var m=[`sm`,`md`,`lg`],h=e=>{if(e===``||e===null)return null;let t=parseFloat(e);return Number.isNaN(t)?null:t},g=(e,t)=>t>0&&Number.isFinite(e)?e.toFixed(t):String(e??``),_=s(function(s,_){let{label:v,required:y=!1,error:b,hint:x,help:S,helpLabel:C=`More information`,value:w,onChange:T,min:E,max:D,step:O=1,precision:k=0,unit:A,size:j=`md`,id:M,name:N,className:P=``,fieldClassName:F=``,disabled:I=!1,"data-canvas":ee,...L}=s;n(`AppNumberInput`,L),t(`AppNumberInput`,`size`,j,m);let R=l(),z=M||R,B=e=>{if(k===0)return Math.round(e);let t=10**k;return Math.round(e*t)/t},V=e=>{let t=e;return typeof E==`number`&&(t=Math.max(t,E)),typeof D==`number`&&(t=Math.min(t,D)),t},H=e=>g(e,k),[U,W]=u(()=>H(w));c(()=>{W(e=>h(e)===(w??null)?e:g(w,k))},[w,k]);let G=e=>{let t=(h(U)??V(0))+e*O,n=V(B(t));W(H(n)),T?.(n)},K=h(U),q=I||K!==null&&typeof E==`number`&&K<=E,J=I||K!==null&&typeof D==`number`&&K>=D,Y=b&&z?`${z}-error`:void 0,X=x&&z?`${z}-hint`:void 0,Z=Y||X,Q=[`input`,j===`sm`?`input-sm`:``,j===`lg`?`input-lg`:``,b?`error`:``,`num-input`,P].filter(Boolean).join(` `),$=RegExp(`^${typeof E==`number`&&E>=0?``:`-?`}\\d*${k>0?`(\\.\\d*)?`:``}$`),te=e=>{let t=e.target.value;if(!$.test(t))return;W(t);let n=h(t);n!==null&&T?.(n)},ne=e=>{let t=h(e.target.value);if(t===null)W(``),T?.(null);else{let e=V(B(t));W(H(e)),T?.(e)}L.onBlur?.(e)},re=e=>{e.key===`ArrowUp`?(e.preventDefault(),G(1)):e.key===`ArrowDown`&&(e.preventDefault(),G(-1)),L.onKeyDown?.(e)},ie=f(d.Control,{...L,id:z,name:N,type:`text`,inputMode:k>0?`decimal`:`numeric`,className:Q,disabled:I,required:y,"aria-invalid":b?`true`:`false`,"aria-describedby":Z,value:U,ref:_,onChange:te,onBlur:ne,onKeyDown:re}),ae=p(`div`,{className:[`num-wrap`,j===`sm`?`num-wrap-sm`:``,j===`lg`?`num-wrap-lg`:``].filter(Boolean).join(` `),children:[f(`button`,{type:`button`,className:`num-btn`,"aria-label":`Decrease`,tabIndex:-1,disabled:q,onClick:()=>G(-1),children:f(r,{name:`minus`,size:16})}),ie,A&&f(`span`,{className:`affix`,children:A}),f(`button`,{type:`button`,className:`num-btn`,"aria-label":`Increase`,tabIndex:-1,disabled:J,onClick:()=>G(1),children:f(r,{name:`plus`,size:16})})]});return p(d.Group,{...e(`AppNumberInput`,s),className:`field${F?` ${F}`:``}`,children:[v&&p(d.Label,{className:`label`,htmlFor:z,children:[v,y&&f(o,{}),S&&f(a,{label:C,children:S})]}),ae,f(i,{error:b,hint:x,errorId:Y,hintId:X})]})});export{_ as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import i from"../lib/FieldMessage.js";import a from"./AppInfoTip.js";import o from"./AppRequiredMark.js";import{forwardRef as s,useEffect as c,useId as l,useState as u}from"react";import{Form as d}from"react-bootstrap";import{jsx as f,jsxs as p}from"react/jsx-runtime";var m=[`sm`,`md`,`lg`],h=e=>{if(e===``||e===null)return null;let t=parseFloat(e);return Number.isNaN(t)?null:t},g=(e,t)=>t>0&&Number.isFinite(e)?e.toFixed(t):String(e??``),_=s(function(s,_){let{label:v,required:y=!1,error:b,hint:x,help:S,helpLabel:C=`More information`,value:w,onChange:T,min:E,max:D,step:O=1,precision:k=0,unit:A,size:j=`md`,id:M,name:N,className:P=``,fieldClassName:F=``,disabled:I=!1,readOnly:L=!1,"data-canvas":ee,...R}=s;n(`AppNumberInput`,R),t(`AppNumberInput`,`size`,j,m);let z=l(),B=M||z,V=e=>{if(k===0)return Math.round(e);let t=10**k;return Math.round(e*t)/t},H=e=>{let t=e;return typeof E==`number`&&(t=Math.max(t,E)),typeof D==`number`&&(t=Math.min(t,D)),t},U=e=>g(e,k),[W,G]=u(()=>U(w));c(()=>{G(e=>h(e)===(w??null)?e:g(w,k))},[w,k]);let K=e=>{let t=(h(W)??H(0))+e*O,n=H(V(t));G(U(n)),T?.(n)},q=h(W),J=I||L||q!==null&&typeof E==`number`&&q<=E,Y=I||L||q!==null&&typeof D==`number`&&q>=D,X=b&&B?`${B}-error`:void 0,Z=x&&B?`${B}-hint`:void 0,Q=X||Z,$=[`input`,j===`sm`?`input-sm`:``,j===`lg`?`input-lg`:``,b?`error`:``,`num-input`,P].filter(Boolean).join(` `),te=RegExp(`^${typeof E==`number`&&E>=0?``:`-?`}\\d*${k>0?`(\\.\\d*)?`:``}$`),ne=e=>{let t=e.target.value;if(!te.test(t))return;G(t);let n=h(t);n!==null&&T?.(n)},re=e=>{if(L){R.onBlur?.(e);return}let t=h(e.target.value);if(t===null)G(``),T?.(null);else{let e=H(V(t));G(U(e)),T?.(e)}R.onBlur?.(e)},ie=e=>{if(L){R.onKeyDown?.(e);return}e.key===`ArrowUp`?(e.preventDefault(),K(1)):e.key===`ArrowDown`&&(e.preventDefault(),K(-1)),R.onKeyDown?.(e)},ae=f(d.Control,{...R,id:B,name:N,type:`text`,inputMode:k>0?`decimal`:`numeric`,className:$,disabled:I,readOnly:L,required:y,"aria-invalid":b?`true`:`false`,"aria-describedby":Q,value:W,ref:_,onChange:ne,onBlur:re,onKeyDown:ie}),oe=p(`div`,{className:[`num-wrap`,j===`sm`?`num-wrap-sm`:``,j===`lg`?`num-wrap-lg`:``].filter(Boolean).join(` `),children:[f(`button`,{type:`button`,className:`num-btn`,"aria-label":`Decrease`,tabIndex:-1,disabled:J,onClick:()=>K(-1),children:f(r,{name:`minus`,size:16})}),ae,A&&f(`span`,{className:`affix`,children:A}),f(`button`,{type:`button`,className:`num-btn`,"aria-label":`Increase`,tabIndex:-1,disabled:Y,onClick:()=>K(1),children:f(r,{name:`plus`,size:16})})]});return p(d.Group,{...e(`AppNumberInput`,s),className:`field${F?` ${F}`:``}`,children:[v&&p(d.Label,{className:`label`,htmlFor:B,children:[v,y&&f(o,{}),S&&f(a,{label:C,children:S})]}),oe,f(i,{error:b,hint:x,errorId:X,hintId:Z})]})});export{_ as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import i from"./warnDeprecatedValue.js";import{useEffect as a,useId as o,useLayoutEffect as s,useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d={sm:`segmented-sm`,md:``,lg:`segmented-lg`},f={xl:{use:`lg`,removeIn:`0.83.0`}};function p(p){let{options:m=[],value:h,onChange:g,label:_,name:v,size:y=`md`,fullWidth:b=!1,bordered:x=!0,disabled:S=!1,labelVisible:C=!1,className:w=``,"data-canvas":T,...E}=p;n(`AppSegmented`,E),i(`AppSegmented`,`size`,y,f);let D=f[y]?.use??y;t(`AppSegmented`,`size`,D,Object.keys(d));let O=o(),k=v||O,A=c(null),j=c(null),M=[`segmented`,d[D]??``,b?`segmented-full`:``,x?``:`wui-segmented-borderless`,S?`is-disabled`:``,w].filter(Boolean).join(` `);s(()=>{let e=A.current,t=j.current;if(!e||!t)return;let n=n=>{let r=e.querySelector(`.segmented-option:has(.segmented-input:checked)`);if(!r||!e.offsetWidth){t.style.opacity=`0`;return}n||e.classList.remove(`is-animated`),t.style.width=`${r.offsetWidth}px`,t.style.transform=`translateX(${r.offsetLeft}px)`,t.style.opacity=`1`,n||requestAnimationFrame(()=>A.current?.classList.add(`is-animated`))};n(!0);let r=typeof ResizeObserver<`u`?new ResizeObserver(()=>n(!1)):null;return r?.observe(e),()=>r?.disconnect()},[h,m,y,b,C]),a(()=>{let e=requestAnimationFrame(()=>A.current?.classList.add(`is-animated`));return()=>cancelAnimationFrame(e)},[]);let N=C&&_,P=e(`AppSegmented`,p),F=u(`div`,{ref:A,className:M,role:`radiogroup`,"aria-label":_,"aria-disabled":S||void 0,...N?void 0:P,...E,children:[l(`span`,{className:`segmented-thumb`,ref:j,"aria-hidden":`true`}),m.map(e=>u(`label`,{className:`segmented-option`,children:[l(`input`,{type:`radio`,className:`segmented-input`,name:k,value:e.value,checked:e.value===h,disabled:S||e.disabled,onChange:()=>g?.(e.value)}),e.icon&&l(r,{name:e.icon,size:13}),e.note?u(`span`,{className:`segmented-option-text`,children:[l(`span`,{className:`segmented-option-label`,children:e.label}),l(`span`,{className:`segmented-option-note`,children:e.note})]}):e.label,e.count!=null&&l(`span`,{className:`wui-segmented-option-count`,children:e.count})]},e.value))]},`group`);return N?u(`div`,{className:`field`,...P,children:[l(`span`,{className:`label`,"aria-hidden":`true`,children:_}),F]},`field`):F}export{p as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{useEffect as i,useId as a,useLayoutEffect as o,useRef as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";var u={sm:`segmented-sm`,md:``,lg:`segmented-lg`};function d(d){let{options:f=[],value:p,onChange:m,label:h,name:g,size:_=`md`,fullWidth:v=!1,bordered:y=!0,disabled:b=!1,labelVisible:x=!1,className:S=``,"data-canvas":C,...w}=d;n(`AppSegmented`,w),t(`AppSegmented`,`size`,_,Object.keys(u));let T=a(),E=g||T,D=s(null),O=s(null),k=[`segmented`,u[_]??``,v?`segmented-full`:``,y?``:`wui-segmented-borderless`,b?`is-disabled`:``,S].filter(Boolean).join(` `);o(()=>{let e=D.current,t=O.current;if(!e||!t)return;let n=n=>{let r=e.querySelector(`.segmented-option:has(.segmented-input:checked)`);if(!r||!e.offsetWidth){t.style.opacity=`0`;return}n||e.classList.remove(`is-animated`),t.style.width=`${r.offsetWidth}px`,t.style.transform=`translateX(${r.offsetLeft}px)`,t.style.opacity=`1`,n||requestAnimationFrame(()=>D.current?.classList.add(`is-animated`))};n(!0);let r=typeof ResizeObserver<`u`?new ResizeObserver(()=>n(!1)):null;return r?.observe(e),()=>r?.disconnect()},[p,f,_,v,x]),i(()=>{let e=requestAnimationFrame(()=>D.current?.classList.add(`is-animated`));return()=>cancelAnimationFrame(e)},[]);let A=x&&h,j=e(`AppSegmented`,d),M=l(`div`,{ref:D,className:k,role:`radiogroup`,"aria-label":h,"aria-disabled":b||void 0,...A?void 0:j,...w,children:[c(`span`,{className:`segmented-thumb`,ref:O,"aria-hidden":`true`}),f.map(e=>l(`label`,{className:`segmented-option`,children:[c(`input`,{type:`radio`,className:`segmented-input`,name:E,value:e.value,checked:e.value===p,disabled:b||e.disabled,onChange:()=>m?.(e.value)}),e.icon&&c(r,{name:e.icon,size:13}),e.note?l(`span`,{className:`segmented-option-text`,children:[c(`span`,{className:`segmented-option-label`,children:e.label}),c(`span`,{className:`segmented-option-note`,children:e.note})]}):e.label,e.count!=null&&c(`span`,{className:`wui-segmented-option-count`,children:e.count})]},e.value))]},`group`);return A?l(`div`,{className:`field`,...j,children:[c(`span`,{className:`label`,"aria-hidden":`true`,children:h}),M]},`field`):M}export{d as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import ee from"../lib/FieldMessage.js";import r from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import te from"./useNodeLabels.js";import a,{optionsEqual as o}from"./useWuiControl.js";import{forwardRef as s,useId as ne,useLayoutEffect as re,useRef as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/select";var f=[`sm`,`lg`,`xl`],p=[`off`,`border`,`above`],m=(e,t)=>({value:e.value,label:t,icon:e.icon}),h=s(function(s,h){let{value:g,onChange:_,options:v=[],placeholder:y=`Select...`,searchPlaceholder:ie=`Search...`,searchable:ae=!1,clearable:oe=!1,size:b,icon:se,prefix:x,suffix:S,floatingLabel:C=`off`,disabled:w,label:T,required:E=!1,error:D,hint:O,help:k,helpLabel:A=`More information`,id:j,name:M,className:N=``,fieldClassName:P=``,"aria-label":F,"aria-labelledby":I,"aria-describedby":L,"data-canvas":ce,...R}=s;n(`AppSelect`,R),t(`AppSelect`,`size`,b,f),t(`AppSelect`,`floatingLabel`,C,p);let z=ne(),{setRef:B,innerRef:V}=a({ref:h,value:g??``,onChange:_}),{portal:H,toElementOptions:U}=te(v),W=c({el:null,options:null,map:null});re(()=>{let e=V.current;if(!e||W.current.el===e&&W.current.options===v&&W.current.map===U)return;W.current={el:e,options:v,map:U};let t=U(v,m);o(t,e.options)||(e.options=t)});let G=j||z,K=C!==`off`&&T,q=D&&G?`${G}-error`:void 0,J=O&&G?`${G}-hint`:void 0,le=q||J||L,Y=!K&&(x!=null||S!=null),X=!T&&!D&&!O,Z=e(`AppSelect`,s),Q=d(l,{children:[u(`wui-select`,{"aria-label":F||(typeof T==`string`?T:void 0),"aria-labelledby":I||void 0,"aria-describedby":le||void 0,"aria-invalid":D?`true`:void 0,ref:B,value:g||void 0,id:G,name:M,placeholder:C!==`off`&&T?` `:y,"search-placeholder":ie,searchable:ae?``:void 0,clearable:oe?``:void 0,size:b||void 0,icon:se||void 0,disabled:w?``:void 0,required:E?``:void 0,className:N||void 0,...X&&!Y?Z:null,...R}),H]}),$=Y?d(`div`,{...X?Z:null,className:`input-affixed`,children:[x!=null&&u(`span`,{className:`affix affix-pre`,children:x}),Q,S!=null&&u(`span`,{className:`affix affix-suf`,children:S})]}):Q;if(X)return $;let ue=[`field`,P].filter(Boolean).join(` `);return d(`div`,{...Z,className:ue,children:[T&&!K&&d(`label`,{className:`label`,htmlFor:G,children:[T,E&&u(i,{}),k&&u(r,{label:A,children:k})]}),K?d(`div`,{className:C===`above`?`field-float wui-float-above`:`field-float`,children:[Q,d(`label`,{className:`float-label`,htmlFor:G,children:[T,E&&u(i,{})]})]}):$,u(ee,{error:D,hint:O,errorId:q,hintId:J})]})});export{h as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import ee from"../lib/FieldMessage.js";import r from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import a from"./useNodeLabels.js";import o,{optionsEqual as s}from"./useWuiControl.js";import{forwardRef as c,useId as te,useLayoutEffect as ne,useRef as re}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/select";var f=[`sm`,`lg`,`xl`],p=[`off`,`border`,`above`],m=(e,t)=>({value:e.value,label:t,icon:e.icon}),h=c(function(c,h){let{value:g,onChange:_,options:v=[],placeholder:ie=`Select...`,searchPlaceholder:ae=`Search...`,searchable:oe=!1,clearable:se=!1,size:y,icon:ce,prefix:b,suffix:x,floatingLabel:S=`off`,disabled:C,open:w,label:T,required:E=!1,error:D,hint:O,help:k,helpLabel:A=`More information`,id:j,name:M,className:N=``,fieldClassName:P=``,"aria-label":F,"aria-labelledby":I,"aria-describedby":L,"data-canvas":le,...R}=c;n(`AppSelect`,R),t(`AppSelect`,`size`,y,f),t(`AppSelect`,`floatingLabel`,S,p);let z=te(),{setRef:B,innerRef:V}=o({ref:h,value:g??``,onChange:_}),{portal:H,toElementOptions:U}=a(v),W=re({el:null,options:null,map:null});ne(()=>{let e=V.current;if(!e||W.current.el===e&&W.current.options===v&&W.current.map===U)return;W.current={el:e,options:v,map:U};let t=U(v,m);s(t,e.options)||(e.options=t)});let G=j||z,K=S!==`off`&&T,q=D&&G?`${G}-error`:void 0,J=O&&G?`${G}-hint`:void 0,ue=q||J||L,Y=!K&&(b!=null||x!=null),X=!T&&!D&&!O,Z=e(`AppSelect`,c),Q=d(l,{children:[u(`wui-select`,{"aria-label":F||(typeof T==`string`?T:void 0),"aria-labelledby":I||void 0,"aria-describedby":ue||void 0,"aria-invalid":D?`true`:void 0,ref:B,value:g||void 0,id:G,name:M,placeholder:S!==`off`&&T?` `:ie,"search-placeholder":ae,searchable:oe?``:void 0,clearable:se?``:void 0,size:y||void 0,icon:ce||void 0,disabled:C?``:void 0,open:w?``:void 0,required:E?``:void 0,className:N||void 0,...X&&!Y?Z:null,...R}),H]}),$=Y?d(`div`,{...X?Z:null,className:`input-affixed`,children:[b!=null&&u(`span`,{className:`affix affix-pre`,children:b}),Q,x!=null&&u(`span`,{className:`affix affix-suf`,children:x})]}):Q;if(X)return $;let de=[`field`,P].filter(Boolean).join(` `);return d(`div`,{...Z,className:de,children:[T&&!K&&d(`label`,{className:`label`,htmlFor:G,children:[T,E&&u(i,{}),k&&u(r,{label:A,children:k})]}),K?d(`div`,{className:S===`above`?`field-float wui-float-above`:`field-float`,children:[Q,d(`label`,{className:`float-label`,htmlFor:G,children:[T,E&&u(i,{})]})]}):$,u(ee,{error:D,hint:O,errorId:q,hintId:J})]})});export{h as default};
@@ -1 +1 @@
1
- import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppTooltip.js";import i from"./AppIcon.js";import a from"./renderIconProp.js";import{formatNumber as o}from"@webority/ui-elements/helpers";import{cloneElement as s,useCallback as c,useEffect as l,useLayoutEffect as u,useRef as d,useState as ee}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/overflow";var h=[`underline`,`pills`],g=[`horizontal`,`vertical`],te=[`sm`,`md`,`lg`],ne=[`automatic`,`manual`],re=[`scroll`,`menu`],_=[`success`,`warning`,`danger`,`info`],v=1,y=28,b=.7;function x(x){let{tabs:S,value:C,onChange:w,linkComponent:T,variant:E=`underline`,orientation:D=`horizontal`,size:O=`md`,fitted:k=!1,overflow:A=`scroll`,moreLabel:j=`More`,maxVisible:M,activation:N=`automatic`,ariaLabel:ie,className:ae=``,style:P,"data-canvas":oe,...F}=x;n(`AppTabs`,F),t(`AppTabs`,`variant`,E,h),t(`AppTabs`,`orientation`,D,g),t(`AppTabs`,`size`,O,te),t(`AppTabs`,`activation`,N,ne),t(`AppTabs`,`overflow`,A,re);for(let e of S)t(`AppTabs`,`tabs[].tone`,e.tone,_);let I=d(null),L=d(null),R=D===`vertical`,z=(A===`menu`||M!=null)&&!R,[B,V]=ee(C);l(()=>{V(C)},[C]);let H=S.find(e=>!e.disabled)?.key,U=S.some(e=>e.key===B&&!e.disabled)?B:void 0,W=S.some(e=>e.key===C&&!e.disabled)?C:void 0,G=U??W??H,K=e=>{I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"]`)?.focus()},q=c(()=>{let e=I.current,t=L.current;if(!e||!t||R||z)return;let n=e.scrollWidth-e.clientWidth;t.classList.toggle(`is-overflow-start`,e.scrollLeft>v),t.classList.toggle(`is-overflow-end`,n>v&&e.scrollLeft<n-v)},[R,z]),J=c(()=>{let e=I.current;if(!e)return;let t=e.querySelector(`.app-tab.active`);t?(R?(e.style.setProperty(`--wui-tab-y`,`${t.offsetTop}px`),e.style.setProperty(`--wui-tab-h`,`${t.offsetHeight}px`)):(e.style.setProperty(`--wui-tab-x`,`${t.offsetLeft}px`),e.style.setProperty(`--wui-tab-w`,`${t.offsetWidth}px`)),e.toggleAttribute(`data-active-danger`,!!S.find(e=>e.key===C)?.danger)):e.style.setProperty(R?`--wui-tab-h`:`--wui-tab-w`,`0px`),e.setAttribute(`data-wui-tabs`,``),q()},[R,S,C,q]),Y=e=>!z||!I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"][data-wui-overflow-hidden]`),X=c(()=>{let e=I.current;if(!e||R)return;let t=e.querySelector(`.app-tab.active`);if(!t)return;let n=y,r=t.offsetLeft,i=r+t.offsetWidth;r-n<e.scrollLeft?e.scrollLeft=Math.max(0,r-n):i+n>e.scrollLeft+e.clientWidth&&(e.scrollLeft=i+n-e.clientWidth)},[R]);u(()=>{J()},[J]),u(()=>{X()},[C,X]);let Z=d(J);l(()=>{Z.current=J},[J]),l(()=>{if(!document.fonts)return;let e=!0;return document.fonts.ready.then(()=>{e&&Z.current()}),()=>{e=!1}},[]),l(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>Z.current());return I.current&&e.observe(I.current),L.current&&e.observe(L.current),()=>e.disconnect()},[R,z]),l(()=>{let e=L.current;if(!z||!e)return;let t=()=>Z.current();return e.addEventListener(`wui-overflow-change`,t),()=>e.removeEventListener(`wui-overflow-change`,t)},[z]);function se(e){let t=e.target?.dataset?.key;if(t==null)return;let n=S.findIndex(e=>e.key===t);if(n<0)return;let r=S.length,i=(e,t)=>{for(let n=1;n<=r;n++){let i=S[((e+t*n)%r+r)%r];if(!i.disabled&&Y(i.key))return i}return null},a=R?`ArrowDown`:`ArrowRight`,o=R?`ArrowUp`:`ArrowLeft`,s=null;if(e.key===a?s=i(n,1):e.key===o?s=i(n,-1):e.key===`Home`?s=S.find(e=>!e.disabled&&Y(e.key))??null:e.key===`End`&&(s=[...S].reverse().find(e=>!e.disabled&&Y(e.key))??null),!s)return;e.preventDefault(),V(s.key),K(s.key);let c=s.href!=null||s.to!=null;N===`automatic`&&!c&&w?.(s.key)}let Q=e=>{let t=I.current;t&&t.scrollBy({left:e*t.clientWidth*b})},ce=[`app-tabs`,E===`pills`?`app-tabs-pills`:``,R?`app-tabs-vertical`:``,O===`sm`?`app-tabs-sm`:``,O===`lg`?`app-tabs-lg`:``,k?`app-tabs-fitted`:``,ae].filter(Boolean).join(` `),$=m(`div`,{ref:I,role:`tablist`,"aria-orientation":R?`vertical`:void 0,"aria-label":ie,className:ce,style:P,"data-wui-overflow-list":z?``:void 0,...F,onKeyDown:se,onScroll:q,children:[S.map(e=>{let t=e.key===C,n=e.href!=null||e.to!=null,i={role:`tab`,"data-key":e.key,"aria-selected":t,tabIndex:e.key===G?0:-1,className:`app-tab${t?` active`:``}${e.danger?` danger`:``}${n&&e.disabled?` disabled`:``}`},s=m(f,{children:[e.image?p(`img`,{className:`app-tab-img`,src:e.image,alt:e.imageAlt??``}):a(e.icon,{size:16,className:`app-tab-icon`}),e.label,(e.countLabel||e.count!=null)&&p(`span`,{className:`app-tab-count${e.tone?` ${e.tone}`:``}`,children:e.countLabel||o(e.count,{decimals:0})})]}),c;if(n){let t=e.to!=null&&T?T:`a`,n=e.rel??(e.target===`_blank`?`noopener noreferrer`:void 0),r=e.disabled?{"aria-disabled":!0}:t===`a`?{href:e.href??e.to,target:e.target,rel:n}:{to:e.to,target:e.target,rel:n},a=t=>{if(e.disabled){t.preventDefault();return}t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(V(e.key),w?.(e.key))};c=p(t,{...i,...r,onClick:a,children:s},e.key)}else c=p(`button`,{type:`button`,...i,disabled:e.disabled,onClick:()=>{e.disabled||(V(e.key),w?.(e.key))},children:s},e.key);return e.tooltip?p(r,{content:e.tooltip,children:c},e.key):c}),p(`span`,{className:`app-tab-indicator`,"aria-hidden":`true`,"data-wui-overflow-skip":``})]});return R?s($,e(`AppTabs`,x)):z?p(`wui-overflow`,{...e(`AppTabs`,x),ref:L,class:`app-tabs-wrap`,label:j,children:$}):m(`div`,{...e(`AppTabs`,x),ref:L,className:`app-tabs-wrap`,children:[p(`button`,{type:`button`,className:`app-tabs-scroll-btn prev`,"aria-label":`Scroll tabs backward`,tabIndex:-1,onClick:()=>Q(-1),children:p(i,{name:`chevron-left`,size:16})}),$,p(`button`,{type:`button`,className:`app-tabs-scroll-btn next`,"aria-label":`Scroll tabs forward`,tabIndex:-1,onClick:()=>Q(1),children:p(i,{name:`chevron-right`,size:16})})]})}export{x as default};
1
+ import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppTooltip.js";import i from"./AppIcon.js";import a from"./renderIconProp.js";import{formatNumber as o}from"@webority/ui-elements/helpers";import{cloneElement as s,useCallback as c,useEffect as l,useLayoutEffect as u,useRef as d,useState as ee}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/overflow";var h=[`underline`,`pills`],g=[`horizontal`,`vertical`],te=[`sm`,`md`,`lg`],ne=[`automatic`,`manual`],re=[`scroll`,`menu`],_=[`success`,`warning`,`danger`,`info`],v=1,y=28,b=.7;function x(x){let{tabs:S,value:C,onChange:w,linkComponent:T,variant:E=`underline`,orientation:D=`horizontal`,size:O=`md`,fitted:k=!1,overflow:A=`scroll`,moreLabel:j=`More`,maxVisible:M,activation:N=`automatic`,ariaLabel:ie,className:ae=``,style:P,"data-canvas":oe,...F}=x;n(`AppTabs`,F),t(`AppTabs`,`variant`,E,h),t(`AppTabs`,`orientation`,D,g),t(`AppTabs`,`size`,O,te),t(`AppTabs`,`activation`,N,ne),t(`AppTabs`,`overflow`,A,re);for(let e of S)t(`AppTabs`,`tabs[].tone`,e.tone,_);let I=d(null),L=d(null),R=D===`vertical`,z=(A===`menu`||M!=null)&&!R,[B,V]=ee(C);l(()=>{V(C)},[C]);let H=S.find(e=>!e.disabled)?.key,U=S.some(e=>e.key===B&&!e.disabled)?B:void 0,W=S.some(e=>e.key===C&&!e.disabled)?C:void 0,G=U??W??H,K=e=>{I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"]`)?.focus()},q=c(()=>{let e=I.current,t=L.current;if(!e||!t||R||z)return;let n=e.scrollWidth-e.clientWidth;t.classList.toggle(`is-overflow-start`,e.scrollLeft>v),t.classList.toggle(`is-overflow-end`,n>v&&e.scrollLeft<n-v)},[R,z]),J=c(()=>{let e=I.current;if(!e)return;let t=e.querySelector(`.app-tab.active`);t?(R?(e.style.setProperty(`--wui-tab-y`,`${t.offsetTop}px`),e.style.setProperty(`--wui-tab-h`,`${t.offsetHeight}px`)):(e.style.setProperty(`--wui-tab-x`,`${t.offsetLeft}px`),e.style.setProperty(`--wui-tab-w`,`${t.offsetWidth}px`)),e.toggleAttribute(`data-active-danger`,!!S.find(e=>e.key===C)?.danger)):e.style.setProperty(R?`--wui-tab-h`:`--wui-tab-w`,`0px`),e.setAttribute(`data-wui-tabs`,``),q()},[R,S,C,q]),Y=e=>!z||!I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"][data-wui-overflow-hidden]`),X=c(()=>{let e=I.current;if(!e||R)return;let t=e.querySelector(`.app-tab.active`);if(!t)return;let n=y,r=t.offsetLeft,i=r+t.offsetWidth;r-n<e.scrollLeft?e.scrollLeft=Math.max(0,r-n):i+n>e.scrollLeft+e.clientWidth&&(e.scrollLeft=i+n-e.clientWidth)},[R]);u(()=>{J()},[J]),u(()=>{X()},[C,X]);let Z=d(J);l(()=>{Z.current=J},[J]),l(()=>{if(!document.fonts)return;let e=!0;return document.fonts.ready.then(()=>{e&&Z.current()}),()=>{e=!1}},[]),l(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>Z.current());return I.current&&e.observe(I.current),L.current&&e.observe(L.current),()=>e.disconnect()},[R,z]),l(()=>{let e=L.current;if(!z||!e)return;let t=()=>Z.current();return e.addEventListener(`wui-overflow-change`,t),()=>e.removeEventListener(`wui-overflow-change`,t)},[z]);function se(e){let t=e.target?.dataset?.key;if(t==null)return;let n=S.findIndex(e=>e.key===t);if(n<0)return;let r=S.length,i=(e,t)=>{for(let n=1;n<=r;n++){let i=S[((e+t*n)%r+r)%r];if(!i.disabled&&Y(i.key))return i}return null},a=R?`ArrowDown`:`ArrowRight`,o=R?`ArrowUp`:`ArrowLeft`,s=null;if(e.key===a?s=i(n,1):e.key===o?s=i(n,-1):e.key===`Home`?s=S.find(e=>!e.disabled&&Y(e.key))??null:e.key===`End`&&(s=[...S].reverse().find(e=>!e.disabled&&Y(e.key))??null),!s)return;e.preventDefault(),V(s.key),K(s.key);let c=s.href!=null||s.to!=null;N===`automatic`&&!c&&w?.(s.key)}let Q=e=>{let t=I.current;t&&t.scrollBy({left:e*t.clientWidth*b})},ce=[`app-tabs`,E===`pills`?`app-tabs-pills`:``,R?`app-tabs-vertical`:``,O===`sm`?`app-tabs-sm`:``,O===`lg`?`app-tabs-lg`:``,k?`app-tabs-fitted`:``,ae].filter(Boolean).join(` `),$=m(`div`,{ref:I,role:`tablist`,"aria-orientation":R?`vertical`:void 0,"aria-label":ie,className:ce,style:P,"data-wui-overflow-list":z?``:void 0,...F,onKeyDown:se,onScroll:q,children:[S.map(e=>{let t=e.key===C,n=e.href!=null||e.to!=null,i={role:`tab`,"data-key":e.key,"aria-selected":t,tabIndex:e.key===G?0:-1,className:`app-tab${t?` active`:``}${e.danger?` danger`:``}${n&&e.disabled?` disabled`:``}`},s=m(f,{children:[e.image?p(`img`,{className:`app-tab-img`,src:e.image,alt:e.imageAlt??``}):a(e.icon,{size:16,className:`app-tab-icon`}),p(`span`,{className:`wui-tab-label`,children:e.label}),(e.countLabel||e.count!=null)&&p(`span`,{className:`app-tab-count${e.tone?` ${e.tone}`:``}`,children:e.countLabel||o(e.count,{decimals:0})})]}),c;if(n){let t=e.to!=null&&T?T:`a`,n=e.rel??(e.target===`_blank`?`noopener noreferrer`:void 0),r=e.disabled?{"aria-disabled":!0}:t===`a`?{href:e.href??e.to,target:e.target,rel:n}:{to:e.to,target:e.target,rel:n},a=t=>{if(e.disabled){t.preventDefault();return}t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(V(e.key),w?.(e.key))};c=p(t,{...i,...r,onClick:a,children:s},e.key)}else c=p(`button`,{type:`button`,...i,disabled:e.disabled,onClick:()=>{e.disabled||(V(e.key),w?.(e.key))},children:s},e.key);return e.tooltip?p(r,{content:e.tooltip,children:c},e.key):c}),p(`span`,{className:`app-tab-indicator`,"aria-hidden":`true`,"data-wui-overflow-skip":``})]});return R?s($,e(`AppTabs`,x)):z?p(`wui-overflow`,{...e(`AppTabs`,x),ref:L,class:`app-tabs-wrap`,label:j,children:$}):m(`div`,{...e(`AppTabs`,x),ref:L,className:`app-tabs-wrap`,children:[p(`button`,{type:`button`,className:`app-tabs-scroll-btn prev`,"aria-label":`Scroll tabs backward`,tabIndex:-1,onClick:()=>Q(-1),children:p(i,{name:`chevron-left`,size:16})}),$,p(`button`,{type:`button`,className:`app-tabs-scroll-btn next`,"aria-label":`Scroll tabs forward`,tabIndex:-1,onClick:()=>Q(1),children:p(i,{name:`chevron-right`,size:16})})]})}export{x as default};
@@ -1 +1 @@
1
- var e=`aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.ban.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.bolt.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.briefcase-cross.briefcase-tick.briefcase-timer.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flame.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.hamburger-menu.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.linkedin.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.milk.mini-music-sqaure.minus.minus-circle.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-receive.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presentation-chart.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-cw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.snowflake.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-circle.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out`.split(`.`);export{e as ICON_NAMES};
1
+ var e=`aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.ban.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.bolt.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.briefcase-cross.briefcase-tick.briefcase-timer.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flame.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.hamburger-menu.hand.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.linkedin.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.microsoft.milk.mini-music-sqaure.minus.minus-circle.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-receive.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presentation-chart.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-cw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.snowflake.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-circle.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out`.split(`.`);export{e as ICON_NAMES};