freemium-ui 2.0.28 → 2.0.29

package/lib/index.cjs.js

@@ -17104,37 +17104,37 @@ fill:p.colors.text.semantic[r]
 }),a?.message?e.createElement(Bo,null,a.message," ",g):n,!a?.message&&g),s&&e.createElement(Ao,{
 onClick:()=>{v(!1),t?.()}},e.createElement(no,{fill:p.colors.text.primary
 }))):null
-},exports.AutoComplete=({initialItems:t=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,isRequired:y,style:b,url:w})=>{
-const C=cr(),[z,M]=e.useState(!1),x=e.useRef(t),[E,S]=e.useState(t),_=(e="")=>{
-if(!w)return;const t=new URL(w),n=new URLSearchParams(t.search);n.append(h,e)
-;const r=`${t.origin}${t.pathname}?${n.toString()}`;M(!0),(async(e,t,n,r,o,a)=>{
+},exports.AutoComplete=({initialItems:t=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,processFetchData:y,isRequired:b,style:w,url:C})=>{
+const z=cr(),[M,x]=e.useState(!1),E=e.useRef(t),[S,_]=e.useState(t),H=(e="")=>{
+if(!C)return;const t=new URL(C),n=new URLSearchParams(t.search);n.append(h,e)
+;const r=`${t.origin}${t.pathname}?${n.toString()}`;x(!0),(async(e,t,n,r,o,a)=>{
 try{const i=await bm({data:t,url:e,method:n||"get",withCredentials:o||!1,
 responseType:a,headers:{"Content-Type":"application/json",...r||{}}})
 ;return i?.data}catch(e){return}})(r).then((e=>{
-Array.isArray(e)&&S(wm([...x.current??[],...e],m)),M(!1)})).catch((e=>{M(!1)}))
-},H=e.useCallback(yc((e=>{_(e)
-}),300),[]),{isOpen:D,selectedItem:k,getToggleButtonProps:A,getLabelProps:L,getMenuProps:V,highlightedIndex:T,selectItem:R,setInputValue:P,getItemProps:I,getInputProps:O}=_l({
-id:r,selectedItem:p,items:E,onIsOpenChange:e=>{
-!e.isOpen&&e?.selectedItem&&P(d(e.selectedItem))},onInputValueChange:e=>{
-"__input_change__"===e.type&&""===e.inputValue&&R(null),
-k?.[m]&&e.inputValue===d(k)?H(""):H(e.inputValue)},
+Array.isArray(e)&&_(wm([...E.current??[],...y?y(e):e],m)),x(!1)})).catch((e=>{
+x(!1)}))},D=e.useCallback(yc((e=>{H(e)
+}),300),[]),{isOpen:k,selectedItem:A,getToggleButtonProps:L,getLabelProps:V,getMenuProps:T,highlightedIndex:R,selectItem:P,setInputValue:I,getItemProps:O,getInputProps:N}=_l({
+id:r,selectedItem:p,items:S,onIsOpenChange:e=>{
+!e.isOpen&&e?.selectedItem&&I(d(e.selectedItem))},onInputValueChange:e=>{
+"__input_change__"===e.type&&""===e.inputValue&&P(null),
+A?.[m]&&e.inputValue===d(A)?D(""):D(e.inputValue)},
 itemToString:e=>e?d(e,"downshift"):"",onSelectedItemChange:e=>{
-x.current=wm([...x.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
-;e.useEffect((()=>{_("")}),[w]);const N=!n&&!f&&D;return e.createElement(Uh,{
-width:c},e.createElement(Ho,{className:"input-label",...L({disabled:n,readOnly:f
-})},o,o&&y&&e.createElement(ko,null,"*")),e.createElement(_c,{...O({name:i,
+E.current=wm([...E.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
+;e.useEffect((()=>{H("")}),[C]);const F=!n&&!f&&k;return e.createElement(Uh,{
+width:c},e.createElement(Ho,{className:"input-label",...V({disabled:n,readOnly:f
+})},o,o&&b&&e.createElement(ko,null,"*")),e.createElement(_c,{...N({name:i,
 readOnly:f,disabled:n}),placeholder:l,
-endAdornment:e.createElement(Zh,null,e.createElement(Ao,{...A({disabled:n,
-readOnly:f,"aria-label":"toggle-button"})},e.createElement(jh,{$isOpen:N,
-fill:C.colors.text.primary,width:8,height:8}))),style:b
-}),!f&&!n&&e.createElement(Wh,{$isOpen:D,...V({disabled:n,readOnly:f})
-},z?e.createElement(qh,null,e.createElement(Vc,null)):e.createElement(e.Fragment,null,D&&0===E.length&&e.createElement(Gh,{
-readOnly:!0},g||"No items"),D&&E.map(((t,n)=>{
+endAdornment:e.createElement(Zh,null,e.createElement(Ao,{...L({disabled:n,
+readOnly:f,"aria-label":"toggle-button"})},e.createElement(jh,{$isOpen:F,
+fill:z.colors.text.primary,width:8,height:8}))),style:w
+}),!f&&!n&&e.createElement(Wh,{$isOpen:k,...T({disabled:n,readOnly:f})
+},M?e.createElement(qh,null,e.createElement(Vc,null)):e.createElement(e.Fragment,null,k&&0===S.length&&e.createElement(Gh,{
+readOnly:!0},g||"No items"),k&&S.map(((t,n)=>{
 const r="string"==typeof t?t:t?.[m];return e.createElement(e.Fragment,{key:r
-},u?u(t,{isHilighted:T===n,isSelected:k===t,key:r,...I({item:t,index:n})
-}):e.createElement(Gh,{$isHilighted:T===n,$isSelected:k?.[m]===t?.[m],key:r,
-...I({item:t,index:n})},d(t),k?.[m]===t?.[m]&&e.createElement(ro,{
-fill:C.colors.common.accent})))})))),v&&a&&e.createElement(wc,null,a))
+},u?u(t,{isHilighted:R===n,isSelected:A===t,key:r,...O({item:t,index:n})
+}):e.createElement(Gh,{$isHilighted:R===n,$isSelected:A?.[m]===t?.[m],key:r,
+...O({item:t,index:n})},d(t),A?.[m]===t?.[m]&&e.createElement(ro,{
+fill:z.colors.common.accent})))})))),v&&a&&e.createElement(wc,null,a))
 },exports.BoxedRadio=({options:t,defaultValue:n,idAccessor:r="id",onChange:o,isErrored:a,errorText:i,disabled:l=!1,getTextContent:c,className:s,id:u,isRequired:d,readOnly:h,itemComponent:p,label:f,value:m,customIndicator:v,...g})=>e.createElement(zg,{
 className:"StyledBoxedRadio"},f&&e.createElement(Ho,{htmlFor:u,
 className:"input-label"

package/lib/index.d.ts

@@ -368,10 +368,11 @@ interface AutoCompleteProps<T extends DefaultAutoCompleteItem = DefaultAutoCompl
      *
      */
     emptyItemsText?: string;
+    processFetchData?: (data: any[]) => T[];
     itemComponent?: (item: T, props?: AutoCompleteInputItemProps) => React.ReactNode | string;
 }
 
-declare const AutoComplete: <T extends DefaultDropdownItem>({ initialItems, disabled, id, label, errorText, name, placeholder, width, onChange, itemComponent, itemToString, searchKey, defaultSelectedItem, readOnly, itemIdentifier, isErrored, emptyItemsText, isRequired, style, url, }: AutoCompleteProps<T>) => react__default.JSX.Element;
+declare const AutoComplete: <T extends DefaultDropdownItem>({ initialItems, disabled, id, label, errorText, name, placeholder, width, onChange, itemComponent, itemToString, searchKey, defaultSelectedItem, readOnly, itemIdentifier, isErrored, emptyItemsText, processFetchData, isRequired, style, url, }: AutoCompleteProps<T>) => react__default.JSX.Element;
 
 type ButtonSizeKey = 'mini' | 'normal' | 'large';
 type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';

package/lib/index.js

@@ -3887,37 +3887,37 @@ $m.getAdapter=_m,$m.HttpStatusCode=Fm,
 $m.default=$m,$m.defaults.withCredentials=!0;const Bm=(e,t)=>{const n={}
 ;return e.forEach((e=>{e?.[t]&&(n?.[e[t]]||(n[e[t]]=e))
 })),Object.keys(n).map((e=>n[e]))
-},jm=({initialItems:e=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,isRequired:y,style:b,url:w})=>{
-const C=Hr(),[z,M]=t.useState(!1),x=t.useRef(e),[E,S]=t.useState(e),_=(e="")=>{
-if(!w)return;const t=new URL(w),n=new URLSearchParams(t.search);n.append(h,e)
-;const r=`${t.origin}${t.pathname}?${n.toString()}`;M(!0),(async(e,t,n,r,o,a)=>{
+},jm=({initialItems:e=[],disabled:n,id:r,label:o,errorText:a,name:i,placeholder:l,width:c,onChange:s,itemComponent:u,itemToString:d,searchKey:h="q",defaultSelectedItem:p,readOnly:f,itemIdentifier:m="id",isErrored:v,emptyItemsText:g,processFetchData:y,isRequired:b,style:w,url:C})=>{
+const z=Hr(),[M,x]=t.useState(!1),E=t.useRef(e),[S,_]=t.useState(e),H=(e="")=>{
+if(!C)return;const t=new URL(C),n=new URLSearchParams(t.search);n.append(h,e)
+;const r=`${t.origin}${t.pathname}?${n.toString()}`;x(!0),(async(e,t,n,r,o,a)=>{
 try{const i=await $m({data:t,url:e,method:n||"get",withCredentials:o||!1,
 responseType:a,headers:{"Content-Type":"application/json",...r||{}}})
 ;return i?.data}catch(e){return}})(r).then((e=>{
-Array.isArray(e)&&S(Bm([...x.current??[],...e],m)),M(!1)})).catch((e=>{M(!1)}))
-},H=t.useCallback(Fc((e=>{_(e)
-}),300),[]),{isOpen:D,selectedItem:A,getToggleButtonProps:L,getLabelProps:V,getMenuProps:k,highlightedIndex:T,selectItem:P,setInputValue:R,getItemProps:I,getInputProps:O}=ql({
-id:r,selectedItem:p,items:E,onIsOpenChange:e=>{
-!e.isOpen&&e?.selectedItem&&R(d(e.selectedItem))},onInputValueChange:e=>{
-"__input_change__"===e.type&&""===e.inputValue&&P(null),
-A?.[m]&&e.inputValue===d(A)?H(""):H(e.inputValue)},
+Array.isArray(e)&&_(Bm([...E.current??[],...y?y(e):e],m)),x(!1)})).catch((e=>{
+x(!1)}))},D=t.useCallback(Fc((e=>{H(e)
+}),300),[]),{isOpen:A,selectedItem:L,getToggleButtonProps:V,getLabelProps:k,getMenuProps:T,highlightedIndex:P,selectItem:R,setInputValue:I,getItemProps:O,getInputProps:N}=ql({
+id:r,selectedItem:p,items:S,onIsOpenChange:e=>{
+!e.isOpen&&e?.selectedItem&&I(d(e.selectedItem))},onInputValueChange:e=>{
+"__input_change__"===e.type&&""===e.inputValue&&R(null),
+L?.[m]&&e.inputValue===d(L)?D(""):D(e.inputValue)},
 itemToString:e=>e?d(e,"downshift"):"",onSelectedItemChange:e=>{
-x.current=Bm([...x.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
-;t.useEffect((()=>{_("")}),[w]);const N=!n&&!f&&D;return t.createElement(hp,{
-width:c},t.createElement(qo,{className:"input-label",...V({disabled:n,readOnly:f
-})},o,o&&y&&t.createElement(Xo,null,"*")),t.createElement(qc,{...O({name:i,
+E.current=Bm([...E.current??[],e.selectedItem],m),s?.(e.selectedItem)}})
+;t.useEffect((()=>{H("")}),[C]);const F=!n&&!f&&A;return t.createElement(hp,{
+width:c},t.createElement(qo,{className:"input-label",...k({disabled:n,readOnly:f
+})},o,o&&b&&t.createElement(Xo,null,"*")),t.createElement(qc,{...N({name:i,
 readOnly:f,disabled:n}),placeholder:l,
-endAdornment:t.createElement(yp,null,t.createElement(Jo,{...L({disabled:n,
-readOnly:f,"aria-label":"toggle-button"})},t.createElement(dp,{$isOpen:N,
-fill:C.colors.text.primary,width:8,height:8}))),style:b
-}),!f&&!n&&t.createElement(fp,{$isOpen:D,...k({disabled:n,readOnly:f})
-},z?t.createElement(gp,null,t.createElement(ts,null)):t.createElement(t.Fragment,null,D&&0===E.length&&t.createElement(mp,{
-readOnly:!0},g||"No items"),D&&E.map(((e,n)=>{
+endAdornment:t.createElement(yp,null,t.createElement(Jo,{...V({disabled:n,
+readOnly:f,"aria-label":"toggle-button"})},t.createElement(dp,{$isOpen:F,
+fill:z.colors.text.primary,width:8,height:8}))),style:w
+}),!f&&!n&&t.createElement(fp,{$isOpen:A,...T({disabled:n,readOnly:f})
+},M?t.createElement(gp,null,t.createElement(ts,null)):t.createElement(t.Fragment,null,A&&0===S.length&&t.createElement(mp,{
+readOnly:!0},g||"No items"),A&&S.map(((e,n)=>{
 const r="string"==typeof e?e:e?.[m];return t.createElement(t.Fragment,{key:r
-},u?u(e,{isHilighted:T===n,isSelected:A===e,key:r,...I({item:e,index:n})
-}):t.createElement(mp,{$isHilighted:T===n,$isSelected:A?.[m]===e?.[m],key:r,
-...I({item:e,index:n})},d(e),A?.[m]===e?.[m]&&t.createElement(xo,{
-fill:C.colors.common.accent})))})))),v&&a&&t.createElement(Bc,null,a))},Um={
+},u?u(e,{isHilighted:P===n,isSelected:L===e,key:r,...O({item:e,index:n})
+}):t.createElement(mp,{$isHilighted:P===n,$isSelected:L?.[m]===e?.[m],key:r,
+...O({item:e,index:n})},d(e),L?.[m]===e?.[m]&&t.createElement(xo,{
+fill:z.colors.common.accent})))})))),v&&a&&t.createElement(Bc,null,a))},Um={
 large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{
 height:"32px",size:"14px"}},Ym=Or.button`
   direction: ${({theme:e})=>e.direction};

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",