freemium-ui 1.0.140 → 1.0.141
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.
- package/lib/index.cjs.js +1 -1
- package/lib/index.esm.js +1 -1
- package/lib/types/components/Dropdown/index.d.ts +1 -0
- package/lib/types/components/Input/Input.d.ts +5 -3
- package/lib/types/components/Loader/index.d.ts +1 -1
- package/lib/types/components/MultiSelectDropdown/MultiSelectDropdown.d.ts +2 -2
- package/package.json +1 -1
package/lib/index.cjs.js
CHANGED
|
@@ -1269,4 +1269,4 @@ to {right : 10px}
|
|
|
1269
1269
|
.toast-container.hover {
|
|
1270
1270
|
transform: translate3d(0, -10px, 0);
|
|
1271
1271
|
}
|
|
1272
|
-
`,vd=()=>{const e=((e=hd())=>{const n=`ui-${e}`,{isBrowser:r}=pd(),[o,i]=t.useState(r?fd(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||fd(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=ud(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(bd,{index:t,total:s.length,toast:e,onHover:r,key:`toast-${t}`})))),[s,r]),d=e=>{if(e)return i.current&&clearTimeout(i.current),l((()=>!0)),o(!0);i.current=window.setTimeout((()=>{o(!1),l((()=>!1)),i.current&&clearTimeout(i.current)}),200)};return e&&s&&0!==s.length?a.createPortal(n.createElement(yd,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},xd=2e3;let wd,_d=[],kd=0;var Ed=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Sd}(e)}(e)};var Sd="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Cd(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Md((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Id(e,t,n){return e.concat(t).map((function(e){return Cd(e,n)}))}function Od(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Dd(e,t){try{return t in e}catch(e){return!1}}function Nd(e,t,n){var r={};return n.isMergeableObject(e)&&Od(e).forEach((function(t){r[t]=Cd(e[t],n)})),Od(t).forEach((function(o){(function(e,t){return Dd(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Dd(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Md;var n=t.customMerge(e);return"function"==typeof n?n:Md}(o,n)(e[o],t[o],n):r[o]=Cd(t[o],n))})),r}function Md(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Id,n.isMergeableObject=n.isMergeableObject||Ed,n.cloneUnlessOtherwiseSpecified=Cd;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Nd(e,t,n):Cd(t,n)}Md.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Md(e,n,t)}),{})};var Td=Md;exports.Alert=Nn,exports.BUTTON_SIZE_VARIANTS=li,exports.BoxedRadio=zc,exports.Button=di,exports.ButtonDropdown=jl,exports.Checkbox=hi,exports.Confirmation=Yi,exports.ConfirmationBody=Hi,exports.ConfirmationContent=ji,exports.ConfirmationFooter=Bi,exports.ConfirmationOverlay=Fi,exports.CssBaseLine=mi,exports.DatePicker=e=>{const{onDateChange:r,onClose:o=(()=>null),initialDate:i,anchorDirection:a="right",minMonths:s=6,minimumNights:l=0,...c}=e,[p,h]=t.useState(i&&Ui(i)),[f,m]=t.useState(!1),[g,b]=t.useState(c.autoFocusEndDate?u.END_DATE:u.START_DATE),y=e=>{const t=document.getElementsByClassName("DayPickerNavigation_button")["prev"===e?0:1];return t?t.childNodes[0]:null},v=(e,t)=>{t?e.classList&&e.classList.add("disable-nav"):e.classList&&e.classList.remove("disable-nav")},{autoFocus:x,autoFocusEndDate:w,..._}=c;return n.createElement(ai.Box,{style:{position:"relative",height:"100%"}},n.createElement(Xi,null,n.createElement(d.DayPickerSingleDateController,Object.assign({},_,{daySize:32,minimumNights:l,onNextMonthClick:e=>{const t=y("prev"),n=y("next");if(n){Ui().isSame(e.add(1,"months"),"month")?(v(t,!1),v(n,!0)):(v(t,!1),v(n,!1))}},onPrevMonthClick:e=>{const t=y("prev"),n=y("next"),r=s-1;if(t){!Ui().subtract(r,"months").isBefore(e,"month")?(v(t,!0),v(n,!1)):(v(t,!1),v(n,!1))}},navPrev:n.createElement(ea,null),navNext:n.createElement(ta,null),renderMonthElement:e=>{const t=y("next"),r=e.month.isAfter(Ui(),"month");return t&&r&&v(t,!0),n.createElement(na,{dateRangePickerProps:e})},isOutsideRange:e=>!Ki(e,Ui()),date:p,onFocusChange:e=>{b(e||u.START_DATE)},focusedInput:g,initialDate:i,minDate:Ui().subtract(s-1,"months").subtract(0,"days"),maxDate:Ui().add(0,"months").endOf("month"),initialVisibleMonth:()=>Ui().subtract(1,"month"),onDateChange:e=>{h(e),r(e)},numberOfMonths:1,hideKeyboardShortcutsPanel:!0,weekDayFormat:"dd"}))))},exports.DismissIcon=ua,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:o,clickOutToClose:i=!0,size:a="default",placement:s="right",children:l,...c}=e;return t.createElement(ma,{in:n,placement:s},(e=>t.createElement(ha.Provider,{value:e},t.createElement(ba,{isOpen:!0,onDismiss:i?r:()=>{}},t.createElement(ga,{size:a},!o&&t.createElement(ua,{onClick:r},t.createElement(kn,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),l)))))},exports.DrawerBody=da,exports.DrawerContent=ga,exports.DrawerFooter=pa,exports.DrawerOverlay=ba,exports.Dropdown=e=>{const{items:t,children:r,defaultSelectedItem:o,label:i="",placeholder:a,errorText:s,itemToString:l,itemComponent:c,onChange:d=(e=>e),type:u=sc.BUTTON,filterKey:p,width:h="100%",disabled:f,isErrored:m,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:y,...v}=e;let x;return"object"!=typeof t[0]||l?x=e=>e?l?l(e):"object"!=typeof e?String(e):null:null:console.warn("Your items are objects. So you need to pass a function to translate each object as a string which can be shown as dropdown item labels"),n.createElement("div",null,n.createElement(bs,Object.assign({itemToString:x,selectedItem:o,onChange:d},v),(e=>n.createElement(Rc,Object.assign({width:h,isRequired:g},e.getRootProps()),i&&n.createElement("label",Object.assign({},e.getLabelProps()),i),n.createElement(lc.Provider,{value:{downshift:e,items:t,filterKey:p,type:u,name:v.name}},r||n.createElement(n.Fragment,null,sc.BUTTON===u&&n.createElement(uc,{disabled:f,isErrored:m,overrideStyles:b,placeholder:a}),sc.INPUT===u&&n.createElement(Mc,{placeholder:a,isErrored:m}),n.createElement(Dc,{itemComponent:c,isErrored:m,overrideStyles:y})))))),m&&s&&n.createElement(Tc,null,s))},exports.Fade=Pi,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Ze,{theme:n},t.createElement(mi,null),r)},exports.Glyph=_n,exports.Icons=kn,exports.InlineSvg=xn,exports.Input=Jl,exports.Menu=$l,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:o="center",align:i="center",size:a="default"})=>n.createElement(Pi,{timeout:300,in:t,unmountOnExit:!0},(s=>n.createElement(ra,{className:"modal-overlay",style:s,align:i,position:o,isOpen:!0,onDismiss:r},n.createElement(zi,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(sa,{className:"modal-content",style:t,size:a,"aria-label":"dialog"},e)))))),exports.ModalBody=la,exports.ModalContent=sa,exports.ModalFooter=ca,exports.ModalOverlay=ra,exports.MultiSelectDropdown=e=>{const{name:r,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:c,isErrored:d,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:h,required:f,renderCustomSuggestion:m,maxAllowedLength:g=2147483647,...b}=e,[y,v]=t.useState([]),[x,w]=t.useState(""),[_,k]=t.useState(!1),E=t.useRef(null);t.useEffect((()=>{v([...a])}),[a]);const S=e=>{y.some((t=>t[h]===e[h]))?I(e):_||C(e)},C=e=>{w(""),v([...y,e]),s([...y,e])},I=e=>{const t=y.filter((t=>t[p]!==e[p]));v(t),s(t)},O=e=>m?m(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((t=>t[l]&&t[l]===e[l]));return n.createElement(ic,Object.assign({disabled:e.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(ai.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[l]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[c]?`Enter to ${u?"remove":"add"} '${e[c]}'`:e[c]),u&&!e.customValues&&n.createElement(kn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(bs,Object.assign({selectedItem:a,onChange:e=>{e&&S(e)},itemToString:e=>e?e[h]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>g?k(!0):k(!1),w(e)}},b),(({getInputProps:e,getItemProps:t,getRootProps:a,inputValue:s,selectedItem:u,toggleMenu:m,isOpen:b,highlightedIndex:y})=>n.createElement(ac,Object.assign({required:f},a()),o&&n.createElement("label",{htmlFor:o},o),n.createElement(rc,{isOpen:b,isErrored:d,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{b||E&&E.current&&E.current.focus(),m()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,o)=>e[r]&&n.createElement(ec,{key:o,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:I,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:r,label:o,searchRef:E,selectedItem:u,removeSelectedItem:I,items:i,inputValue:s,placeholder:c,customValues:l,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||s||I(u[u.length-1]),"Enter"===e.key&&s&&l&&null===y&&S({[p]:s,[h]:s})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(zi,{initialOffset:"-20px",timeout:200,in:b,unmountOnExit:!0},(e=>{const r=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,p,h,l);return r&&r.length>0&&n.createElement(oc,{style:e},r.map(((e,n)=>O({lengthError:_,maxAllowedLength:g,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:u,itemValueIdentifier:h,itemLabelIdentifier:p}))))}))))),d&&u&&n.createElement(nc,null,u))},exports.Popover=xa,exports.Radio=Lc,exports.Slide=$i,exports.SlideFade=zi,exports.SvgWrapper=wn,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,offset:i=0,limit:a=0,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,showFilters:f=!0,showOptions:m=!0,rowMenuOptions:g=(()=>[]),onRowSelect:b,onRowClick:y,onPrevious:v,onSelectAll:x,onNext:w,onMenuOptionSelect:_,headerComponent:k,initialState:E,state:S,filterComponent:C}=e,[I,O]=n.useState(f),[D,N]=n.useState(null),M=h.useTable({columns:t,data:r,initialState:E},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>d?n.createElement("div",{className:"table-checkbox"},n.createElement(hi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{x&&x(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t,column:r}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(hi,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n)}})))}},...e]:[...e]))})),{getTableProps:T,getTableBodyProps:R,headerGroups:A,rows:P,state:{selectedRowIds:L},prepareRow:V,setColumnOrder:$,getToggleAllRowsSelectedProps:z}=M;return h.useMountedLayoutEffect((()=>{$(E?.columnOrder)}),[E?.columnOrder]),h.useMountedLayoutEffect((()=>{b&&b(L)}),[b,L]),n.createElement(Fc,{className:"fui-table"},u&&n.createElement(Bc,{className:"table-actions"},n.createElement("div",{className:"action"},!d&&p&&n.createElement(hi,Object.assign({id:"selectAll",name:"selectAll"},z()),"Select All")),k||void 0,n.createElement("div",{className:"pagination-actions"},c&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},i+1," - ",i+a," of ",o),n.createElement(di,{type:"secondary",disabled:!l,onClick:()=>v&&v(l)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(di,{type:"secondary",disabled:!s,onClick:()=>w&&w(s)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),f&&n.createElement(di,{type:"secondary",className:"filter-toggle",onClick:()=>O(!I)},n.createElement(kn,{glyph:I?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(Xc,{className:"table-content"},n.createElement(Hc,{showFilters:f&&I,className:"table-wrapper"},n.createElement(Wc,Object.assign({},T()),n.createElement(Gc,null,A.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Uc,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(qc,Object.assign({},t()),r("Header"))})),m&&n.createElement(qc,null))}))),n.createElement(Kc,Object.assign({},R()),P.map((e=>{V(e);const{getRowProps:t,cells:r}=e;return n.createElement(Uc,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(Zc,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&y&&y(e.row,e.column)}}),r("Cell"))})),m&&n.createElement(Zc,null,g&&g(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(Qc,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>N(e.currentTarget)},n.createElement(kn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(xa,{id:`row-popover-${e.id}`,anchorEl:D,onClose:()=>N(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement($l,{options:g(e.original)||[],onSelect:t=>{_&&_(t.id,e.original),N(null)},closeMenuCallback:()=>N(null)})))))}))))),f&&I&&C&&n.createElement(Jc,{className:"table-filters"},C)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(ed,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(td,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[o]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[o]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[o],key:e[o]},n.createElement("span",{className:"label"}," ",e[i])))))},exports.Tag=ec,exports.TextArea=Ql,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:o=!0}=e,i=Td(fi,r);return t.createElement(Ze,{theme:i},o&&t.createElement(mi,null),n)},exports.ToastWrapper=e=>{const[r,o]=t.useState([]),[i,a]=t.useState(0),[l,c]=t.useState(!1),d=e=>{o(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||c(!1)}),[r]),n.createElement(rd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(ad,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(od,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=cd,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:o=!0,trigger:i="mouseenter",interactive:a=!0,html:s=null,style:l={},children:c})=>t.createElement(t.Fragment,null,t.createElement(Wl,null),t.createElement(p.Tooltip,{title:n,position:e,theme:r,arrow:o,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:s,interactive:a,style:l,trigger:i,duration:150,delay:100},t.cloneElement(c))),exports.Transition=Ri,exports.UiProvider=({children:e})=>{const[r,o,i]=Wi([]),[a,s]=t.useState(!1),l=e=>{const t=e(i.current);o(t)},c=e=>{const t=e();s(t)},d=t.useMemo((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:c})),[r,a]);return n.createElement(dd.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(vd,null)))},exports.debounce=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},exports.useConfirmation=(e=!1)=>{const[t,n,r]=Wi(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Wi(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(qe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=ud(),[,o,i]=Wi(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${hd()}`,r=t.delay||xd,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),_d.push(t),((t,n)=>{n<=kd||(clearTimeout(wd),kd=n,wd=window.setTimeout((()=>{e((e=>_d.length<e.length?e:(_d=[],[]))),clearTimeout(wd)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>o(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(i.current)return a(e,t),clearTimeout(n);o(e,t),clearTimeout(n)}),t)};a(n,r)}]};
|
|
1272
|
+
`,vd=()=>{const e=((e=hd())=>{const n=`ui-${e}`,{isBrowser:r}=pd(),[o,i]=t.useState(r?fd(n):null);return t.useEffect((()=>{const e=document.querySelector(`#${n}`),t=e||fd(n);e||document.body.appendChild(t),i(t)}),[]),o})("toast"),[r,o]=t.useState(!1),i=t.useRef(),{toasts:s,updateToastHoverStatus:l}=ud(),c=t.useMemo((()=>s.map(((e,t)=>n.createElement(bd,{index:t,total:s.length,toast:e,onHover:r,key:`toast-${t}`})))),[s,r]),d=e=>{if(e)return i.current&&clearTimeout(i.current),l((()=>!0)),o(!0);i.current=window.setTimeout((()=>{o(!1),l((()=>!1)),i.current&&clearTimeout(i.current)}),200)};return e&&s&&0!==s.length?a.createPortal(n.createElement(yd,null,n.createElement("div",{className:"toast-container "+(r?"hover":""),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},c)),e):null},xd=2e3;let wd,_d=[],kd=0;var Ed=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Sd}(e)}(e)};var Sd="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Cd(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Md((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Id(e,t,n){return e.concat(t).map((function(e){return Cd(e,n)}))}function Od(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Dd(e,t){try{return t in e}catch(e){return!1}}function Nd(e,t,n){var r={};return n.isMergeableObject(e)&&Od(e).forEach((function(t){r[t]=Cd(e[t],n)})),Od(t).forEach((function(o){(function(e,t){return Dd(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Dd(e,o)&&n.isMergeableObject(t[o])?r[o]=function(e,t){if(!t.customMerge)return Md;var n=t.customMerge(e);return"function"==typeof n?n:Md}(o,n)(e[o],t[o],n):r[o]=Cd(t[o],n))})),r}function Md(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Id,n.isMergeableObject=n.isMergeableObject||Ed,n.cloneUnlessOtherwiseSpecified=Cd;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):Nd(e,t,n):Cd(t,n)}Md.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Md(e,n,t)}),{})};var Td=Md;exports.Alert=Nn,exports.BUTTON_SIZE_VARIANTS=li,exports.BoxedRadio=zc,exports.Button=di,exports.ButtonDropdown=jl,exports.Checkbox=hi,exports.Confirmation=Yi,exports.ConfirmationBody=Hi,exports.ConfirmationContent=ji,exports.ConfirmationFooter=Bi,exports.ConfirmationOverlay=Fi,exports.CssBaseLine=mi,exports.DatePicker=e=>{const{onDateChange:r,onClose:o=(()=>null),initialDate:i,anchorDirection:a="right",minMonths:s=6,minimumNights:l=0,...c}=e,[p,h]=t.useState(i&&Ui(i)),[f,m]=t.useState(!1),[g,b]=t.useState(c.autoFocusEndDate?u.END_DATE:u.START_DATE),y=e=>{const t=document.getElementsByClassName("DayPickerNavigation_button")["prev"===e?0:1];return t?t.childNodes[0]:null},v=(e,t)=>{t?e.classList&&e.classList.add("disable-nav"):e.classList&&e.classList.remove("disable-nav")},{autoFocus:x,autoFocusEndDate:w,..._}=c;return n.createElement(ai.Box,{style:{position:"relative",height:"100%"}},n.createElement(Xi,null,n.createElement(d.DayPickerSingleDateController,Object.assign({},_,{daySize:32,minimumNights:l,onNextMonthClick:e=>{const t=y("prev"),n=y("next");if(n){Ui().isSame(e.add(1,"months"),"month")?(v(t,!1),v(n,!0)):(v(t,!1),v(n,!1))}},onPrevMonthClick:e=>{const t=y("prev"),n=y("next"),r=s-1;if(t){!Ui().subtract(r,"months").isBefore(e,"month")?(v(t,!0),v(n,!1)):(v(t,!1),v(n,!1))}},navPrev:n.createElement(ea,null),navNext:n.createElement(ta,null),renderMonthElement:e=>{const t=y("next"),r=e.month.isAfter(Ui(),"month");return t&&r&&v(t,!0),n.createElement(na,{dateRangePickerProps:e})},isOutsideRange:e=>!Ki(e,Ui()),date:p,onFocusChange:e=>{b(e||u.START_DATE)},focusedInput:g,initialDate:i,minDate:Ui().subtract(s-1,"months").subtract(0,"days"),maxDate:Ui().add(0,"months").endOf("month"),initialVisibleMonth:()=>Ui().subtract(1,"month"),onDateChange:e=>{h(e),r(e)},numberOfMonths:1,hideKeyboardShortcutsPanel:!0,weekDayFormat:"dd"}))))},exports.DismissIcon=ua,exports.Drawer=function(e){const{isOpen:n,onDismiss:r,hideDismissIcon:o,clickOutToClose:i=!0,size:a="default",placement:s="right",children:l,...c}=e;return t.createElement(ma,{in:n,placement:s},(e=>t.createElement(ha.Provider,{value:e},t.createElement(ba,{isOpen:!0,onDismiss:i?r:()=>{}},t.createElement(ga,{size:a},!o&&t.createElement(ua,{onClick:r},t.createElement(kn,{glyph:"close",size:"12",viewBox:"-2 -2 10 10"})),l)))))},exports.DrawerBody=da,exports.DrawerContent=ga,exports.DrawerFooter=pa,exports.DrawerOverlay=ba,exports.Dropdown=e=>{const{items:t,children:r,defaultSelectedItem:o,label:i="",placeholder:a,errorText:s,itemToString:l,itemComponent:c,onChange:d=(e=>e),type:u=sc.BUTTON,filterKey:p,width:h="100%",disabled:f,isErrored:m,isRequired:g,overrideButtonStyles:b,overrideContainerStyles:y,...v}=e;let x;return"object"!=typeof t[0]||l?x=e=>e?l?l(e):"object"!=typeof e?String(e):null:null:console.warn("Your items are objects. So you need to pass a function to translate each object as a string which can be shown as dropdown item labels"),n.createElement("div",null,n.createElement(bs,Object.assign({itemToString:x,selectedItem:o,onChange:d},v),(e=>n.createElement(Rc,Object.assign({width:h,isRequired:g},e.getRootProps()),i&&n.createElement("label",Object.assign({},e.getLabelProps()),i),n.createElement(lc.Provider,{value:{downshift:e,items:t,filterKey:p,type:u,name:v.name}},r||n.createElement(n.Fragment,null,sc.BUTTON===u&&n.createElement(uc,{disabled:f,isErrored:m,overrideStyles:b,placeholder:a}),sc.INPUT===u&&n.createElement(Mc,{placeholder:a,isErrored:m}),n.createElement(Dc,{itemComponent:c,isErrored:m,overrideStyles:y})))))),m&&s&&n.createElement(Tc,null,s))},exports.Fade=Pi,exports.FreemiumUIProvider=function(e){const{theme:n,children:r}=e;return t.createElement(Ze,{theme:n},t.createElement(mi,null),r)},exports.Glyph=_n,exports.Icons=kn,exports.InlineSvg=xn,exports.Input=Jl,exports.Menu=$l,exports.Modal=({children:e,isOpen:t,onDismiss:r,position:o="center",align:i="center",size:a="default"})=>n.createElement(Pi,{timeout:300,in:t,unmountOnExit:!0},(s=>n.createElement(ra,{className:"modal-overlay",style:s,align:i,position:o,isOpen:!0,onDismiss:r},n.createElement(zi,{timeout:150,in:t,unmountOnExit:!0},(t=>n.createElement(sa,{className:"modal-content",style:t,size:a,"aria-label":"dialog"},e)))))),exports.ModalBody=la,exports.ModalContent=sa,exports.ModalFooter=ca,exports.ModalOverlay=ra,exports.MultiSelectDropdown=e=>{const{name:r,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:c,isErrored:d,errorText:u,itemLabelIdentifier:p,itemValueIdentifier:h,isRequired:f,renderCustomSuggestion:m,maxAllowedLength:g=2147483647,...b}=e,[y,v]=t.useState([]),[x,w]=t.useState(""),[_,k]=t.useState(!1),E=t.useRef(null);t.useEffect((()=>{v([...a])}),[a]);const S=e=>{y.some((t=>t[h]===e[h]))?I(e):_||C(e)},C=e=>{w(""),v([...y,e]),s([...y,e])},I=e=>{const t=y.filter((t=>t[p]!==e[p]));v(t),s(t)},O=e=>m?m(e):(({item:e,lengthError:t,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((t=>t[l]&&t[l]===e[l]));return n.createElement(ic,Object.assign({disabled:e.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&e.customValues,lengthError:t}),n.createElement(ai.Flex,{alignItems:"center",justifyContent:"space-between"},n.createElement("div",{className:"primary-text","data-testid":`suggested-item-${e[l]}`},t?`Length cannot be greater than ${r} characters`:e.customValues&&""!==e[c]?`Enter to ${u?"remove":"add"} '${e[c]}'`:e[c]),u&&!e.customValues&&n.createElement(kn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(e);return n.createElement("div",null,n.createElement(bs,Object.assign({selectedItem:a,onChange:e=>{e&&S(e)},itemToString:e=>e?e[h]:"",inputValue:x,onInputValueChange:(e="")=>{l&&e.length>g?k(!0):k(!1),w(e)}},b),(({getInputProps:e,getItemProps:t,getRootProps:a,inputValue:s,selectedItem:u,toggleMenu:m,isOpen:b,highlightedIndex:y})=>n.createElement(ac,Object.assign({required:f},a()),o&&n.createElement("label",{htmlFor:o},o),n.createElement(rc,{isOpen:b,isErrored:d,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{b||E&&E.current&&E.current.focus(),m()}},n.createElement("div",{className:"items"},(({selectedItem:e,removeSelectedItem:t,itemLabelIdentifier:r})=>e&&e.length>0&&e.map(((e,o)=>e[r]&&n.createElement(ec,{key:o,onCloseAction:n=>{n.stopPropagation(),t(e)}},e[r]))))({removeSelectedItem:I,selectedItem:u,itemLabelIdentifier:p}),(({label:e,name:t,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?n.createElement("input",Object.assign({name:t,size:25,"data-testid":`formik-multi-select-input-${e}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:r,label:o||"",searchRef:E,selectedItem:u,removeSelectedItem:I,items:i,inputValue:s,placeholder:c,customValues:l,InputProps:{...e({onKeyDown:e=>{"Backspace"!==e.key||s||I(u[u.length-1]),"Enter"===e.key&&s&&l&&null===y&&S({[p]:s,[h]:s})}})}})),n.createElement("div",{className:"svg-wrapper"},n.createElement(kn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),n.createElement(zi,{initialOffset:"-20px",timeout:200,in:b,unmountOnExit:!0},(e=>{const r=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,p,h,l);return r&&r.length>0&&n.createElement(oc,{style:e},r.map(((e,n)=>O({lengthError:_,maxAllowedLength:g,item:e,index:n,itemProps:t({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:y===n,highlightedIndex:y,selectedItem:u,itemValueIdentifier:h,itemLabelIdentifier:p}))))}))))),d&&u&&n.createElement(nc,null,u))},exports.Popover=xa,exports.Radio=Lc,exports.Slide=$i,exports.SlideFade=zi,exports.SvgWrapper=wn,exports.Table=e=>{const{columns:t=[],data:r=[],count:o=0,offset:i=0,limit:a=0,next:s=!1,previous:l=!1,showPagination:c=!0,showSelectAllInTable:d=!1,showActions:u=!0,showSelections:p=!0,showFilters:f=!0,showOptions:m=!0,rowMenuOptions:g=(()=>[]),onRowSelect:b,onRowClick:y,onPrevious:v,onSelectAll:x,onNext:w,onMenuOptionSelect:_,headerComponent:k,initialState:E,state:S,filterComponent:C}=e,[I,O]=n.useState(f),[D,N]=n.useState(null),M=h.useTable({columns:t,data:r,initialState:E},h.useRowSelect,h.useColumnOrder,(e=>{e.visibleColumns.push((e=>p?[{id:"selection",disableResizing:!0,width:50,Header:({getToggleAllRowsSelectedProps:e,toggleAllRowsSelected:t})=>d?n.createElement("div",{className:"table-checkbox"},n.createElement(hi,Object.assign({id:"selectAll",name:"selectAll"},e(),{onChange:(e,n)=>{x&&x(n),t(n)}}))):n.createElement("div",null),Cell:e=>{const{row:t,column:r}=e;return n.createElement("div",{className:"table-checkbox"},n.createElement(hi,Object.assign({id:"selectRow",name:"selectRow"},t.getToggleRowSelectedProps(),{onChange:(e,n)=>{t.toggleRowSelected(n)}})))}},...e]:[...e]))})),{getTableProps:T,getTableBodyProps:R,headerGroups:A,rows:P,state:{selectedRowIds:L},prepareRow:V,setColumnOrder:$,getToggleAllRowsSelectedProps:z}=M;return h.useMountedLayoutEffect((()=>{$(E?.columnOrder)}),[E?.columnOrder]),h.useMountedLayoutEffect((()=>{b&&b(L)}),[b,L]),n.createElement(Fc,{className:"fui-table"},u&&n.createElement(Bc,{className:"table-actions"},n.createElement("div",{className:"action"},!d&&p&&n.createElement(hi,Object.assign({id:"selectAll",name:"selectAll"},z()),"Select All")),k||void 0,n.createElement("div",{className:"pagination-actions"},c&&n.createElement(n.Fragment,null,n.createElement("div",{className:"pagination-text"},i+1," - ",i+a," of ",o),n.createElement(di,{type:"secondary",disabled:!l,onClick:()=>v&&v(l)},n.createElement(kn,{glyph:"chevron-left",size:12,viewBox:"0 0 6 8"})),n.createElement(di,{type:"secondary",disabled:!s,onClick:()=>w&&w(s)},n.createElement(kn,{glyph:"chevron-right",size:12,viewBox:"0 0 6 8"}))),f&&n.createElement(di,{type:"secondary",className:"filter-toggle",onClick:()=>O(!I)},n.createElement(kn,{glyph:I?"collapse":"expand",size:12,viewBox:"0 0 14 14"}))))," ",n.createElement(Xc,{className:"table-content"},n.createElement(Hc,{showFilters:f&&I,className:"table-wrapper"},n.createElement(Wc,Object.assign({},T()),n.createElement(Gc,null,A.map((e=>{const{getHeaderGroupProps:t,headers:r}=e;return n.createElement(Uc,Object.assign({},t(),{className:"header-row"}),r.map((e=>{const{getHeaderProps:t,render:r}=e;return n.createElement(qc,Object.assign({},t()),r("Header"))})),m&&n.createElement(qc,null))}))),n.createElement(Kc,Object.assign({},R()),P.map((e=>{V(e);const{getRowProps:t,cells:r}=e;return n.createElement(Uc,Object.assign({},t(),{className:e.isSelected?"selected":""}),r.map((e=>{const{getCellProps:t,render:r}=e;return n.createElement(Zc,Object.assign({},t(),{onClick:()=>{"selection"!==e.column.id&&y&&y(e.row,e.column)}}),r("Cell"))})),m&&n.createElement(Zc,null,g&&g(e.original).length>0&&n.createElement(n.Fragment,null,n.createElement(Qc,{"aria-describedby":`row-popover-${e.id}`,onClick:e=>N(e.currentTarget)},n.createElement(kn,{glyph:"more-vertical",size:12,viewBox:"0 0 4 16"})),n.createElement(xa,{id:`row-popover-${e.id}`,anchorEl:D,onClose:()=>N(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"}},n.createElement($l,{options:g(e.original)||[],onSelect:t=>{_&&_(t.id,e.original),N(null)},closeMenuCallback:()=>N(null)})))))}))))),f&&I&&C&&n.createElement(Jc,{className:"table-filters"},C)))},exports.Tabs=e=>{const{value:t,onChange:r=(()=>{}),idAccessor:o="id",nameAccessor:i="name",options:a=[],ref:s=null}=e;return n.createElement(ed,{ref:s,role:"tablist"},a.map((e=>!e.hide&&n.createElement(td,{"aria-disabled":Boolean(e.disabled),tabIndex:t===e[o]?-1:0,role:"tab",className:`${e.disabled?"disabled":""} ${t===e[o]?"selected":""}`.trim(),onClick:t=>!e.disabled&&r(t,e),id:e[o],key:e[o]},n.createElement("span",{className:"label"}," ",e[i])))))},exports.Tag=ec,exports.TextArea=Ql,exports.ThemeProvider=function(e){const{children:n,theme:r={},globalStyle:o=!0}=e,i=Td(fi,r);return t.createElement(Ze,{theme:i},o&&t.createElement(mi,null),n)},exports.ToastWrapper=e=>{const[r,o]=t.useState([]),[i,a]=t.useState(0),[l,c]=t.useState(!1),d=e=>{o(r.filter((t=>t.id!==e)))};return t.useEffect((()=>{r.length||c(!1)}),[r]),n.createElement(rd.Provider,{value:{pushToast:e=>{const t={...e,id:i};a(i+1),o([t,...r])},closeToast:d}},e.children,s.createPortal(n.createElement(ad,{length:r.length,isHovering:l,onMouseOver:()=>{c(!0)},onMouseLeave:()=>{c(!1)}},r.map(((e,t)=>n.createElement(od,{key:e.id,index:t,toast:e,closeToast:d,isHovering:l})))," "),document.body))},exports.Toggle=cd,exports.Tooltip=({position:e="bottom",label:n,theme:r="dark",arrow:o=!0,trigger:i="mouseenter",interactive:a=!0,html:s=null,style:l={},children:c})=>t.createElement(t.Fragment,null,t.createElement(Wl,null),t.createElement(p.Tooltip,{title:n,position:e,theme:r,arrow:o,arrowSize:"regular",animateFill:!1,hideOnClick:"persistent",html:s,interactive:a,style:l,trigger:i,duration:150,delay:100},t.cloneElement(c))),exports.Transition=Ri,exports.UiProvider=({children:e})=>{const[r,o,i]=Wi([]),[a,s]=t.useState(!1),l=e=>{const t=e(i.current);o(t)},c=e=>{const t=e();s(t)},d=t.useMemo((()=>({toasts:r,toastHovering:a,updateToasts:l,updateToastHoverStatus:c})),[r,a]);return n.createElement(dd.Provider,{value:d},n.createElement(n.Fragment,null,e,n.createElement(vd,null)))},exports.debounce=(e,t)=>{let n=0;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e(...r)),t)}},exports.useConfirmation=(e=!1)=>{const[t,n,r]=Wi(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useModal=(e=!1)=>{const[t,n,r]=Wi(e);return{visible:t,setVisible:n,currentRef:r,bindings:{isOpen:t,onDismiss:()=>n(!1)}}},exports.useTheme=function(){const e=t.useContext(qe);if(!e)throw Error("useTheme must be used within a ThemeProvider");return e},exports.useToasts=()=>{const{updateToasts:e,toastHovering:n,toasts:r}=ud(),[,o,i]=Wi(n);t.useEffect((()=>o(n)),[n]);return[r,t=>{const n=`toast-${hd()}`,r=t.delay||xd,o=(t,n)=>{e((e=>e.map((e=>e.id!==t?e:{...e,willBeDestroy:!0})))),_d.push(t),((t,n)=>{n<=kd||(clearTimeout(wd),kd=n,wd=window.setTimeout((()=>{e((e=>_d.length<e.length?e:(_d=[],[]))),clearTimeout(wd)}),t+350))})(n,performance.now())};e((e=>[...e,{...t,id:n,delay:r,cancel:()=>o(n,r)}]));const a=(e,t)=>{const n=window.setTimeout((()=>{if(i.current)return a(e,t),clearTimeout(n);o(e,t),clearTimeout(n)}),t)};a(n,r)}]};
|
package/lib/index.esm.js
CHANGED
|
@@ -1011,7 +1011,7 @@ r.version="2.29.1",o(Kn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
|
|
|
1011
1011
|
${({theme:{colors:e,typography:{body:t}},isHighlighted:n,isSelected:r,disabled:o,isRemove:i,lengthError:a})=>`\n .primary-text {\n font-size : ${t.regular.fontSize};\n line-height : ${t.regular.lineHeight};\n color: ${i||a?e.text.error:r?n?e.text.primary:e.text.link:o?e.text.disabled:e.text.primary};\n font-weight : ${r?"500":"400"};\n display: block;\n }\n padding : 8px;\n margin : 8px;\n border-radius: 4px;\n overflow-wrap : break-word; \n background: ${i?"none":r?e.background.selected:n?e.background.hover:"none"};\n :hover {\n cursor: ${o?"not-allowed":"pointer"};\n } \n `}
|
|
1012
1012
|
`,Mc=yt.div`
|
|
1013
1013
|
${({required:e,theme:{colors:{text:t},typography:{body:n,input:r}}})=>`\n position : relative;\n label {\n display : inline-block;\n font-weight: ${n.label.fontWeight};\n font-size: ${n.label.fontSize};\n line-height: ${n.label.lineHeight};\n text-transform: capitalize;\n padding-left: 2px;\n margin-bottom : 8px;\n ${e?`&::after {\n content: '*';\n position: relative;\n top: 2px;\n font-weight: ${n.requiredLabel.fontWeight};\n font-size: ${n.requiredLabel.fontSize};\n color : ${t.error};\n padding-left: 3px;\n }`:""};\n }\n `}
|
|
1014
|
-
`,Tc=t=>{const{name:n,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:u,isErrored:p,errorText:h,itemLabelIdentifier:f,itemValueIdentifier:m,
|
|
1014
|
+
`,Tc=t=>{const{name:n,label:o,items:i,selectedItem:a,onChange:s,customValues:l=!1,placeholder:u,isErrored:p,errorText:h,itemLabelIdentifier:f,itemValueIdentifier:m,isRequired:g,renderCustomSuggestion:b,maxAllowedLength:y=2147483647,...v}=t,[x,w]=c([]),[_,k]=c(""),[E,S]=c(!1),C=r(null);d((()=>{w([...a])}),[a]);const I=e=>{x.some((t=>t[m]===e[m]))?N(e):E||O(e)},O=e=>{k(""),w([...x,e]),s([...x,e])},N=e=>{const t=x.filter((t=>t[f]!==e[f]));w(t),s(t)},D=t=>b?b(t):(({item:t,lengthError:n,maxAllowedLength:r,itemProps:o,index:i,highlightedIndex:a,selectedItem:s,itemValueIdentifier:l,itemLabelIdentifier:c})=>{const d=a===i,u=s.some((e=>e[l]&&e[l]===t[l]));return e.createElement(Dc,Object.assign({disabled:t.disabled},o,{key:i,isHighlighted:d,isSelected:u,isRemove:u&&t.customValues,lengthError:n}),e.createElement(Ei.Flex,{alignItems:"center",justifyContent:"space-between"},e.createElement("div",{className:"primary-text","data-testid":`suggested-item-${t[l]}`},n?`Length cannot be greater than ${r} characters`:t.customValues&&""!==t[c]?`Enter to ${u?"remove":"add"} '${t[c]}'`:t[c]),u&&!t.customValues&&e.createElement(Fn,{glyph:"check",size:12,viewBox:"0 0 8 8"})))})(t);return e.createElement("div",null,e.createElement(js,Object.assign({selectedItem:a,onChange:e=>{e&&I(e)},itemToString:e=>e?e[m]:"",inputValue:_,onInputValueChange:(e="")=>{l&&e.length>y?S(!0):S(!1),k(e)}},v),(({getInputProps:t,getItemProps:r,getRootProps:a,inputValue:s,selectedItem:c,toggleMenu:d,isOpen:h,highlightedIndex:b})=>e.createElement(Mc,Object.assign({required:g},a()),o&&e.createElement("label",{htmlFor:o},o),e.createElement(Oc,{isOpen:h,isErrored:p,id:"dropdownField container","data-testid":`formik-multi-select-${o}`,onClick:()=>{h||C&&C.current&&C.current.focus(),d()}},e.createElement("div",{className:"items"},(({selectedItem:t,removeSelectedItem:n,itemLabelIdentifier:r})=>t&&t.length>0&&t.map(((t,o)=>t[r]&&e.createElement(Sc,{key:o,onCloseAction:e=>{e.stopPropagation(),n(t)}},t[r]))))({removeSelectedItem:N,selectedItem:c,itemLabelIdentifier:f}),(({label:t,name:n,searchRef:r,InputProps:o,items:i,placeholder:a,customValues:s})=>0!==i.length||s?e.createElement("input",Object.assign({name:n,size:25,"data-testid":`formik-multi-select-input-${t}`,ref:r,type:"text"},o,{placeholder:a})):null)({name:n,label:o||"",searchRef:C,selectedItem:c,removeSelectedItem:N,items:i,inputValue:s,placeholder:u,customValues:l,InputProps:{...t({onKeyDown:e=>{"Backspace"!==e.key||s||N(c[c.length-1]),"Enter"===e.key&&s&&l&&null===b&&I({[f]:s,[m]:s})}})}})),e.createElement("div",{className:"svg-wrapper"},e.createElement(Fn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))),e.createElement(ra,{initialOffset:"-20px",timeout:200,in:h,unmountOnExit:!0},(t=>{const n=((e,t,n,r,o)=>{const i=t.filter((t=>t[n].toLowerCase().includes(e&&e.toLowerCase&&e.toLowerCase())));return 0==i.length&&o&&""!==e&&i.push({[r]:e,[n]:e,customValues:!0}),i})(s,i,f,m,l);return n&&n.length>0&&e.createElement(Nc,{style:t},n.map(((e,t)=>D({lengthError:E,maxAllowedLength:y,item:e,index:t,itemProps:r({item:e,onClick:e=>e.stopPropagation(),disabled:e.disabled}),isActive:b===t,highlightedIndex:b,selectedItem:c,itemValueIdentifier:m,itemLabelIdentifier:f}))))}))))),p&&h&&e.createElement(Ic,null,h))},Ac={BUTTON:"button",INPUT:"input"},Rc=e.createContext(null);function Pc(t){function n(n,r){return e.createElement(Rc.Consumer,null,(({downshift:o,items:i,filterKey:a,type:s,name:l})=>e.createElement(t,Object.assign({downshift:o,items:i,filterKey:a,type:s,name:l},n,{ref:r}))))}return n.displayName=`withDownshift(${t.displayName||t.name})`,q(e.forwardRef(n),t)}const Lc=yt.button`
|
|
1015
1015
|
${({theme:e,isOpen:t,isErrored:n})=>{const{colors:{components:{input:r},border:o,pseudo:i},palette:a}=e;return`\n background: ${a.white};\n border: none;\n cursor: pointer;\n position : relative;\n box-shadow: none;\n min-height: 38px;\n border-radius: 5px;\n padding: 4px 12px;\n border: 1px solid ${n?o.error:t?"transparent":r.primary.borderColor};\n box-shadow : ${t&&!n?`0 0 0 2px ${i.focus}`:"none"};\n display: flex;\n width: 100%;\n align-items: center;\n display: flex;\n outline: none;\n border-radius: 4px;\n justify-content: space-between;\n\n .dropdown-selected {\n display: block;\n font-size: 14px;\n width: 90%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n .placeholder {\n opacity : 0.7;\n }\n }\n .dropdown-status {\n transition: all ease-in 0.2s;\n transform: ${t?"rotate(180deg)":"rotate(0deg)"};\n }\n \n &[disabled] {\n filter: opacity(0.6);\n cursor: not-allowed;\n } \n &.focused {\n boxshadow: 0 0px 0px 2px ${i.focus};\n } \n\n `}};
|
|
1016
1016
|
${({theme:e,overrideStyles:t})=>{const{typography:n}=e;return{...n.body.secondary,...t}}};
|
|
1017
1017
|
`;var Vc=Pc((t=>{const{downshift:{getToggleButtonProps:n,selectedItem:r,isOpen:o,itemToString:i},children:a,disabled:s=!1,isErrored:l=!1,overrideStyles:c={},buttonLabelComponent:d,placeholder:u="--Select--"}=t,p=((e,t)=>e?e(t):t)(i,r);let h=null;return e.createElement(Lc,Object.assign({},n({onClick:e=>{e.stopPropagation()}}),{isOpen:o,isErrored:l,className:"dropdown-button",overrideStyles:c,innerRef:e=>h=e,onFocus:()=>h&&h.classList.add("focused"),onBlur:()=>h&&h.classList.remove("focused"),disabled:s}),a?a({label:p,getToggleButtonProps:n,isOpen:o}):e.createElement(e.Fragment,null,e.createElement("div",{className:"dropdown-selected"},d?e.createElement(d,null,p):p||e.createElement("span",{className:"placeholder"},u)),e.createElement("div",{className:"dropdown-status"},e.createElement(Fn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"}))))})),$c={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Ấ":"A","Ắ":"A","Ẳ":"A","Ẵ":"A","Ặ":"A","Æ":"AE","Ầ":"A","Ằ":"A","Ȃ":"A","Ç":"C","Ḉ":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ế":"E","Ḗ":"E","Ề":"E","Ḕ":"E","Ḝ":"E","Ȇ":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ḯ":"I","Ȋ":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ố":"O","Ṍ":"O","Ṓ":"O","Ȏ":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","ấ":"a","ắ":"a","ẳ":"a","ẵ":"a","ặ":"a","æ":"ae","ầ":"a","ằ":"a","ȃ":"a","ç":"c","ḉ":"c","è":"e","é":"e","ê":"e","ë":"e","ế":"e","ḗ":"e","ề":"e","ḕ":"e","ḝ":"e","ȇ":"e","ì":"i","í":"i","î":"i","ï":"i","ḯ":"i","ȋ":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ố":"o","ṍ":"o","ṓ":"o","ȏ":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Ĉ":"C","ĉ":"c","Ċ":"C","ċ":"c","Č":"C","č":"c","C̆":"C","c̆":"c","Ď":"D","ď":"d","Đ":"D","đ":"d","Ē":"E","ē":"e","Ĕ":"E","ĕ":"e","Ė":"E","ė":"e","Ę":"E","ę":"e","Ě":"E","ě":"e","Ĝ":"G","Ǵ":"G","ĝ":"g","ǵ":"g","Ğ":"G","ğ":"g","Ġ":"G","ġ":"g","Ģ":"G","ģ":"g","Ĥ":"H","ĥ":"h","Ħ":"H","ħ":"h","Ḫ":"H","ḫ":"h","Ĩ":"I","ĩ":"i","Ī":"I","ī":"i","Ĭ":"I","ĭ":"i","Į":"I","į":"i","İ":"I","ı":"i","IJ":"IJ","ij":"ij","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","Ḱ":"K","ḱ":"k","K̆":"K","k̆":"k","Ĺ":"L","ĺ":"l","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ŀ":"L","ŀ":"l","Ł":"l","ł":"l","Ḿ":"M","ḿ":"m","M̆":"M","m̆":"m","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","ʼn":"n","N̆":"N","n̆":"n","Ō":"O","ō":"o","Ŏ":"O","ŏ":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","P̆":"P","p̆":"p","Ŕ":"R","ŕ":"r","Ŗ":"R","ŗ":"r","Ř":"R","ř":"r","R̆":"R","r̆":"r","Ȓ":"R","ȓ":"r","Ś":"S","ś":"s","Ŝ":"S","ŝ":"s","Ş":"S","Ș":"S","ș":"s","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","ț":"t","Ț":"T","Ť":"T","ť":"t","Ŧ":"T","ŧ":"t","T̆":"T","t̆":"t","Ũ":"U","ũ":"u","Ū":"U","ū":"u","Ŭ":"U","ŭ":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ȗ":"U","ȗ":"u","V̆":"V","v̆":"v","Ŵ":"W","ŵ":"w","Ẃ":"W","ẃ":"w","X̆":"X","x̆":"x","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Y̆":"Y","y̆":"y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","ſ":"s","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Ǎ":"A","ǎ":"a","Ǐ":"I","ǐ":"i","Ǒ":"O","ǒ":"o","Ǔ":"U","ǔ":"u","Ǖ":"U","ǖ":"u","Ǘ":"U","ǘ":"u","Ǚ":"U","ǚ":"u","Ǜ":"U","ǜ":"u","Ứ":"U","ứ":"u","Ṹ":"U","ṹ":"u","Ǻ":"A","ǻ":"a","Ǽ":"AE","ǽ":"ae","Ǿ":"O","ǿ":"o","Þ":"TH","þ":"th","Ṕ":"P","ṕ":"p","Ṥ":"S","ṥ":"s","X́":"X","x́":"x","Ѓ":"Г","ѓ":"г","Ќ":"К","ќ":"к","A̋":"A","a̋":"a","E̋":"E","e̋":"e","I̋":"I","i̋":"i","Ǹ":"N","ǹ":"n","Ồ":"O","ồ":"o","Ṑ":"O","ṑ":"o","Ừ":"U","ừ":"u","Ẁ":"W","ẁ":"w","Ỳ":"Y","ỳ":"y","Ȁ":"A","ȁ":"a","Ȅ":"E","ȅ":"e","Ȉ":"I","ȉ":"i","Ȍ":"O","ȍ":"o","Ȑ":"R","ȑ":"r","Ȕ":"U","ȕ":"u","B̌":"B","b̌":"b","Č̣":"C","č̣":"c","Ê̌":"E","ê̌":"e","F̌":"F","f̌":"f","Ǧ":"G","ǧ":"g","Ȟ":"H","ȟ":"h","J̌":"J","ǰ":"j","Ǩ":"K","ǩ":"k","M̌":"M","m̌":"m","P̌":"P","p̌":"p","Q̌":"Q","q̌":"q","Ř̩":"R","ř̩":"r","Ṧ":"S","ṧ":"s","V̌":"V","v̌":"v","W̌":"W","w̌":"w","X̌":"X","x̌":"x","Y̌":"Y","y̌":"y","A̧":"A","a̧":"a","B̧":"B","b̧":"b","Ḑ":"D","ḑ":"d","Ȩ":"E","ȩ":"e","Ɛ̧":"E","ɛ̧":"e","Ḩ":"H","ḩ":"h","I̧":"I","i̧":"i","Ɨ̧":"I","ɨ̧":"i","M̧":"M","m̧":"m","O̧":"O","o̧":"o","Q̧":"Q","q̧":"q","U̧":"U","u̧":"u","X̧":"X","x̧":"x","Z̧":"Z","z̧":"z"},zc=Object.keys($c).join("|"),Yc=new RegExp(zc,"g"),jc=new RegExp(zc,""),Fc=function(e){return e.replace(Yc,(function(e){return $c[e]}))},Hc=Fc,Bc=function(e){return!!e.match(jc)},Wc=Fc;Hc.has=Bc,Hc.remove=Wc;var Uc={CASE_SENSITIVE_EQUAL:9,EQUAL:8,STARTS_WITH:7,WORD_STARTS_WITH:6,STRING_CASE:5,STRING_CASE_ACRONYM:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0},Gc={CAMEL:.8,PASCAL:.6,KEBAB:.4,SNAKE:.2,NO_CASE:0};Zc.rankings=Uc,Zc.caseRankings=Gc;var Kc=function(e,t){return String(e.rankedItem).localeCompare(t.rankedItem)};function Zc(e,t,n){void 0===n&&(n={});var r=n,o=r.keys,i=r.threshold,a=void 0===i?Uc.MATCHES:i,s=r.baseSort,l=void 0===s?Kc:s,c=e.reduce((function(e,r,i){var s=function(e,t,n,r){if(!t)return{rankedItem:e,rank:qc(e,n,r),keyIndex:-1,keyThreshold:r.threshold};return function(e,t){return t.reduce((function(t,n){var r=function(e,t){"object"==typeof t&&(t=t.key);var n;n="function"==typeof t?t(e):-1!==t.indexOf(".")?t.split(".").reduce((function(e,t){return e?e[t]:null}),e):e[t];return null!=n?[].concat(n):null}(e,n);return r&&r.forEach((function(e){t.push({itemValue:e,attributes:Jc(n)})})),t}),[])}(e,t).reduce((function(e,t,o){var i=e.rank,a=e.rankedItem,s=e.keyIndex,l=e.keyThreshold,c=t.itemValue,d=t.attributes,u=qc(c,n,r),p=a,h=d.minRanking,f=d.maxRanking,m=d.threshold;return u<h&&u>=Uc.MATCHES?u=h:u>f&&(u=f),u>i&&(i=u,s=o,l=m,p=c),{rankedItem:p,rank:i,keyIndex:s,keyThreshold:l}}),{rank:Uc.NO_MATCH,keyIndex:-1,keyThreshold:r.threshold})}(r,o,t,n),l=s.rankedItem,c=s.rank,d=s.keyIndex,u=s.keyThreshold;c>=(void 0===u?a:u)&&e.push({rankedItem:l,item:r,rank:c,index:i,keyIndex:d});return e}),[]);return c.sort((function(e,t){return function(e,t,n){var r=-1,o=1,i=e.rank,a=e.keyIndex,s=t.rank,l=t.keyIndex;return i===s?a===l?n(e,t):a<l?r:o:i>s?r:o}(e,t,l)})).map((function(e){return e.item}))}function qc(e,t,n){if(e=Xc(e,n),(t=Xc(t,n)).length>e.length)return Uc.NO_MATCH;if(e===t)return Uc.CASE_SENSITIVE_EQUAL;var r,o,i=function(e){var t=e.toLowerCase()!==e,n=e.indexOf("-")>=0,r=e.indexOf("_")>=0;if(!t&&!r&&n)return Gc.KEBAB;if(!t&&r&&!n)return Gc.SNAKE;if(t&&!n&&!r){return e[0].toUpperCase()===e[0]?Gc.PASCAL:Gc.CAMEL}return Gc.NO_CASE}(e),a=function(e,t,n){var r=e.toLowerCase().indexOf(t.toLowerCase());switch(n){case Gc.SNAKE:return"_"===e[r-1];case Gc.KEBAB:return"-"===e[r-1];case Gc.PASCAL:case Gc.CAMEL:return-1!==r&&e[r]===e[r].toUpperCase();default:return!1}}(e,t,i),s=function(e,t,n){var r=null;switch(n){case Gc.SNAKE:r="_";break;case Gc.KEBAB:r="-";break;case Gc.PASCAL:case Gc.CAMEL:r=/(?=[A-Z])/;break;default:r=null}var o=e.split(r);return t.toLowerCase().split("").reduce((function(e,t,n){var r=o[n];return e&&r&&r[0].toLowerCase()===t}),!0)}(e,t,i);return(e=e.toLowerCase())===(t=t.toLowerCase())?Uc.EQUAL+i:0===e.indexOf(t)?Uc.STARTS_WITH+i:-1!==e.indexOf(" "+t)?Uc.WORD_STARTS_WITH+i:a?Uc.STRING_CASE+i:i>0&&s?Uc.STRING_CASE_ACRONYM+i:-1!==e.indexOf(t)?Uc.CONTAINS+i:1===t.length?Uc.NO_MATCH:-1!==(r=e,o="",r.split(" ").forEach((function(e){e.split("-").forEach((function(e){o+=e.substr(0,1)}))})),o).indexOf(t)?Uc.ACRONYM+i:function(e,t){var n=0,r=0;function o(e,t,r){for(var o=r;o<t.length;o++){if(t[o]===e)return n+=1,o+1}return-1}function i(e){var r=n/t.length;return Uc.MATCHES+r*(1/e)}var a=o(t[0],e,0);if(a<0)return Uc.NO_MATCH;r=a;for(var s=1;s<t.length;s++){if(!((r=o(t[s],e,r))>-1))return Uc.NO_MATCH}return i(r-a)}(e,t)}function Xc(e,t){return e=""+e,t.keepDiacritics||(e=Hc(e)),e}function Jc(e){return"string"==typeof e&&(e={key:e}),kt({maxRanking:1/0,minRanking:-1/0},e)}const Qc=yt.ul`
|
|
@@ -6,6 +6,7 @@ interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
|
6
6
|
maxLength?: any;
|
|
7
7
|
type?: string;
|
|
8
8
|
label?: string;
|
|
9
|
+
name?: string;
|
|
9
10
|
style?: any;
|
|
10
11
|
value?: any;
|
|
11
12
|
inputStyle?: any;
|
|
@@ -23,7 +24,8 @@ interface TextAreaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
|
|
|
23
24
|
style?: any;
|
|
24
25
|
inputStyle?: any;
|
|
25
26
|
className?: string;
|
|
26
|
-
label
|
|
27
|
+
label?: string;
|
|
28
|
+
name?: string;
|
|
27
29
|
startLabel?: React.ReactNode | any;
|
|
28
30
|
startAdornment?: React.ReactNode | any;
|
|
29
31
|
endLabel?: React.ReactNode | any;
|
|
@@ -37,12 +39,12 @@ export declare const Input: React.ComponentType<Partial<{
|
|
|
37
39
|
isErrored: boolean;
|
|
38
40
|
inline: boolean;
|
|
39
41
|
spellcheck: boolean;
|
|
40
|
-
}> & Pick<InputProps & React.RefAttributes<HTMLInputElement>, "label" | "slot" | "style" | "title" | "ref" | "type" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "errorText" | "maxLength" | "value" | "inputStyle" | "startLabel" | "startAdornment" | "endLabel" | "endAdornment">>;
|
|
42
|
+
}> & Pick<InputProps & React.RefAttributes<HTMLInputElement>, "label" | "slot" | "style" | "title" | "ref" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "errorText" | "maxLength" | "value" | "inputStyle" | "startLabel" | "startAdornment" | "endLabel" | "endAdornment">>;
|
|
41
43
|
export declare const TextArea: React.ComponentType<Partial<{
|
|
42
44
|
isRequired: boolean;
|
|
43
45
|
showCount: boolean;
|
|
44
46
|
isErrored: boolean;
|
|
45
47
|
inline: boolean;
|
|
46
48
|
spellcheck: boolean;
|
|
47
|
-
}> & Pick<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "label" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "errorText" | "inputStyle" | "startLabel" | "startAdornment" | "endLabel" | "endAdornment">>;
|
|
49
|
+
}> & Pick<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "label" | "slot" | "style" | "title" | "ref" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "errorText" | "inputStyle" | "startLabel" | "startAdornment" | "endLabel" | "endAdornment">>;
|
|
48
50
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './
|
|
1
|
+
export * from './Loader';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare type MultiSelectProps = {
|
|
3
3
|
name: string;
|
|
4
|
-
label
|
|
4
|
+
label?: string;
|
|
5
5
|
items: any[];
|
|
6
6
|
selectedItem: any;
|
|
7
7
|
onChange: (items: any) => void;
|
|
@@ -10,7 +10,7 @@ declare type MultiSelectProps = {
|
|
|
10
10
|
itemValueIdentifier: string;
|
|
11
11
|
errorText?: string;
|
|
12
12
|
isErrored?: boolean;
|
|
13
|
-
|
|
13
|
+
isRequired?: boolean;
|
|
14
14
|
customValues?: boolean;
|
|
15
15
|
renderCustomSuggestion?: any;
|
|
16
16
|
maxAllowedLength?: number;
|