@sorocraft/ui 1.0.5 → 1.0.7
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/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/scss/animations.scss +58 -0
- package/dist/styles/scss/variables.scss +19 -5
- package/dist/styles/ui.css +1 -1
- package/dist/styles/ui.css.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(require("react-dom")),i={avatar:"Avatar-module_avatar__5-kP8",image:"Avatar-module_image__HFFlp",clickable:"Avatar-module_clickable__DD7pl",editable:"Avatar-module_editable__CpXtw",editIcon:"Avatar-module_editIcon__ULUa1",overlay:"Avatar-module_overlay__d95aK",overlayText:"Avatar-module_overlayText__NgsFM",loading:"Avatar-module_loading__9gBDd",xxs:"Avatar-module_xxs__zCCH6",xs:"Avatar-module_xs__1SMBv",sm:"Avatar-module_sm__8TB22",md:"Avatar-module_md__zeW0d",lg:"Avatar-module_lg__MWKN-",xl:"Avatar-module_xl__KCqIL",xxl:"Avatar-module_xxl__ox6gi",xxxl:"Avatar-module_xxxl__9Cc7C",inline:"Avatar-module_inline__H0AhD",flexWide:"Avatar-module_flexWide__GQYaQ",slidein:"Avatar-module_slidein__KV8Ih",fadeInOut:"Avatar-module_fadeInOut__2M9tv"},l=function(e,o,n){void 0===n&&(n=[]);var t=[];for(var i in o)o[i]&&t.push(e[i]);return(null==n?void 0:n.length)>0&&(t=t.concat(n)),t.join(" ")},r={container:"SVGIcon-module_container__z2RN5",isLoading:"SVGIcon-module_isLoading__8BhuU",fadeInOut:"SVGIcon-module_fadeInOut__EgbCf",flexWide:"SVGIcon-module_flexWide__IfOOF",slidein:"SVGIcon-module_slidein__RT6-4"},d=function(o){var n=o.icon,t=o.size,i=void 0===t?"sm":t,d=o.className,a=void 0===d?"":d,s=o.isLoading,u=void 0!==s&&s,_=function(e){switch(e){case"xxs":return 8;case"xs":return 12;case"sm":default:return 16;case"md":return 24;case"lg":return 32;case"xl":return 48;case"xxl":return 64;case"xxxl":return 128}}(i);return n?e.jsx("div",{className:l(r,{container:!0,isLoading:u},[a]),children:e.jsx(n,{className:a,width:_,height:_,viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet"})}):null},a=function(){return a=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},a.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var s,u=function(o){return e.jsxs("svg",a({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:[e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M2 8.377c0-.35 0-.525.015-.673a3 3 0 0 1 2.69-2.69C4.851 5 5.035 5 5.404 5c.143 0 .214 0 .274-.004a2 2 0 0 0 1.735-1.25c.023-.056.044-.12.086-.246.042-.127.063-.19.086-.246a2 2 0 0 1 1.735-1.25C9.38 2 9.448 2 9.58 2h4.838c.133 0 .2 0 .26.004a2 2 0 0 1 1.735 1.25c.023.056.044.12.086.246.042.127.063.19.086.246a2 2 0 0 0 1.735 1.25c.06.004.131.004.273.004.37 0 .554 0 .702.015a3 3 0 0 1 2.69 2.69c.014.147.014.322.014.672V16.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C19.72 21 18.88 21 17.2 21H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 18.72 2 17.88 2 16.2z"}),e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 16.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8"})]}))},_=function(o){return e.jsx("svg",a({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 6 9 17l-5-5"})}))},c=function(o){return e.jsx("svg",a({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m9 18 6-6-6-6"})}))},m=function(o){return e.jsx("svg",a({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m4.272 20.728 6.597-6.597c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l6.553 6.553M14 15l2.869-2.869c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668L22 15M10 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0M6.8 21h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 18.72 22 17.88 22 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 21 5.12 21 6.8 21"})}))},p=function(o){return e.jsx("svg",a({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m8 16 4-4m0 0 4 4m-4-4v9m8-4.257A5.5 5.5 0 0 0 16.5 7a.62.62 0 0 1-.534-.302 7.5 7.5 0 1 0-11.78 9.096"})}))},h=function(o){return e.jsx("svg",a({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5.316 19.438A4 4 0 0 1 9 17h6a4 4 0 0 1 3.684 2.438M16 9.5a4 4 0 1 1-8 0 4 4 0 0 1 8 0m6 2.5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"})}))},g=function(o){var n=o.source,t=void 0===n?null:n,r=o.alt,a=void 0===r?"avatar":r,s=o.size,_=void 0===s?"sm":s,c=o.onClick,m=o.className,g=o.isEditable,x=void 0!==g&&g,f=o.overlayIcon,v=o.inline,I=void 0!==v&&v,y=o.isLoading,D=void 0!==y&&y,L=o.overlayText,k=function(){switch(_){case"xxxl":return 512;case"xxl":return 256;case"xl":return 128;case"lg":return 96;case"md":return 64;case"xs":return 32;case"xxs":return 24;default:return 48}};return e.jsxs("div",{className:l(i,{avatar:!0,clickable:!!c||x,editable:x,inline:I,loading:D},[i[_],m]),onClick:c,style:{width:k(),height:k()},children:[t?e.jsx("img",{src:t,alt:a,className:i.image,width:k(),height:k()}):e.jsx(d,{size:_,icon:h}),x&&e.jsx("div",{className:i.editIcon,children:e.jsx(d,{isLoading:D,icon:D?p:u})}),(!!f||L)&&e.jsxs("div",{className:i.overlay,children:[!!f&&e.jsx(d,{isLoading:D,icon:D?p:f}),!!L&&e.jsx("div",{className:i.overlayText,children:L})]})]})},x={container:"Button-module_container__0j8md",confirm:"Button-module_confirm__N5z4A",confirmActions:"Button-module_confirmActions__Xh7kN",button:"Button-module_button__18Bed",label:"Button-module_label__1PsXG",light:"Button-module_light__oUjYe",lightDark:"Button-module_lightDark__vucG6",active:"Button-module_active__UeHD7",lightDanger:"Button-module_lightDanger__aDpy8",lightInfo:"Button-module_lightInfo__oCfFI",lightPrimary:"Button-module_lightPrimary__f7-kQ",lightSecondary:"Button-module_lightSecondary__YK-QR",lightWarning:"Button-module_lightWarning__-Ogcg",lightSuccess:"Button-module_lightSuccess__gSt46",primary:"Button-module_primary__st6yY",secondary:"Button-module_secondary__j-3rj",danger:"Button-module_danger__Hxs5n",dark:"Button-module_dark__T7dl8",info:"Button-module_info__2z1ZG",success:"Button-module_success__CHTsg",warning:"Button-module_warning__1voOb",whiteText:"Button-module_whiteText__12xTM",default:"Button-module_default__TZZU2",borderedPrimary:"Button-module_borderedPrimary__KrZVT",borderedSecondary:"Button-module_borderedSecondary__UPNks",small:"Button-module_small__zfmcP",xsmall:"Button-module_xsmall__QS3d-",fullWidth:"Button-module_fullWidth__AHpSl",flexWide:"Button-module_flexWide__xDrEF",slidein:"Button-module_slidein__ofhlO",fadeInOut:"Button-module_fadeInOut__nAOqm"};exports.UIElementType=void 0,(s=exports.UIElementType||(exports.UIElementType={})).PRIMARY="primary",s.SECONDARY="secondary",s.DANGER="danger",s.SUCCESS="success",s.WARNING="warning",s.INFO="info",s.LIGHT="light",s.DEFAULT="default",s.DARK="dark",s.LIGHT_PRIMARY="lightPrimary",s.LIGHT_SUCCESS="lightSuccess",s.LIGHT_WARNING="lightWarning",s.LIGHT_INFO="lightInfo",s.LIGHT_DANGER="lightDanger",s.LIGHT_DARK="lightDark",s.LIGHT_SECONDARY="lightSecondary",s.WHITE_TEXT="whiteText",s.BORDERED_PRIMARY="borderedPrimary",s.BORDERED_SECONDARY="borderedSecondary";var f,v=function(n){var t=n.type,i=void 0===t?exports.UIElementType.PRIMARY:t,r=n.onClick,a=n.label,s=n.icon,u=n.fullWidth,_=void 0!==u&&u,c=n.isLoading,m=n.disabled,p=n.className,h=n.needConfirm,g=void 0!==h&&h,f=n.size,I=void 0===f?"standard":f,y=o.useState(!1),D=y[0],L=y[1];return e.jsxs("div",{className:l(x,{container:!0,fullWidth:_}),children:[e.jsx("button",{className:l(x,{button:!0,loading:!!c},[x[i],x[I],p]),onClick:g?function(){return L(!D)}:r,disabled:c||m,children:c?e.jsx(o.Fragment,{children:"Loading..."}):e.jsxs("div",{className:x.label,children:[s&&e.jsx(d,{icon:s}),e.jsx("span",{children:a})]})}),D&&e.jsxs("div",{className:x.confirm,children:[e.jsx("div",{className:x.confirmMessage,children:"Are you sure?"}),e.jsxs("div",{className:x.confirmActions,children:[e.jsx(v,{type:exports.UIElementType.DANGER,onClick:function(){return L(!1)},label:"No"}),e.jsx(v,{type:exports.UIElementType.SUCCESS,onClick:function(){L(!1),r()},label:"Yes"})]})]})]})},I={iconButton:"IconButton-module_iconButton__PmpB8",noPadding:"IconButton-module_noPadding__Jd2rK",lg:"IconButton-module_lg__KG7lp",md:"IconButton-module_md__s4q7b",sm:"IconButton-module_sm__are9s",xs:"IconButton-module_xs__qYwZc",confirm:"IconButton-module_confirm__-jXH4",confirmActions:"IconButton-module_confirmActions__j7-Tt",bottom:"IconButton-module_bottom__AEpND",disabled:"IconButton-module_disabled__pLK-t",white:"IconButton-module_white__AzyNN",light:"IconButton-module_light__i3AET",active:"IconButton-module_active__popsF",lightDark:"IconButton-module_lightDark__d7NQy",lightDanger:"IconButton-module_lightDanger__bIg02",lightInfo:"IconButton-module_lightInfo__820It",lightPrimary:"IconButton-module_lightPrimary__SCrg-",lightSecondary:"IconButton-module_lightSecondary__vN-aS",lightWarning:"IconButton-module_lightWarning__z1iaR",lightSuccess:"IconButton-module_lightSuccess__mUSnD",primary:"IconButton-module_primary__qjfR5",secondary:"IconButton-module_secondary__-CufX",danger:"IconButton-module_danger__lz3tP",dark:"IconButton-module_dark__QiBJk",info:"IconButton-module_info__eawU-",success:"IconButton-module_success__xkDzZ",warning:"IconButton-module_warning__DhbfD",whiteText:"IconButton-module_whiteText__111Ju",default:"IconButton-module_default__j2U57",borderedPrimary:"IconButton-module_borderedPrimary__DHXJQ",borderedSecondary:"IconButton-module_borderedSecondary__13GNA",flexWide:"IconButton-module_flexWide__BGOfY",slidein:"IconButton-module_slidein__Rmpl5",fadeInOut:"IconButton-module_fadeInOut__Z2E5a"},y={listItem:"ListItem-module_listItem__ljWE5",separator:"ListItem-module_separator__CIXS1",dashedSeparator:"ListItem-module_dashedSeparator__SYWNX",content:"ListItem-module_content__mPC1D",data:"ListItem-module_data__e0N6V",title:"ListItem-module_title__YkOz9",subtitle:"ListItem-module_subtitle__5flJp",indicator:"ListItem-module_indicator__BwMsO",success:"ListItem-module_success__lgO8z",info:"ListItem-module_info__MKMBu",warning:"ListItem-module_warning__8P-nA",danger:"ListItem-module_danger__sWYOu",primary:"ListItem-module_primary__-bA-W",completed:"ListItem-module_completed__ovBl4",flexWide:"ListItem-module_flexWide__-0Q5a",slidein:"ListItem-module_slidein__dGxX-",fadeInOut:"ListItem-module_fadeInOut__Yuwsd"},D={link:"Link-module_link__35Vo1",fullWidth:"Link-module_fullWidth__eg45D",zero:"Link-module_zero__e-EXa",xxs:"Link-module_xxs__DLzl2",xs:"Link-module_xs__K3V8L",s:"Link-module_s__Ojcbu",m:"Link-module_m__KQ9M4",lg:"Link-module_lg__R71ff",xl:"Link-module_xl__q05MB",light:"Link-module_light__Ji8kV",active:"Link-module_active__iCkL0",lightDark:"Link-module_lightDark__1fDCG",lightDanger:"Link-module_lightDanger__lB9Tb",lightInfo:"Link-module_lightInfo__h5lfu",lightPrimary:"Link-module_lightPrimary__aZxve",lightSecondary:"Link-module_lightSecondary__QHh0c",lightWarning:"Link-module_lightWarning__iOuMw",lightSuccess:"Link-module_lightSuccess__zDBp0",primary:"Link-module_primary__CE3uj",secondary:"Link-module_secondary__KSolI",danger:"Link-module_danger__ugf9r",dark:"Link-module_dark__ap0Ls",info:"Link-module_info__9skpg",success:"Link-module_success__DwP-V",warning:"Link-module_warning__FhhXi",whiteText:"Link-module_whiteText__t7SOQ",default:"Link-module_default__3TBlr",borderedPrimary:"Link-module_borderedPrimary__RfPen",borderedSecondary:"Link-module_borderedSecondary__xTeGX",flexWide:"Link-module_flexWide__3A6ZB",slidein:"Link-module_slidein__kBzO4",fadeInOut:"Link-module_fadeInOut__zas8c"},L={input:"Input-module_input__505b7",full:"Input-module_full__h2smD",noMargin:"Input-module_noMargin__ysWuN",container:"Input-module_container__itXJp",colorPicker:"Input-module_colorPicker__Efa-c",required:"Input-module_required__kHc93",addon:"Input-module_addon__1cKdz",pointer:"Input-module_pointer__EsKoB",error:"Input-module_error__38tit",avatar:"Input-module_avatar__GJUWC",autoCompleteContent:"Input-module_autoCompleteContent__4anQc",reversed:"Input-module_reversed__dU1hV",transparent:"Input-module_transparent__ko36m",small:"Input-module_small__5vYiK",xsmall:"Input-module_xsmall__-9hXW",hasAddon:"Input-module_hasAddon__mruPW",flexWide:"Input-module_flexWide__4Wn1k",slidein:"Input-module_slidein__XYim1",fadeInOut:"Input-module_fadeInOut__bnAwc"};exports.InputType=void 0,(f=exports.InputType||(exports.InputType={})).TEXT="text",f.PASSWORD="password",f.EMAIL="email",f.NUMBER="number",f.URL="url",f.TEL="tel",f.DATE="date",f.DATETIME="datetime",f.SELECT="select",f.COLOR_PICKER="color-picker",f.TEXT_AREA="text-area",f.AVATAR_UPLOAD="avatar-upload",f.UPLOAD_IMAGE_ICON="upload-image-icon";var k=o.forwardRef((function(n,t){var i=n.type,r=void 0===i?exports.InputType.TEXT:i,s=n.label,u=n.placeholder,_=n.value,c=n.required,p=void 0!==c&&c,h=n.addonIcon,x=n.labelAddon,f=n.errorMessage,v=n.options,I=void 0===v?[]:v,y=n.fullWidth,D=n.avatarSize,k=n.source,j=n.autoCompleteContent,w=n.autoCompleteReverse,B=void 0!==w&&w,b=n.noMargin,A=void 0!==b&&b,C=n.isDisabled,S=void 0!==C&&C,N=n.isLoading,T=void 0!==N&&N,E=n.isMultiUpload,O=void 0!==E&&E,W=n.autoFocus,P=void 0!==W&&W,R=n.theme,M=void 0===R?"oval":R,z=n.size,U=void 0===z?"medium":z,G=n.onBlur,F=n.onFocus,Y=n.onChange,H=n.addonAction,K=n.onEnter,V=n.onEsc,X=n.onFileSelect,q=n.onFilesSelect,Z=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n}(n,["type","label","placeholder","value","required","addonIcon","labelAddon","errorMessage","options","fullWidth","avatarSize","source","autoCompleteContent","autoCompleteReverse","noMargin","isDisabled","isLoading","isMultiUpload","autoFocus","theme","size","onBlur","onFocus","onChange","addonAction","onEnter","onEsc","onFileSelect","onFilesSelect"]),Q=S||T,J=function(e){switch(e.key){case"Enter":K&&K();break;case"Escape":V&&V()}},$=function(e){var o=e.target.files[0],n=new FileReader;n.onload=function(){X&&X(o,n.result)},n.readAsDataURL(o)},ee=function(e){var o=e.target;q&&q(o.files)};return e.jsxs("div",{className:l(L,{input:!0,full:!!y,noMargin:A,hasAddon:!!h},[L[M],L[U]]),children:[s&&e.jsxs("label",{children:[e.jsx("span",{className:p?L.required:"",children:s}),!!x&&e.jsx("div",{className:L.labelAddon,children:x})]}),e.jsx("div",{className:L.container,children:function(){switch(r){case exports.InputType.SELECT:return e.jsxs("select",a({className:L.field,value:_,onBlur:G,onFocus:F,onChange:Y,ref:t},Z,{children:[e.jsx("option",{value:"",children:u}),I.map((function(o){var n=o.label,t=o.value;return e.jsx("option",{value:t,children:n},t)}))]}));case exports.InputType.COLOR_PICKER:return e.jsx("input",a({className:"".concat(L.field," ").concat(L.colorPicker),type:"color",value:_,placeholder:u,onBlur:G,onFocus:F,onChange:Y,disabled:Q,ref:t},Z));case exports.InputType.TEXT_AREA:return e.jsx("textarea",a({className:L.field,value:_,placeholder:u,onBlur:G,onFocus:F,onChange:Y,autoFocus:P,ref:t},Z));case exports.InputType.AVATAR_UPLOAD:return e.jsxs("label",{htmlFor:"avatar-upload",children:[e.jsx(g,{size:D,source:k,isLoading:T,isEditable:!0}),e.jsx("input",{type:"file",name:"avatar-upload",id:"avatar-upload",accept:"image/*",onChange:O?ee:$,ref:t,className:L.avatar,disabled:Q,multiple:O})]});case exports.InputType.UPLOAD_IMAGE_ICON:return e.jsxs("label",{htmlFor:"upload-image-icon",children:[e.jsx(d,{icon:m,isLoading:T,size:"md"}),e.jsx("input",{type:"file",name:"upload-image-icon",id:"upload-image-icon",accept:"image/*",onChange:O?ee:$,ref:t,className:L.avatar,disabled:Q,multiple:O})]});default:return e.jsxs(o.Fragment,{children:[e.jsx("input",a({className:L.field,type:r,placeholder:u,value:_,onBlur:G,onFocus:F,onChange:Y,onKeyUp:J,ref:t,disabled:Q,autoFocus:P},Z)),h&&e.jsx("div",{className:H?"".concat(L.addon," ").concat(L.pointer):L.addon,onClick:H,children:e.jsx(d,{icon:h,isLoading:T})})]})}}()}),!!f&&e.jsx("div",{className:L.error,children:f}),!!j&&e.jsx("div",{className:l(L,{autoCompleteContent:!0,reversed:B}),children:j})]})})),j={menu:"DropDown-module_menu__gRW7p",container:"DropDown-module_container__ms9Bn",action:"DropDown-module_action__D8KuY",light:"DropDown-module_light__6NSjI",active:"DropDown-module_active__rGcA2",lightDark:"DropDown-module_lightDark__Ctspk",lightDanger:"DropDown-module_lightDanger__FaZ6G",lightInfo:"DropDown-module_lightInfo__DMaJO",lightPrimary:"DropDown-module_lightPrimary__sobOp",lightSecondary:"DropDown-module_lightSecondary__PB0m-",lightWarning:"DropDown-module_lightWarning__mkeGN",lightSuccess:"DropDown-module_lightSuccess__QNoVS",primary:"DropDown-module_primary__9-x6Y",secondary:"DropDown-module_secondary__HBses",danger:"DropDown-module_danger__ZbPY6",dark:"DropDown-module_dark__3YhdZ",info:"DropDown-module_info__5qwW6",success:"DropDown-module_success__NbhHj",warning:"DropDown-module_warning__MrYwV",whiteText:"DropDown-module_whiteText__eVLut",default:"DropDown-module_default__D0DNi",borderedPrimary:"DropDown-module_borderedPrimary__oTb-J",borderedSecondary:"DropDown-module_borderedSecondary__GqWsA",xsmall:"DropDown-module_xsmall__Mc6Zx",small:"DropDown-module_small__Goyza",large:"DropDown-module_large__P5F--",flexWide:"DropDown-module_flexWide__ySVZv",slidein:"DropDown-module_slidein__ZYDXA",fadeInOut:"DropDown-module_fadeInOut__hjIWL"},w=function(e,n){var t=function(o){e.current&&!e.current.contains(o.target)&&n()};o.useEffect((function(){return document.addEventListener("click",t),function(){document.removeEventListener("click",t)}}),[])},B=function(n){var i=n.containerRef,l=n.contentRef,r=n.isOpen,d=void 0!==r&&r,s=n.renderChild,u=n.onClose,_={isOpen:!1,top:0,left:0,bottom:0,right:0},c=o.useState(_),m=c[0],p=c[1],h={position:"absolute",top:m.top,left:m.left,bottom:m.bottom,right:m.right,zIndex:111},g=function(){p(_),u()};return w(i,(function(){return g()})),o.useEffect((function(){if(d)return function(){var e,o,n,t,r,d,s,u=null!==(n=null===(o=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.getBoundingClientRect)||void 0===o?void 0:o.call(e))&&void 0!==n?n:{top:0,left:0,height:0,width:0},_=u.top,c=u.left,m=u.height,h=u.width,g=window.innerHeight,x=window.innerWidth,f=g-(_+m),v=_,I=c,y=x-(c+h),D=null!==(r=null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.clientHeight)&&void 0!==r?r:200,L=null!==(s=null===(d=null==l?void 0:l.current)||void 0===d?void 0:d.clientWidth)&&void 0!==s?s:200,k="auto",j="auto",w="auto",B="auto";f<D&&v>=D?B=g-_-m+20:j=_+m+5,y<L&&I>=L?w=x-c:k=c,p(a(a({},{top:j,left:k,right:w,bottom:B}),{isOpen:!0}))}();g()}),[d,null==i?void 0:i.current]),m.isOpen?t.default.createPortal(e.jsx("div",{style:h,onClick:function(e){e.stopPropagation()},children:s(m)}),document.getElementById("portals")):null},b=function(o){var n=o.children;return e.jsx("div",{className:j.menu,children:n})},A={container:"LoadingItem-module_container__ujRaI",fadeInOut:"LoadingItem-module_fadeInOut__HDJT8",square:"LoadingItem-module_square__OucYB",xxs:"LoadingItem-module_xxs__kTYcZ",xs:"LoadingItem-module_xs__sISZM",sm:"LoadingItem-module_sm__hsDHD",md:"LoadingItem-module_md__bU5yA",lg:"LoadingItem-module_lg__9sK4b",xl:"LoadingItem-module_xl__O0kH8",xxl:"LoadingItem-module_xxl__tIjdb",xxxl:"LoadingItem-module_xxxl__h73z5",xxxxl:"LoadingItem-module_xxxxl__XTzwy",flexWide:"LoadingItem-module_flexWide__sIJC3",slidein:"LoadingItem-module_slidein__8J982"};exports.Avatar=g,exports.Button=v,exports.DropDown=function(n){var t=n.action,i=n.menu,r=n.type,d=void 0===r?exports.UIElementType.DEFAULT:r,a=n.closeRef,s=n.actionSize,u=void 0===s?"medium":s,_=o.useRef(null),c=o.useRef(null),m=o.useRef(null),p=o.useState(!1),h=p[0],g=p[1],x=function(){return g(!1)};return o.useEffect((function(){(null==a?void 0:a.current)&&(a.current={close:function(){return x()}})}),[a]),e.jsxs("div",{className:j.container,ref:_,children:[e.jsx("div",{className:l(j,{action:!0},[j[d],j[u]]),ref:m,onClick:function(){return g(!h)},children:t}),e.jsx(B,{containerRef:_,contentRef:c,isOpen:h,onClose:x,renderChild:function(){return e.jsx("div",{className:j.menuContainer,ref:c,children:e.jsx(b,{children:i})})}})]})},exports.IconButton=function(n){var t=n.icon,i=n.onClick,r=n.type,a=void 0===r?exports.UIElementType.DEFAULT:r,s=n.needConfirm,u=void 0!==s&&s,_=n.noPadding,c=void 0!==_&&_,m=n.isLoading,p=void 0!==m&&m,h=n.size,g=void 0===h?"sm":h,x=n.confirmPosition,f=void 0===x?"top":x,y=o.useState(!1),D=y[0],L=y[1];return e.jsxs("div",{className:l(I,{iconButton:!0,noPadding:c},[I[a],I[g]]),onClick:p?void 0:u?function(){return L(!D)}:i,children:[e.jsx(d,{isLoading:p,icon:t,size:g}),D&&e.jsxs("div",{className:"".concat(I.confirm," ").concat(I[f]),children:[e.jsx("div",{className:I.confirmMessage,children:"Are you sure?"}),e.jsxs("div",{className:I.confirmActions,children:[e.jsx(v,{type:exports.UIElementType.DANGER,onClick:function(){return L(!1)},label:"No",size:"small"}),e.jsx(v,{type:exports.UIElementType.SUCCESS,onClick:i,label:"Yes",size:"small"})]})]})]})},exports.Input=k,exports.Link=function(o){var n=o.href,t=o.title,i=o.target,r=void 0===i?"_self":i,a=o.type,s=void 0===a?exports.UIElementType.DEFAULT:a,u=o.padding,_=void 0===u?"zero":u,m=o.hasChevron,p=void 0!==m&&m,h=o.fullWidth,g=void 0!==h&&h;return e.jsxs("a",{href:n,target:r,rel:"noopener noreferrer",className:l(D,{link:!0,fullWidth:g},[D[s],D[_]]),children:[e.jsx("span",{children:t})," ",p&&e.jsx(d,{icon:c})]})},exports.ListItem=function(o){var n=o.title,t=o.subtitle,i=o.actionTitle,r=void 0===i?"":i,a=o.action,s=o.completed,u=o.indicator,c=o.hasSeparator,m=void 0!==c&&c,p=o.hasDashedSeparator,h=void 0!==p&&p,g=o.isActionPending,x=void 0!==g&&g;return e.jsxs("div",{className:l(y,{listItem:!0,separator:m,dashedSeparator:h}),children:[e.jsxs("div",{className:y.content,children:[u&&e.jsx("div",{className:l(y,{indicator:!0},[y[u]])}),e.jsxs("div",{className:y.data,children:[e.jsx("div",{className:y.title,children:n}),t&&e.jsx("div",{className:y.subtitle,children:t})]})]}),a&&e.jsx(v,{onClick:a,className:y.action,label:r,isLoading:x}),s&&e.jsx("div",{className:y.completed,children:e.jsx(d,{icon:_})})]})},exports.LoadingItem=function(o){var n=o.shape,t=void 0===n?"square":n,i=o.size,r=void 0===i?"md":i,d=o.width,a=o.height;return e.jsx("div",{className:l(A,{container:!0},[A[t],A[r]]),style:{width:d,height:a}})},exports.SVGIcon=d,exports.classNames=l,exports.isEmpty=function(e){return null==e||("object"==typeof e?Array.isArray(e)?0===e.length:e instanceof Set||e instanceof Map?0===e.size:0===Object.keys(e).length:"string"==typeof e&&0===e.length)},exports.useClickOutside=w;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(require("react-dom")),i={avatar:"Avatar-module_avatar__5-kP8",image:"Avatar-module_image__HFFlp",clickable:"Avatar-module_clickable__DD7pl",editable:"Avatar-module_editable__CpXtw",editIcon:"Avatar-module_editIcon__ULUa1",overlay:"Avatar-module_overlay__d95aK",overlayText:"Avatar-module_overlayText__NgsFM",loading:"Avatar-module_loading__9gBDd",xxs:"Avatar-module_xxs__zCCH6",xs:"Avatar-module_xs__1SMBv",sm:"Avatar-module_sm__8TB22",md:"Avatar-module_md__zeW0d",lg:"Avatar-module_lg__MWKN-",xl:"Avatar-module_xl__KCqIL",xxl:"Avatar-module_xxl__ox6gi",xxxl:"Avatar-module_xxxl__9Cc7C",inline:"Avatar-module_inline__H0AhD",flexWide:"Avatar-module_flexWide__GQYaQ",slidein:"Avatar-module_slidein__KV8Ih",fadeInOut:"Avatar-module_fadeInOut__2M9tv",heightAnimation:"Avatar-module_heightAnimation__RCYYu",fadein:"Avatar-module_fadein__lENH2",floatAnimation:"Avatar-module_floatAnimation__PNWhi"},l=function(e,o,n){void 0===n&&(n=[]);var t=[];for(var i in o)o[i]&&t.push(e[i]);return(null==n?void 0:n.length)>0&&(t=t.concat(n)),t.join(" ")},a={container:"SVGIcon-module_container__z2RN5",isLoading:"SVGIcon-module_isLoading__8BhuU",fadeInOut:"SVGIcon-module_fadeInOut__EgbCf",flexWide:"SVGIcon-module_flexWide__IfOOF",slidein:"SVGIcon-module_slidein__RT6-4",heightAnimation:"SVGIcon-module_heightAnimation__CmY-x",fadein:"SVGIcon-module_fadein__Y2P5U",floatAnimation:"SVGIcon-module_floatAnimation__kH3Tr"},d=function(o){var n=o.icon,t=o.size,i=void 0===t?"sm":t,d=o.className,r=void 0===d?"":d,_=o.isLoading,u=void 0!==_&&_,s=function(e){switch(e){case"xxs":return 8;case"xs":return 12;case"sm":default:return 16;case"md":return 24;case"lg":return 32;case"xl":return 48;case"xxl":return 64;case"xxxl":return 128}}(i);return n?e.jsx("div",{className:l(a,{container:!0,isLoading:u},[r]),children:e.jsx(n,{className:r,width:s,height:s,viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet"})}):null},r=function(){return r=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},r.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var _,u=function(o){return e.jsxs("svg",r({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:[e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M2 8.377c0-.35 0-.525.015-.673a3 3 0 0 1 2.69-2.69C4.851 5 5.035 5 5.404 5c.143 0 .214 0 .274-.004a2 2 0 0 0 1.735-1.25c.023-.056.044-.12.086-.246.042-.127.063-.19.086-.246a2 2 0 0 1 1.735-1.25C9.38 2 9.448 2 9.58 2h4.838c.133 0 .2 0 .26.004a2 2 0 0 1 1.735 1.25c.023.056.044.12.086.246.042.127.063.19.086.246a2 2 0 0 0 1.735 1.25c.06.004.131.004.273.004.37 0 .554 0 .702.015a3 3 0 0 1 2.69 2.69c.014.147.014.322.014.672V16.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C19.72 21 18.88 21 17.2 21H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 18.72 2 17.88 2 16.2z"}),e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 16.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8"})]}))},s=function(o){return e.jsx("svg",r({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 6 9 17l-5-5"})}))},c=function(o){return e.jsx("svg",r({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m9 18 6-6-6-6"})}))},m=function(o){return e.jsx("svg",r({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m4.272 20.728 6.597-6.597c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l6.553 6.553M14 15l2.869-2.869c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668L22 15M10 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0M6.8 21h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 18.72 22 17.88 22 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 21 5.12 21 6.8 21"})}))},h=function(o){return e.jsx("svg",r({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m8 16 4-4m0 0 4 4m-4-4v9m8-4.257A5.5 5.5 0 0 0 16.5 7a.62.62 0 0 1-.534-.302 7.5 7.5 0 1 0-11.78 9.096"})}))},p=function(o){return e.jsx("svg",r({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},o,{children:e.jsx("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5.316 19.438A4 4 0 0 1 9 17h6a4 4 0 0 1 3.684 2.438M16 9.5a4 4 0 1 1-8 0 4 4 0 0 1 8 0m6 2.5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"})}))},g=function(o){var n=o.source,t=void 0===n?null:n,a=o.alt,r=void 0===a?"avatar":a,_=o.size,s=void 0===_?"sm":_,c=o.onClick,m=o.className,g=o.isEditable,f=void 0!==g&&g,x=o.overlayIcon,v=o.inline,I=void 0!==v&&v,L=o.isLoading,D=void 0!==L&&L,A=o.overlayText,y=function(){switch(s){case"xxxl":return 512;case"xxl":return 256;case"xl":return 128;case"lg":return 96;case"md":return 64;case"xs":return 32;case"xxs":return 24;default:return 48}};return e.jsxs("div",{className:l(i,{avatar:!0,clickable:!!c||f,editable:f,inline:I,loading:D},[i[s],m]),onClick:c,style:{width:y(),height:y()},children:[t?e.jsx("img",{src:t,alt:r,className:i.image,width:y(),height:y()}):e.jsx(d,{size:s,icon:p}),f&&e.jsx("div",{className:i.editIcon,children:e.jsx(d,{isLoading:D,icon:D?h:u})}),(!!x||A)&&e.jsxs("div",{className:i.overlay,children:[!!x&&e.jsx(d,{isLoading:D,icon:D?h:x}),!!A&&e.jsx("div",{className:i.overlayText,children:A})]})]})},f={container:"Button-module_container__0j8md",confirm:"Button-module_confirm__N5z4A",confirmActions:"Button-module_confirmActions__Xh7kN",button:"Button-module_button__18Bed",label:"Button-module_label__1PsXG",light:"Button-module_light__oUjYe",lightDark:"Button-module_lightDark__vucG6",active:"Button-module_active__UeHD7",lightDanger:"Button-module_lightDanger__aDpy8",lightInfo:"Button-module_lightInfo__oCfFI",lightPrimary:"Button-module_lightPrimary__f7-kQ",lightSecondary:"Button-module_lightSecondary__YK-QR",lightWarning:"Button-module_lightWarning__-Ogcg",lightSuccess:"Button-module_lightSuccess__gSt46",primary:"Button-module_primary__st6yY",secondary:"Button-module_secondary__j-3rj",danger:"Button-module_danger__Hxs5n",dark:"Button-module_dark__T7dl8",info:"Button-module_info__2z1ZG",success:"Button-module_success__CHTsg",warning:"Button-module_warning__1voOb",whiteText:"Button-module_whiteText__12xTM",default:"Button-module_default__TZZU2",borderedPrimary:"Button-module_borderedPrimary__KrZVT",borderedSecondary:"Button-module_borderedSecondary__UPNks",small:"Button-module_small__zfmcP",xsmall:"Button-module_xsmall__QS3d-",fullWidth:"Button-module_fullWidth__AHpSl",flexWide:"Button-module_flexWide__xDrEF",slidein:"Button-module_slidein__ofhlO",fadeInOut:"Button-module_fadeInOut__nAOqm",heightAnimation:"Button-module_heightAnimation__fLFCd",fadein:"Button-module_fadein__pspkB",floatAnimation:"Button-module_floatAnimation__0PYtT"};exports.UIElementType=void 0,(_=exports.UIElementType||(exports.UIElementType={})).PRIMARY="primary",_.SECONDARY="secondary",_.DANGER="danger",_.SUCCESS="success",_.WARNING="warning",_.INFO="info",_.LIGHT="light",_.DEFAULT="default",_.DARK="dark",_.LIGHT_PRIMARY="lightPrimary",_.LIGHT_SUCCESS="lightSuccess",_.LIGHT_WARNING="lightWarning",_.LIGHT_INFO="lightInfo",_.LIGHT_DANGER="lightDanger",_.LIGHT_DARK="lightDark",_.LIGHT_SECONDARY="lightSecondary",_.WHITE_TEXT="whiteText",_.BORDERED_PRIMARY="borderedPrimary",_.BORDERED_SECONDARY="borderedSecondary";var x,v=function(n){var t=n.type,i=void 0===t?exports.UIElementType.PRIMARY:t,a=n.onClick,r=n.label,_=n.icon,u=n.fullWidth,s=void 0!==u&&u,c=n.isLoading,m=n.disabled,h=n.className,p=n.needConfirm,g=void 0!==p&&p,x=n.size,I=void 0===x?"standard":x,L=o.useState(!1),D=L[0],A=L[1];return e.jsxs("div",{className:l(f,{container:!0,fullWidth:s}),children:[e.jsx("button",{className:l(f,{button:!0,loading:!!c},[f[i],f[I],h]),onClick:g?function(){return A(!D)}:a,disabled:c||m,children:c?e.jsx(o.Fragment,{children:"Loading..."}):e.jsxs("div",{className:f.label,children:[_&&e.jsx(d,{icon:_}),e.jsx("span",{children:r})]})}),D&&e.jsxs("div",{className:f.confirm,children:[e.jsx("div",{className:f.confirmMessage,children:"Are you sure?"}),e.jsxs("div",{className:f.confirmActions,children:[e.jsx(v,{type:exports.UIElementType.DANGER,onClick:function(){return A(!1)},label:"No"}),e.jsx(v,{type:exports.UIElementType.SUCCESS,onClick:function(){A(!1),a()},label:"Yes"})]})]})]})},I={iconButton:"IconButton-module_iconButton__PmpB8",noPadding:"IconButton-module_noPadding__Jd2rK",lg:"IconButton-module_lg__KG7lp",md:"IconButton-module_md__s4q7b",sm:"IconButton-module_sm__are9s",xs:"IconButton-module_xs__qYwZc",confirm:"IconButton-module_confirm__-jXH4",confirmActions:"IconButton-module_confirmActions__j7-Tt",bottom:"IconButton-module_bottom__AEpND",disabled:"IconButton-module_disabled__pLK-t",white:"IconButton-module_white__AzyNN",light:"IconButton-module_light__i3AET",active:"IconButton-module_active__popsF",lightDark:"IconButton-module_lightDark__d7NQy",lightDanger:"IconButton-module_lightDanger__bIg02",lightInfo:"IconButton-module_lightInfo__820It",lightPrimary:"IconButton-module_lightPrimary__SCrg-",lightSecondary:"IconButton-module_lightSecondary__vN-aS",lightWarning:"IconButton-module_lightWarning__z1iaR",lightSuccess:"IconButton-module_lightSuccess__mUSnD",primary:"IconButton-module_primary__qjfR5",secondary:"IconButton-module_secondary__-CufX",danger:"IconButton-module_danger__lz3tP",dark:"IconButton-module_dark__QiBJk",info:"IconButton-module_info__eawU-",success:"IconButton-module_success__xkDzZ",warning:"IconButton-module_warning__DhbfD",whiteText:"IconButton-module_whiteText__111Ju",default:"IconButton-module_default__j2U57",borderedPrimary:"IconButton-module_borderedPrimary__DHXJQ",borderedSecondary:"IconButton-module_borderedSecondary__13GNA",flexWide:"IconButton-module_flexWide__BGOfY",slidein:"IconButton-module_slidein__Rmpl5",fadeInOut:"IconButton-module_fadeInOut__Z2E5a",heightAnimation:"IconButton-module_heightAnimation__JnqnZ",fadein:"IconButton-module_fadein__uX9ut",floatAnimation:"IconButton-module_floatAnimation__N-INw"},L={listItem:"ListItem-module_listItem__ljWE5",separator:"ListItem-module_separator__CIXS1",dashedSeparator:"ListItem-module_dashedSeparator__SYWNX",content:"ListItem-module_content__mPC1D",data:"ListItem-module_data__e0N6V",title:"ListItem-module_title__YkOz9",subtitle:"ListItem-module_subtitle__5flJp",indicator:"ListItem-module_indicator__BwMsO",success:"ListItem-module_success__lgO8z",info:"ListItem-module_info__MKMBu",warning:"ListItem-module_warning__8P-nA",danger:"ListItem-module_danger__sWYOu",primary:"ListItem-module_primary__-bA-W",completed:"ListItem-module_completed__ovBl4",flexWide:"ListItem-module_flexWide__-0Q5a",slidein:"ListItem-module_slidein__dGxX-",fadeInOut:"ListItem-module_fadeInOut__Yuwsd",heightAnimation:"ListItem-module_heightAnimation__aVO2o",fadein:"ListItem-module_fadein__GSr23",floatAnimation:"ListItem-module_floatAnimation__efvAy"},D={link:"Link-module_link__35Vo1",fullWidth:"Link-module_fullWidth__eg45D",zero:"Link-module_zero__e-EXa",xxs:"Link-module_xxs__DLzl2",xs:"Link-module_xs__K3V8L",s:"Link-module_s__Ojcbu",m:"Link-module_m__KQ9M4",lg:"Link-module_lg__R71ff",xl:"Link-module_xl__q05MB",light:"Link-module_light__Ji8kV",active:"Link-module_active__iCkL0",lightDark:"Link-module_lightDark__1fDCG",lightDanger:"Link-module_lightDanger__lB9Tb",lightInfo:"Link-module_lightInfo__h5lfu",lightPrimary:"Link-module_lightPrimary__aZxve",lightSecondary:"Link-module_lightSecondary__QHh0c",lightWarning:"Link-module_lightWarning__iOuMw",lightSuccess:"Link-module_lightSuccess__zDBp0",primary:"Link-module_primary__CE3uj",secondary:"Link-module_secondary__KSolI",danger:"Link-module_danger__ugf9r",dark:"Link-module_dark__ap0Ls",info:"Link-module_info__9skpg",success:"Link-module_success__DwP-V",warning:"Link-module_warning__FhhXi",whiteText:"Link-module_whiteText__t7SOQ",default:"Link-module_default__3TBlr",borderedPrimary:"Link-module_borderedPrimary__RfPen",borderedSecondary:"Link-module_borderedSecondary__xTeGX",flexWide:"Link-module_flexWide__3A6ZB",slidein:"Link-module_slidein__kBzO4",fadeInOut:"Link-module_fadeInOut__zas8c",heightAnimation:"Link-module_heightAnimation__N7y-w",fadein:"Link-module_fadein__WxUdb",floatAnimation:"Link-module_floatAnimation__XrwU5"},A={input:"Input-module_input__505b7",full:"Input-module_full__h2smD",noMargin:"Input-module_noMargin__ysWuN",container:"Input-module_container__itXJp",colorPicker:"Input-module_colorPicker__Efa-c",required:"Input-module_required__kHc93",addon:"Input-module_addon__1cKdz",pointer:"Input-module_pointer__EsKoB",error:"Input-module_error__38tit",avatar:"Input-module_avatar__GJUWC",autoCompleteContent:"Input-module_autoCompleteContent__4anQc",reversed:"Input-module_reversed__dU1hV",transparent:"Input-module_transparent__ko36m",small:"Input-module_small__5vYiK",xsmall:"Input-module_xsmall__-9hXW",hasAddon:"Input-module_hasAddon__mruPW",flexWide:"Input-module_flexWide__4Wn1k",slidein:"Input-module_slidein__XYim1",fadeInOut:"Input-module_fadeInOut__bnAwc",heightAnimation:"Input-module_heightAnimation__tmt9Z",fadein:"Input-module_fadein__1HtqV",floatAnimation:"Input-module_floatAnimation__sYawG"};exports.InputType=void 0,(x=exports.InputType||(exports.InputType={})).TEXT="text",x.PASSWORD="password",x.EMAIL="email",x.NUMBER="number",x.URL="url",x.TEL="tel",x.DATE="date",x.DATETIME="datetime",x.SELECT="select",x.COLOR_PICKER="color-picker",x.TEXT_AREA="text-area",x.AVATAR_UPLOAD="avatar-upload",x.UPLOAD_IMAGE_ICON="upload-image-icon";var y=o.forwardRef((function(n,t){var i=n.type,a=void 0===i?exports.InputType.TEXT:i,_=n.label,u=n.placeholder,s=n.value,c=n.required,h=void 0!==c&&c,p=n.addonIcon,f=n.labelAddon,x=n.errorMessage,v=n.options,I=void 0===v?[]:v,L=n.fullWidth,D=n.avatarSize,y=n.source,k=n.autoCompleteContent,w=n.autoCompleteReverse,j=void 0!==w&&w,B=n.noMargin,b=void 0!==B&&B,C=n.isDisabled,S=void 0!==C&&C,N=n.isLoading,T=void 0!==N&&N,E=n.isMultiUpload,O=void 0!==E&&E,W=n.autoFocus,P=void 0!==W&&W,R=n.theme,M=void 0===R?"oval":R,U=n.size,z=void 0===U?"medium":U,G=n.onBlur,F=n.onFocus,Y=n.onChange,H=n.addonAction,V=n.onEnter,X=n.onEsc,K=n.onFileSelect,q=n.onFilesSelect,Z=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n}(n,["type","label","placeholder","value","required","addonIcon","labelAddon","errorMessage","options","fullWidth","avatarSize","source","autoCompleteContent","autoCompleteReverse","noMargin","isDisabled","isLoading","isMultiUpload","autoFocus","theme","size","onBlur","onFocus","onChange","addonAction","onEnter","onEsc","onFileSelect","onFilesSelect"]),Q=S||T,J=function(e){switch(e.key){case"Enter":V&&V();break;case"Escape":X&&X()}},$=function(e){var o=e.target.files[0],n=new FileReader;n.onload=function(){K&&K(o,n.result)},n.readAsDataURL(o)},ee=function(e){var o=e.target;q&&q(o.files)};return e.jsxs("div",{className:l(A,{input:!0,full:!!L,noMargin:b,hasAddon:!!p},[A[M],A[z]]),children:[_&&e.jsxs("label",{children:[e.jsx("span",{className:h?A.required:"",children:_}),!!f&&e.jsx("div",{className:A.labelAddon,children:f})]}),e.jsx("div",{className:A.container,children:function(){switch(a){case exports.InputType.SELECT:return e.jsxs("select",r({className:A.field,value:s,onBlur:G,onFocus:F,onChange:Y,ref:t},Z,{children:[e.jsx("option",{value:"",children:u}),I.map((function(o){var n=o.label,t=o.value;return e.jsx("option",{value:t,children:n},t)}))]}));case exports.InputType.COLOR_PICKER:return e.jsx("input",r({className:"".concat(A.field," ").concat(A.colorPicker),type:"color",value:s,placeholder:u,onBlur:G,onFocus:F,onChange:Y,disabled:Q,ref:t},Z));case exports.InputType.TEXT_AREA:return e.jsx("textarea",r({className:A.field,value:s,placeholder:u,onBlur:G,onFocus:F,onChange:Y,autoFocus:P,ref:t},Z));case exports.InputType.AVATAR_UPLOAD:return e.jsxs("label",{htmlFor:"avatar-upload",children:[e.jsx(g,{size:D,source:y,isLoading:T,isEditable:!0}),e.jsx("input",{type:"file",name:"avatar-upload",id:"avatar-upload",accept:"image/*",onChange:O?ee:$,ref:t,className:A.avatar,disabled:Q,multiple:O})]});case exports.InputType.UPLOAD_IMAGE_ICON:return e.jsxs("label",{htmlFor:"upload-image-icon",children:[e.jsx(d,{icon:m,isLoading:T,size:"md"}),e.jsx("input",{type:"file",name:"upload-image-icon",id:"upload-image-icon",accept:"image/*",onChange:O?ee:$,ref:t,className:A.avatar,disabled:Q,multiple:O})]});default:return e.jsxs(o.Fragment,{children:[e.jsx("input",r({className:A.field,type:a,placeholder:u,value:s,onBlur:G,onFocus:F,onChange:Y,onKeyUp:J,ref:t,disabled:Q,autoFocus:P},Z)),p&&e.jsx("div",{className:H?"".concat(A.addon," ").concat(A.pointer):A.addon,onClick:H,children:e.jsx(d,{icon:p,isLoading:T})})]})}}()}),!!x&&e.jsx("div",{className:A.error,children:x}),!!k&&e.jsx("div",{className:l(A,{autoCompleteContent:!0,reversed:j}),children:k})]})})),k={menu:"DropDown-module_menu__gRW7p",container:"DropDown-module_container__ms9Bn",action:"DropDown-module_action__D8KuY",light:"DropDown-module_light__6NSjI",active:"DropDown-module_active__rGcA2",lightDark:"DropDown-module_lightDark__Ctspk",lightDanger:"DropDown-module_lightDanger__FaZ6G",lightInfo:"DropDown-module_lightInfo__DMaJO",lightPrimary:"DropDown-module_lightPrimary__sobOp",lightSecondary:"DropDown-module_lightSecondary__PB0m-",lightWarning:"DropDown-module_lightWarning__mkeGN",lightSuccess:"DropDown-module_lightSuccess__QNoVS",primary:"DropDown-module_primary__9-x6Y",secondary:"DropDown-module_secondary__HBses",danger:"DropDown-module_danger__ZbPY6",dark:"DropDown-module_dark__3YhdZ",info:"DropDown-module_info__5qwW6",success:"DropDown-module_success__NbhHj",warning:"DropDown-module_warning__MrYwV",whiteText:"DropDown-module_whiteText__eVLut",default:"DropDown-module_default__D0DNi",borderedPrimary:"DropDown-module_borderedPrimary__oTb-J",borderedSecondary:"DropDown-module_borderedSecondary__GqWsA",xsmall:"DropDown-module_xsmall__Mc6Zx",small:"DropDown-module_small__Goyza",large:"DropDown-module_large__P5F--",flexWide:"DropDown-module_flexWide__ySVZv",slidein:"DropDown-module_slidein__ZYDXA",fadeInOut:"DropDown-module_fadeInOut__hjIWL",heightAnimation:"DropDown-module_heightAnimation__EUum9",fadein:"DropDown-module_fadein__D2VO0",floatAnimation:"DropDown-module_floatAnimation__z5DD5"},w=function(e,n){var t=function(o){e.current&&!e.current.contains(o.target)&&n()};o.useEffect((function(){return document.addEventListener("click",t),function(){document.removeEventListener("click",t)}}),[])},j=function(n){var i=n.containerRef,l=n.contentRef,a=n.isOpen,d=void 0!==a&&a,_=n.renderChild,u=n.onClose,s={isOpen:!1,top:0,left:0,bottom:0,right:0},c=o.useState(s),m=c[0],h=c[1],p={position:"absolute",top:m.top,left:m.left,bottom:m.bottom,right:m.right,zIndex:111},g=function(){h(s),u()};return w(i,(function(){return g()})),o.useEffect((function(){if(d)return function(){var e,o,n,t,a,d,_,u=null!==(n=null===(o=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.getBoundingClientRect)||void 0===o?void 0:o.call(e))&&void 0!==n?n:{top:0,left:0,height:0,width:0},s=u.top,c=u.left,m=u.height,p=u.width,g=window.innerHeight,f=window.innerWidth,x=g-(s+m),v=s,I=c,L=f-(c+p),D=null!==(a=null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.clientHeight)&&void 0!==a?a:200,A=null!==(_=null===(d=null==l?void 0:l.current)||void 0===d?void 0:d.clientWidth)&&void 0!==_?_:200,y="auto",k="auto",w="auto",j="auto";x<D&&v>=D?j=g-s-m+20:k=s+m+5,L<A&&I>=A?w=f-c:y=c,h(r(r({},{top:k,left:y,right:w,bottom:j}),{isOpen:!0}))}();g()}),[d,null==i?void 0:i.current]),m.isOpen?t.default.createPortal(e.jsx("div",{style:p,onClick:function(e){e.stopPropagation()},children:_(m)}),document.getElementById("portals")):null},B=function(o){var n=o.children;return e.jsx("div",{className:k.menu,children:n})},b={container:"LoadingItem-module_container__ujRaI",fadeInOut:"LoadingItem-module_fadeInOut__HDJT8",square:"LoadingItem-module_square__OucYB",xxs:"LoadingItem-module_xxs__kTYcZ",xs:"LoadingItem-module_xs__sISZM",sm:"LoadingItem-module_sm__hsDHD",md:"LoadingItem-module_md__bU5yA",lg:"LoadingItem-module_lg__9sK4b",xl:"LoadingItem-module_xl__O0kH8",xxl:"LoadingItem-module_xxl__tIjdb",xxxl:"LoadingItem-module_xxxl__h73z5",xxxxl:"LoadingItem-module_xxxxl__XTzwy",flexWide:"LoadingItem-module_flexWide__sIJC3",slidein:"LoadingItem-module_slidein__8J982",heightAnimation:"LoadingItem-module_heightAnimation__cUh26",fadein:"LoadingItem-module_fadein__-CmLg",floatAnimation:"LoadingItem-module_floatAnimation__gQ2jh"};exports.Avatar=g,exports.Button=v,exports.DropDown=function(n){var t=n.action,i=n.menu,a=n.type,d=void 0===a?exports.UIElementType.DEFAULT:a,r=n.closeRef,_=n.actionSize,u=void 0===_?"medium":_,s=o.useRef(null),c=o.useRef(null),m=o.useRef(null),h=o.useState(!1),p=h[0],g=h[1],f=function(){return g(!1)};return o.useEffect((function(){(null==r?void 0:r.current)&&(r.current={close:function(){return f()}})}),[r]),e.jsxs("div",{className:k.container,ref:s,children:[e.jsx("div",{className:l(k,{action:!0},[k[d],k[u]]),ref:m,onClick:function(){return g(!p)},children:t}),e.jsx(j,{containerRef:s,contentRef:c,isOpen:p,onClose:f,renderChild:function(){return e.jsx("div",{className:k.menuContainer,ref:c,children:e.jsx(B,{children:i})})}})]})},exports.IconButton=function(n){var t=n.icon,i=n.onClick,a=n.type,r=void 0===a?exports.UIElementType.DEFAULT:a,_=n.needConfirm,u=void 0!==_&&_,s=n.noPadding,c=void 0!==s&&s,m=n.isLoading,h=void 0!==m&&m,p=n.size,g=void 0===p?"sm":p,f=n.confirmPosition,x=void 0===f?"top":f,L=o.useState(!1),D=L[0],A=L[1];return e.jsxs("div",{className:l(I,{iconButton:!0,noPadding:c},[I[r],I[g]]),onClick:h?void 0:u?function(){return A(!D)}:i,children:[e.jsx(d,{isLoading:h,icon:t,size:g}),D&&e.jsxs("div",{className:"".concat(I.confirm," ").concat(I[x]),children:[e.jsx("div",{className:I.confirmMessage,children:"Are you sure?"}),e.jsxs("div",{className:I.confirmActions,children:[e.jsx(v,{type:exports.UIElementType.DANGER,onClick:function(){return A(!1)},label:"No",size:"small"}),e.jsx(v,{type:exports.UIElementType.SUCCESS,onClick:i,label:"Yes",size:"small"})]})]})]})},exports.Input=y,exports.Link=function(o){var n=o.href,t=o.title,i=o.target,a=void 0===i?"_self":i,r=o.type,_=void 0===r?exports.UIElementType.DEFAULT:r,u=o.padding,s=void 0===u?"zero":u,m=o.hasChevron,h=void 0!==m&&m,p=o.fullWidth,g=void 0!==p&&p;return e.jsxs("a",{href:n,target:a,rel:"noopener noreferrer",className:l(D,{link:!0,fullWidth:g},[D[_],D[s]]),children:[e.jsx("span",{children:t})," ",h&&e.jsx(d,{icon:c})]})},exports.ListItem=function(o){var n=o.title,t=o.subtitle,i=o.actionTitle,a=void 0===i?"":i,r=o.action,_=o.completed,u=o.indicator,c=o.hasSeparator,m=void 0!==c&&c,h=o.hasDashedSeparator,p=void 0!==h&&h,g=o.isActionPending,f=void 0!==g&&g;return e.jsxs("div",{className:l(L,{listItem:!0,separator:m,dashedSeparator:p}),children:[e.jsxs("div",{className:L.content,children:[u&&e.jsx("div",{className:l(L,{indicator:!0},[L[u]])}),e.jsxs("div",{className:L.data,children:[e.jsx("div",{className:L.title,children:n}),t&&e.jsx("div",{className:L.subtitle,children:t})]})]}),r&&e.jsx(v,{onClick:r,className:L.action,label:a,isLoading:f}),_&&e.jsx("div",{className:L.completed,children:e.jsx(d,{icon:s})})]})},exports.LoadingItem=function(o){var n=o.shape,t=void 0===n?"square":n,i=o.size,a=void 0===i?"md":i,d=o.width,r=o.height;return e.jsx("div",{className:l(b,{container:!0},[b[t],b[a]]),style:{width:d,height:r}})},exports.SVGIcon=d,exports.classNames=l,exports.isEmpty=function(e){return null==e||("object"==typeof e?Array.isArray(e)?0===e.length:e instanceof Set||e instanceof Map?0===e.size:0===Object.keys(e).length:"string"==typeof e&&0===e.length)},exports.useClickOutside=w;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/utils/styling.ts","../src/components/SVGIcon/SVGIcon.tsx","../src/utils/icon.ts","../node_modules/tslib/tslib.es6.js","../src/icons/Camera.tsx","../src/models/ui.ts","../src/icons/Check.tsx","../src/icons/ChevronRight.tsx","../src/icons/Image.tsx","../src/icons/UploadCloud.tsx","../src/icons/UserCircle.tsx","../src/components/Avatar/Avatar.tsx","../src/components/Button/Button.tsx","../src/components/Input/Input.types.ts","../src/components/Input/Input.tsx","../src/utils/view.ts","../src/components/Portal/PortalAround.tsx","../src/components/DropDown/DropDown.tsx","../src/components/IconButton/IconButton.tsx","../src/components/Link/Link.tsx","../src/components/ListItem/ListItem.tsx","../src/components/LoadingItem/LoadingItem.tsx","../src/utils/common.ts"],"sourcesContent":["import { ClassNames, StylesProps } from \"./styling.types\";\n\nexport const classNames = (\n\tstyles: StylesProps,\n\tclassNames: ClassNames,\n\textraClassNames: string[] = []\n): string => {\n\tlet classes = [];\n\n\tfor (const key in classNames) {\n\t\tif (classNames[key]) classes.push(styles[key]);\n\t}\n\n\tif (extraClassNames?.length > 0) classes = classes.concat(extraClassNames);\n\n\treturn classes.join(\" \");\n};\n","import styles from \"./SVGIcon.module.scss\";\n\nimport { SIZE } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\nimport { getDimension } from \"src/utils/icon\";\nimport { IconType } from \"./SVGIcon.types\";\n\ninterface Props {\n\ticon?: IconType;\n\tsize?: SIZE;\n\tclassName?: string;\n\tisLoading?: boolean;\n}\n\nconst SVGIcon = ({ icon: IconComponent, size = \"sm\", className = \"\", isLoading = false }: Props) => {\n\tconst dimension = getDimension(size);\n\tif (!IconComponent) return null;\n\n\treturn (\n\t\t<div className={classNames(styles, { container: true, isLoading }, [className])}>\n\t\t\t<IconComponent\n\t\t\t\tclassName={className}\n\t\t\t\twidth={dimension}\n\t\t\t\theight={dimension}\n\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default SVGIcon;\n","import { SIZE } from \"src/models/ui\";\n\n// .xxs {\n// \twidth: 8px;\n// \theight: 8px;\n\n// \tpath {\n// \t\twidth: 100%;\n// \t\theight: 100%;\n// \t}\n// }\n// .xs {\n// \twidth: 12px;\n// \theight: 12px;\n// }\n// .sm {\n// \twidth: 16px !important;;\n// \theight: 16px !important;;\n// }\n// .md {\n// \twidth: 24px;\n// }\n// .lg {\n// \twidth: 32px;\n// }\n// .xl {\n// \twidth: 48px;\n// }\n// .xxl {\n// \twidth: 64px;\n// }\n// .xxxl {\n// \twidth: 128px;\n// }\n\nexport const getDimension = (size: SIZE) => {\n\tswitch (size) {\n\t\tcase \"xxs\":\n\t\t\treturn 8;\n\t\tcase \"xs\":\n\t\t\treturn 12;\n\t\tcase \"sm\":\n\t\t\treturn 16;\n\t\tcase \"md\":\n\t\t\treturn 24;\n\t\tcase \"lg\":\n\t\t\treturn 32;\n\t\tcase \"xl\":\n\t\t\treturn 48;\n\t\tcase \"xxl\":\n\t\t\treturn 64;\n\t\tcase \"xxxl\":\n\t\t\treturn 128;\n\n\t\tdefault:\n\t\t\treturn 16;\n\t}\n};\n","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n","import type { SVGProps } from \"react\";\nconst SvgCamera = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M2 8.377c0-.35 0-.525.015-.673a3 3 0 0 1 2.69-2.69C4.851 5 5.035 5 5.404 5c.143 0 .214 0 .274-.004a2 2 0 0 0 1.735-1.25c.023-.056.044-.12.086-.246.042-.127.063-.19.086-.246a2 2 0 0 1 1.735-1.25C9.38 2 9.448 2 9.58 2h4.838c.133 0 .2 0 .26.004a2 2 0 0 1 1.735 1.25c.023.056.044.12.086.246.042.127.063.19.086.246a2 2 0 0 0 1.735 1.25c.06.004.131.004.273.004.37 0 .554 0 .702.015a3 3 0 0 1 2.69 2.69c.014.147.014.322.014.672V16.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C19.72 21 18.88 21 17.2 21H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 18.72 2 17.88 2 16.2z\"\n\t\t/>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M12 16.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8\"\n\t\t/>\n\t</svg>\n);\nexport default SvgCamera;\n","import { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\";\n\nexport type SIZE = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxxl\";\n\nexport enum UIElementType {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tDANGER = \"danger\",\n\tSUCCESS = \"success\",\n\tWARNING = \"warning\",\n\tINFO = \"info\",\n\tLIGHT = \"light\",\n\tDEFAULT = \"default\",\n\tDARK = \"dark\",\n\tLIGHT_PRIMARY = \"lightPrimary\",\n\tLIGHT_SUCCESS = \"lightSuccess\",\n\tLIGHT_WARNING = \"lightWarning\",\n\tLIGHT_INFO = \"lightInfo\",\n\tLIGHT_DANGER = \"lightDanger\",\n\tLIGHT_DARK = \"lightDark\",\n\tLIGHT_SECONDARY = \"lightSecondary\",\n\tWHITE_TEXT = \"whiteText\",\n\tBORDERED_PRIMARY = \"borderedPrimary\",\n\tBORDERED_SECONDARY = \"borderedSecondary\",\n}\n","import type { SVGProps } from \"react\";\nconst SvgCheck = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M20 6 9 17l-5-5\"\n\t\t/>\n\t</svg>\n);\nexport default SvgCheck;\n","import type { SVGProps } from \"react\";\nconst SvgChevronRight = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"m9 18 6-6-6-6\"\n\t\t/>\n\t</svg>\n);\nexport default SvgChevronRight;\n","import type { SVGProps } from \"react\";\nconst SvgImage = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"m4.272 20.728 6.597-6.597c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l6.553 6.553M14 15l2.869-2.869c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668L22 15M10 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0M6.8 21h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 18.72 22 17.88 22 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 21 5.12 21 6.8 21\"\n\t\t/>\n\t</svg>\n);\nexport default SvgImage;\n","import type { SVGProps } from \"react\";\nconst SvgUploadCloud = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"m8 16 4-4m0 0 4 4m-4-4v9m8-4.257A5.5 5.5 0 0 0 16.5 7a.62.62 0 0 1-.534-.302 7.5 7.5 0 1 0-11.78 9.096\"\n\t\t/>\n\t</svg>\n);\nexport default SvgUploadCloud;\n","import type { SVGProps } from \"react\";\nconst SvgUserCircle = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M5.316 19.438A4 4 0 0 1 9 17h6a4 4 0 0 1 3.684 2.438M16 9.5a4 4 0 1 1-8 0 4 4 0 0 1 8 0m6 2.5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10\"\n\t\t/>\n\t</svg>\n);\nexport default SvgUserCircle;\n","import { JSXElementConstructor, MouseEventHandler } from \"react\";\n\nimport styles from \"./Avatar.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\nimport { SIZE } from \"src/models/ui\";\n\nimport SVGIcon, { IconType } from \"../SVGIcon\";\nimport { UserCircle, UploadCloud, Camera } from \"src/icons\";\n\ninterface Props {\n\tsource?: string | null;\n\talt?: string;\n\tsize?: SIZE;\n\tonClick?: MouseEventHandler<HTMLDivElement> | undefined;\n\tclassName?: string;\n\tisEditable?: boolean;\n\toverlayIcon?: IconType | null;\n\tinline?: boolean;\n\toverlayText?: string;\n\tisLoading?: boolean;\n}\n\nconst Avatar = ({\n\tsource = null,\n\talt = \"avatar\",\n\tsize = \"sm\",\n\tonClick,\n\tclassName,\n\tisEditable = false,\n\toverlayIcon,\n\tinline = false,\n\tisLoading = false,\n\toverlayText,\n}: Props) => {\n\tconst getImageSize = () => {\n\t\tswitch (size) {\n\t\t\tcase \"xxxl\":\n\t\t\t\treturn 512;\n\t\t\tcase \"xxl\":\n\t\t\t\treturn 256;\n\t\t\tcase \"xl\":\n\t\t\t\treturn 128;\n\t\t\tcase \"lg\":\n\t\t\t\treturn 96;\n\t\t\tcase \"md\":\n\t\t\t\treturn 64;\n\t\t\tcase \"xs\":\n\t\t\t\treturn 32;\n\t\t\tcase \"xxs\":\n\t\t\t\treturn 24;\n\n\t\t\tdefault:\n\t\t\t\treturn 48;\n\t\t}\n\t};\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\tavatar: true,\n\t\t\t\t\tclickable: !!onClick || isEditable,\n\t\t\t\t\teditable: isEditable,\n\t\t\t\t\tinline,\n\t\t\t\t\tloading: isLoading,\n\t\t\t\t},\n\t\t\t\t[styles[size], className as string]\n\t\t\t)}\n\t\t\tonClick={onClick}\n\t\t\tstyle={{ width: getImageSize(), height: getImageSize() }}\n\t\t>\n\t\t\t{source ? (\n\t\t\t\t<img\n\t\t\t\t\tsrc={source}\n\t\t\t\t\talt={alt}\n\t\t\t\t\tclassName={styles.image}\n\t\t\t\t\twidth={getImageSize()}\n\t\t\t\t\theight={getImageSize()}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SVGIcon size={size} icon={UserCircle} />\n\t\t\t)}\n\t\t\t{isEditable && (\n\t\t\t\t<div className={styles.editIcon}>\n\t\t\t\t\t<SVGIcon isLoading={isLoading} icon={isLoading ? UploadCloud : Camera} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{(!!overlayIcon || overlayText) && (\n\t\t\t\t<div className={styles.overlay}>\n\t\t\t\t\t{!!overlayIcon && (\n\t\t\t\t\t\t<SVGIcon isLoading={isLoading} icon={isLoading ? UploadCloud : overlayIcon} />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!overlayText && <div className={styles.overlayText}>{overlayText}</div>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default Avatar;\n","import { Fragment, JSXElementConstructor, useState } from \"react\";\n\nimport styles from \"./Button.module.scss\";\n\nimport { UIElementType } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\n\nimport SVGIcon, { IconType } from \"../SVGIcon\";\n\ninterface Props {\n\ttype?: UIElementType;\n\tonClick: (e?: any) => void;\n\tlabel: string;\n\ticon?: IconType;\n\tfullWidth?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tneedConfirm?: boolean;\n\tsize?: \"standard\" | \"small\" | \"xsmall\";\n}\n\nconst Button = ({\n\ttype = UIElementType.PRIMARY,\n\tonClick,\n\tlabel,\n\ticon,\n\tfullWidth = false,\n\tisLoading,\n\tdisabled,\n\tclassName,\n\tneedConfirm = false,\n\tsize = \"standard\",\n}: Props) => {\n\tconst [showConfirm, setShowConfirm] = useState(false);\n\n\tconst handleConfirmation = () => {\n\t\tsetShowConfirm(false);\n\t\tonClick();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles, {\n\t\t\t\tcontainer: true,\n\t\t\t\tfullWidth,\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\tclassName={classNames(\n\t\t\t\t\tstyles,\n\t\t\t\t\t{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\tloading: !!isLoading,\n\t\t\t\t\t},\n\t\t\t\t\t[styles[type], styles[size], className as string]\n\t\t\t\t)}\n\t\t\t\tonClick={needConfirm ? () => setShowConfirm(!showConfirm) : onClick}\n\t\t\t\tdisabled={isLoading || disabled}\n\t\t\t>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<Fragment>Loading...</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<div className={styles.label}>\n\t\t\t\t\t\t{icon && <SVGIcon icon={icon} />}\n\t\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t\t{showConfirm && (\n\t\t\t\t<div className={styles.confirm}>\n\t\t\t\t\t<div className={styles.confirmMessage}>Are you sure?</div>\n\t\t\t\t\t<div className={styles.confirmActions}>\n\t\t\t\t\t\t<Button type={UIElementType.DANGER} onClick={() => setShowConfirm(false)} label=\"No\" />\n\t\t\t\t\t\t<Button type={UIElementType.SUCCESS} onClick={handleConfirmation} label=\"Yes\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default Button;\n","import { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\";\n\nexport enum InputType {\n\tTEXT = \"text\",\n\tPASSWORD = \"password\",\n\tEMAIL = \"email\",\n\tNUMBER = \"number\",\n\tURL = \"url\",\n\tTEL = \"tel\",\n\tDATE = \"date\",\n\tDATETIME = \"datetime\",\n\tSELECT = \"select\",\n\tCOLOR_PICKER = \"color-picker\",\n\tTEXT_AREA = \"text-area\",\n\tAVATAR_UPLOAD = \"avatar-upload\",\n\tUPLOAD_IMAGE_ICON = \"upload-image-icon\",\n}\n\nexport type onChangeEventType = ChangeEvent<\n\tHTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n>;\nexport type onFocusEventType = FocusEvent<\n\tHTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n>;\nexport type onEnterEventType = KeyboardEvent<\n\tHTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n>;\n","import { FC, Fragment, ReactElement, forwardRef } from \"react\";\n\nimport styles from \"./Input.module.scss\";\n\nimport { Image } from \"src/icons\";\nimport { SIZE } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\n\nimport SVGIcon from \"../SVGIcon\";\nimport { IconType } from \"../SVGIcon\";\nimport { InputType, onChangeEventType, onEnterEventType, onFocusEventType } from \"./Input.types\";\n\nimport Avatar from \"../Avatar/Avatar\";\n\ninterface SelectOption {\n\tlabel: string;\n\tvalue: string | number;\n}\n\ninterface Props {\n\tlabel?: string;\n\tplaceholder?: string;\n\ttype?: string;\n\tvalue?: string;\n\taddonIcon?: IconType | null;\n\trequired?: boolean;\n\tname?: string;\n\terrorMessage?: string;\n\toptions?: SelectOption[];\n\tfullWidth?: boolean;\n\tsource?: string | null;\n\tavatarSize?: SIZE;\n\tlabelAddon?: ReactElement;\n\tautoCompleteContent?: ReactElement | null;\n\tautoCompleteReverse?: boolean;\n\tnoMargin?: boolean;\n\tisDisabled?: boolean;\n\tisLoading?: boolean;\n\tisMultiUpload?: boolean;\n\tautoFocus?: boolean;\n\ttheme?: \"oval\" | \"transparent\";\n\tsize?: \"xsmall\" | \"small\" | \"medium\" | \"large\";\n\tonChange?: (e: onChangeEventType) => void;\n\tonBlur?: (e: onFocusEventType) => void;\n\tonFocus?: (e: onFocusEventType) => void;\n\taddonAction?: () => void;\n\tonEnter?: () => void;\n\tonEsc?: () => void;\n\tonFileSelect?: (file: File, url?: string) => void;\n\tonFilesSelect?: (files: FileList | null) => void;\n\t[key: string]: any;\n}\n\nconst Input: FC<Props> = forwardRef(function Input(\n\t{\n\t\ttype = InputType.TEXT,\n\t\tlabel,\n\t\tplaceholder,\n\t\tvalue,\n\t\trequired = false,\n\t\taddonIcon,\n\t\tlabelAddon,\n\t\terrorMessage,\n\t\toptions = [],\n\t\tfullWidth,\n\t\tavatarSize,\n\t\tsource,\n\t\tautoCompleteContent,\n\t\tautoCompleteReverse = false,\n\t\tnoMargin = false,\n\t\tisDisabled = false,\n\t\tisLoading = false,\n\t\tisMultiUpload = false,\n\t\tautoFocus = false,\n\t\ttheme = \"oval\",\n\t\tsize = \"medium\",\n\t\tonBlur,\n\t\tonFocus,\n\t\tonChange,\n\t\taddonAction,\n\t\tonEnter,\n\t\tonEsc,\n\t\tonFileSelect,\n\t\tonFilesSelect,\n\t\t...rest\n\t},\n\tref: any\n) {\n\tconst disabled = isDisabled || isLoading;\n\n\tconst handleKeyPress = (e: onEnterEventType) => {\n\t\tswitch (e.key) {\n\t\t\tcase \"Enter\":\n\t\t\t\tonEnter && onEnter();\n\t\t\t\tbreak;\n\n\t\t\tcase \"Escape\":\n\t\t\t\tonEsc && onEsc();\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst handleFileSelect = (e: onChangeEventType) => {\n\t\t// @ts-ignore\n\t\tconst file = e.target.files[0];\n\t\tconst reader = new FileReader();\n\n\t\treader.onload = () => {\n\t\t\tonFileSelect && onFileSelect(file, reader.result as string);\n\t\t};\n\n\t\treader.readAsDataURL(file);\n\t};\n\n\tconst handleFilesSelect = (e: onChangeEventType) => {\n\t\tconst target = e.target as HTMLInputElement;\n\t\tonFilesSelect && onFilesSelect(target.files);\n\t};\n\n\tconst renderInput = () => {\n\t\tswitch (type) {\n\t\t\tcase InputType.SELECT:\n\t\t\t\treturn (\n\t\t\t\t\t<select\n\t\t\t\t\t\tclassName={styles.field}\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\tonBlur,\n\t\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\t\tonChange,\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t\t...rest,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<option value=\"\">{placeholder}</option>\n\t\t\t\t\t\t{options.map(({ label, value: optionValue }) => (\n\t\t\t\t\t\t\t<option value={optionValue} key={optionValue}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</select>\n\t\t\t\t);\n\n\t\t\tcase InputType.COLOR_PICKER:\n\t\t\t\treturn (\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={`${styles.field} ${styles.colorPicker}`}\n\t\t\t\t\t\ttype=\"color\"\n\t\t\t\t\t\t{...{ value, placeholder, onBlur, onFocus, onChange, disabled, ref, ...rest }}\n\t\t\t\t\t/>\n\t\t\t\t);\n\n\t\t\tcase InputType.TEXT_AREA:\n\t\t\t\treturn (\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tclassName={styles.field}\n\t\t\t\t\t\t{...{ value, placeholder, onBlur, onFocus, onChange, autoFocus, ref, ...rest }}\n\t\t\t\t\t></textarea>\n\t\t\t\t);\n\n\t\t\tcase InputType.AVATAR_UPLOAD: {\n\t\t\t\treturn (\n\t\t\t\t\t<label htmlFor=\"avatar-upload\">\n\t\t\t\t\t\t<Avatar {...{ size: avatarSize, source, isLoading }} isEditable />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\tname=\"avatar-upload\"\n\t\t\t\t\t\t\tid=\"avatar-upload\"\n\t\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\t\tonChange={isMultiUpload ? handleFilesSelect : handleFileSelect}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tclassName={styles.avatar}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tmultiple={isMultiUpload}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</label>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tcase InputType.UPLOAD_IMAGE_ICON: {\n\t\t\t\treturn (\n\t\t\t\t\t<label htmlFor=\"upload-image-icon\">\n\t\t\t\t\t\t<SVGIcon icon={Image} isLoading={isLoading} size=\"md\" />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\tname=\"upload-image-icon\"\n\t\t\t\t\t\t\tid=\"upload-image-icon\"\n\t\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\t\tonChange={isMultiUpload ? handleFilesSelect : handleFileSelect}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tclassName={styles.avatar}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tmultiple={isMultiUpload}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</label>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={styles.field}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\t\tplaceholder,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\tonBlur,\n\t\t\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\t\t\tonChange,\n\t\t\t\t\t\t\t\tonKeyUp: handleKeyPress,\n\t\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\t\t\tautoFocus,\n\t\t\t\t\t\t\t\t...rest,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{addonIcon && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={!addonAction ? styles.addon : `${styles.addon} ${styles.pointer}`}\n\t\t\t\t\t\t\t\tonClick={addonAction}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SVGIcon icon={addonIcon} isLoading={isLoading} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t}\n\t};\n\n\t// fullWidth ? `${styles.input} ${styles.full}` : styles.input\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\tinput: true,\n\t\t\t\t\tfull: !!fullWidth,\n\t\t\t\t\tnoMargin,\n\t\t\t\t\thasAddon: !!addonIcon,\n\t\t\t\t},\n\t\t\t\t[styles[theme], styles[size]]\n\t\t\t)}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<label>\n\t\t\t\t\t<span className={required ? styles.required : \"\"}>{label}</span>\n\t\t\t\t\t{!!labelAddon && <div className={styles.labelAddon}>{labelAddon}</div>}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t\t<div className={styles.container}>{renderInput()}</div>\n\t\t\t{!!errorMessage && <div className={styles.error}>{errorMessage}</div>}\n\t\t\t{!!autoCompleteContent && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(styles, {\n\t\t\t\t\t\tautoCompleteContent: true,\n\t\t\t\t\t\treversed: autoCompleteReverse,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{autoCompleteContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\nexport default Input;\n","import { useEffect } from \"react\";\n\nexport const useClickOutside = (ref: any, callback: () => void) => {\n\tconst handleClick = (event: any) => {\n\t\tif (ref.current && !ref.current.contains(event.target)) {\n\t\t\tcallback();\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tdocument.addEventListener(\"click\", handleClick);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"click\", handleClick);\n\t\t};\n\t}, []);\n};\n","import { CSSProperties, ReactNode, RefObject, useEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport { useClickOutside } from \"src/utils/view\";\n\ninterface PortalParams {\n\tisOpen: boolean;\n\ttop: number | string;\n\tleft: number | string;\n\tbottom: number | string;\n\tright: number | string;\n}\n\ninterface Props {\n\tcontainerRef: RefObject<HTMLDivElement>;\n\tcontentRef: RefObject<HTMLDivElement>;\n\tisOpen: boolean;\n\trenderChild: (params: PortalParams) => ReactNode;\n\tonClose: () => void;\n}\n\nconst PortalAround = ({\n\tcontainerRef,\n\tcontentRef,\n\tisOpen = false,\n\trenderChild,\n\tonClose,\n}: Props) => {\n\tconst initialParams = {\n\t\tisOpen: false,\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tbottom: 0,\n\t\tright: 0,\n\t};\n\n\tconst [params, setParams] = useState<PortalParams>(initialParams);\n\n\tconst style: CSSProperties = {\n\t\tposition: \"absolute\",\n\t\ttop: params.top,\n\t\tleft: params.left,\n\t\tbottom: params.bottom,\n\t\tright: params.right,\n\t\tzIndex: 111,\n\t};\n\n\tconst showContent = () => {\n\t\tconst {\n\t\t\ttop: containerTop,\n\t\t\tleft: containerLeft,\n\t\t\theight: containerHeight,\n\t\t\twidth: containerWidth,\n\t\t} = containerRef?.current?.getBoundingClientRect?.() ?? {\n\t\t\ttop: 0,\n\t\t\tleft: 0,\n\t\t\theight: 0,\n\t\t\twidth: 0,\n\t\t};\n\t\tconst { innerHeight, innerWidth } = window;\n\t\tconst spaceBelow = innerHeight - (containerTop + containerHeight);\n\t\tconst spaceAbove = containerTop;\n\t\tconst spaceLeft = containerLeft;\n\t\tconst spaceRight = innerWidth - (containerLeft + containerWidth);\n\t\tconst contentHeight = contentRef?.current?.clientHeight ?? 200;\n\t\tconst contentWidth = contentRef?.current?.clientWidth ?? 200;\n\t\tlet left: string | number = \"auto\";\n\t\tlet top: string | number = \"auto\";\n\t\tlet right: string | number = \"auto\";\n\t\tlet bottom: string | number = \"auto\";\n\n\t\t// Check space below\n\t\tif (spaceBelow < contentHeight && spaceAbove >= contentHeight) {\n\t\t\tbottom = innerHeight - containerTop - containerHeight + 20;\n\t\t} else {\n\t\t\ttop = containerTop + containerHeight + 5;\n\t\t}\n\n\t\t// Check space on the right\n\t\tif (spaceRight < contentWidth && spaceLeft >= contentWidth) {\n\t\t\tright = innerWidth - containerLeft;\n\t\t} else {\n\t\t\tleft = containerLeft;\n\t\t}\n\n\t\tconst position = { top, left, right, bottom };\n\n\t\tsetParams({\n\t\t\t...position,\n\t\t\tisOpen: true,\n\t\t});\n\t};\n\n\tconst preventPropogation = (e: any) => {\n\t\te.stopPropagation();\n\t};\n\n\tconst closeSelection = () => {\n\t\tsetParams(initialParams);\n\t\tonClose();\n\t};\n\n\tuseClickOutside(containerRef, () => closeSelection());\n\n\tuseEffect(() => {\n\t\tif (isOpen) return showContent();\n\n\t\tcloseSelection();\n\t}, [isOpen, containerRef?.current]);\n\n\tif (!params.isOpen) return null;\n\n\treturn ReactDOM.createPortal(\n\t\t<div style={style} onClick={preventPropogation}>\n\t\t\t{renderChild(params)}\n\t\t</div>,\n\t\tdocument.getElementById(\"portals\") as Element | DocumentFragment\n\t);\n};\n\nexport default PortalAround;\n","import { ReactNode, RefObject, useEffect, useRef, useState } from \"react\";\n\nimport styles from \"./DropDown.module.scss\";\n\nimport { UIElementType } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\nimport { CloseDropdownRef } from \"./DropDown.types\";\n\nimport PortalAround from \"../Portal\";\n\ninterface Props {\n\taction: ReactNode;\n\tmenu: ReactNode;\n\ttype?: UIElementType;\n\tcloseRef?: RefObject<CloseDropdownRef>;\n\tactionSize?: \"medium\" | \"small\" | \"xsmall\" | \"large\";\n}\n\ninterface MenuProps {\n\tchildren: ReactNode;\n}\n\nconst DropDownMenu = ({ children }: MenuProps) => {\n\treturn <div className={styles.menu}>{children}</div>;\n};\n\nconst DropDown = ({\n\taction,\n\tmenu,\n\ttype = UIElementType.DEFAULT,\n\tcloseRef,\n\tactionSize = \"medium\",\n}: Props) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst menuRef = useRef<HTMLDivElement>(null);\n\tconst actionRef = useRef<HTMLDivElement>(null);\n\n\tconst [isMenuOpen, setIsMenuOpen] = useState(false);\n\n\tconst toggleMenu = () => setIsMenuOpen(!isMenuOpen);\n\tconst closeMenu = () => setIsMenuOpen(false);\n\n\tuseEffect(() => {\n\t\tif (!closeRef?.current) return;\n\t\t// @ts-ignore\n\t\tcloseRef.current = {\n\t\t\tclose: () => closeMenu(),\n\t\t};\n\t}, [closeRef]);\n\n\treturn (\n\t\t<div className={styles.container} ref={containerRef}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles, { action: true }, [styles[type], styles[actionSize]])}\n\t\t\t\tref={actionRef}\n\t\t\t\tonClick={toggleMenu}\n\t\t\t>\n\t\t\t\t{action}\n\t\t\t</div>\n\t\t\t<PortalAround\n\t\t\t\tcontainerRef={containerRef}\n\t\t\t\tcontentRef={menuRef}\n\t\t\t\tisOpen={isMenuOpen}\n\t\t\t\tonClose={closeMenu}\n\t\t\t\trenderChild={() => (\n\t\t\t\t\t<div className={styles.menuContainer} ref={menuRef}>\n\t\t\t\t\t\t<DropDownMenu>{menu}</DropDownMenu>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default DropDown;\n","import { JSXElementConstructor, useState } from \"react\";\n\nimport styles from \"./IconButton.module.scss\";\n\nimport { SIZE, UIElementType } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\n\nimport Button from \"../Button\";\nimport SVGIcon, { IconType } from \"../SVGIcon\";\n\ninterface Props {\n\ticon: IconType;\n\tonClick: () => void;\n\ttype?: UIElementType;\n\tneedConfirm?: boolean;\n\tnoPadding?: boolean;\n\tisLoading?: boolean;\n\tsize?: SIZE;\n\tconfirmPosition?: \"top\" | \"bottom\";\n}\n\nconst IconButton = ({\n\ticon,\n\tonClick,\n\ttype = UIElementType.DEFAULT,\n\tneedConfirm = false,\n\tnoPadding = false,\n\tisLoading = false,\n\tsize = \"sm\",\n\tconfirmPosition = \"top\",\n}: Props) => {\n\tconst [showConfirm, setShowConfirm] = useState(false);\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\ticonButton: true,\n\t\t\t\t\tnoPadding,\n\t\t\t\t},\n\t\t\t\t[styles[type], styles[size]]\n\t\t\t)}\n\t\t\tonClick={isLoading ? undefined : needConfirm ? () => setShowConfirm(!showConfirm) : onClick}\n\t\t>\n\t\t\t<SVGIcon\n\t\t\t\t{...{\n\t\t\t\t\tisLoading,\n\t\t\t\t\ticon,\n\t\t\t\t\tsize,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{showConfirm && (\n\t\t\t\t<div className={`${styles.confirm} ${styles[confirmPosition]}`}>\n\t\t\t\t\t<div className={styles.confirmMessage}>Are you sure?</div>\n\t\t\t\t\t<div className={styles.confirmActions}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype={UIElementType.DANGER}\n\t\t\t\t\t\t\tonClick={() => setShowConfirm(false)}\n\t\t\t\t\t\t\tlabel=\"No\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button type={UIElementType.SUCCESS} onClick={onClick} label=\"Yes\" size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default IconButton;\n","import styles from \"./Link.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\nimport { SIZE, UIElementType } from \"src/models/ui\";\nimport SVGIcon from \"src/components/SVGIcon\";\nimport { ChevronRight } from \"src/icons\";\n\ninterface Props {\n\thref: string;\n\ttitle: string;\n\ttarget?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | \"framename\";\n\ttype?: UIElementType;\n\tpadding?: \"zero\" | SIZE;\n\thasChevron?: boolean;\n\tfullWidth?: boolean;\n}\n\nconst Link = ({\n\thref,\n\ttitle,\n\ttarget = \"_self\",\n\ttype = UIElementType.DEFAULT,\n\tpadding = \"zero\",\n\thasChevron = false,\n\tfullWidth = false,\n}: Props) => {\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\ttarget={target}\n\t\t\trel=\"noopener noreferrer\"\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\tlink: true,\n\t\t\t\t\tfullWidth,\n\t\t\t\t},\n\t\t\t\t[styles[type], styles[padding]]\n\t\t\t)}\n\t\t>\n\t\t\t<span>{title}</span> {hasChevron && <SVGIcon icon={ChevronRight} />}\n\t\t</a>\n\t);\n};\n\nexport default Link;\n","import styles from \"./ListItem.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\n\nimport Button from \"../Button\";\nimport SVGIcon from \"../SVGIcon\";\nimport { Check } from \"src/icons\";\n\ninterface Props {\n\ttitle: string;\n\tsubtitle?: string;\n\tactionTitle?: string;\n\taction?: () => void;\n\tcompleted?: boolean;\n\tindicator?: \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n\thasSeparator?: boolean;\n\thasDashedSeparator?: boolean;\n\tisActionPending?: boolean;\n}\n\nconst ListItem = ({\n\ttitle,\n\tsubtitle,\n\tactionTitle = \"\",\n\taction,\n\tcompleted,\n\tindicator,\n\thasSeparator = false,\n\thasDashedSeparator = false,\n\tisActionPending = false,\n}: Props) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles, {\n\t\t\t\tlistItem: true,\n\t\t\t\tseparator: hasSeparator,\n\t\t\t\tdashedSeparator: hasDashedSeparator,\n\t\t\t})}\n\t\t>\n\t\t\t<div className={styles.content}>\n\t\t\t\t{indicator && (\n\t\t\t\t\t<div className={classNames(styles, { indicator: true }, [styles[indicator]])}></div>\n\t\t\t\t)}\n\t\t\t\t<div className={styles.data}>\n\t\t\t\t\t<div className={styles.title}>{title}</div>\n\t\t\t\t\t{subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{action && (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={action}\n\t\t\t\t\tclassName={styles.action}\n\t\t\t\t\tlabel={actionTitle}\n\t\t\t\t\tisLoading={isActionPending}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{completed && (\n\t\t\t\t<div className={styles.completed}>\n\t\t\t\t\t<SVGIcon icon={Check} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default ListItem;\n","import styles from \"./LoadingItem.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\nimport { SIZE } from \"src/models/ui\";\n\ninterface Props {\n\tshape?: \"square\";\n\tsize: SIZE;\n\twidth?: string;\n\theight?: string;\n}\n\nconst LoadingItem = ({ shape = \"square\", size = \"md\", width, height }: Props) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles, { container: true }, [styles[shape], styles[size]])}\n\t\t\tstyle={{ width, height }}\n\t\t></div>\n\t);\n};\n\nexport default LoadingItem;\n","export const isEmpty = (value: any) => {\n\t// Check for null or undefined\n\tif (value === null || value === undefined) {\n\t\treturn true;\n\t}\n\n\t// Check for objects (including arrays and functions)\n\tif (typeof value === \"object\") {\n\t\t// Handle arrays\n\t\tif (Array.isArray(value)) {\n\t\t\treturn value.length === 0;\n\t\t}\n\t\t// Handle Sets and Maps\n\t\tif (value instanceof Set || value instanceof Map) {\n\t\t\treturn value.size === 0;\n\t\t}\n\t\t// Handle normal objects\n\t\treturn Object.keys(value).length === 0;\n\t}\n\n\t// Check for strings\n\tif (typeof value === \"string\") {\n\t\treturn value.length === 0;\n\t}\n\n\t// If the value is a number, boolean, or other primitive type, it's not empty\n\treturn false;\n};\n"],"names":["classNames","styles","extraClassNames","classes","key","push","length","concat","join","SVGIcon","_a","IconComponent","icon","_b","size","_c","className","_d","isLoading","dimension","getDimension","_jsx","container","children","jsx","width","height","viewBox","preserveAspectRatio","__assign","Object","assign","t","s","i","n","arguments","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","UIElementType","SvgCamera","props","_jsxs","xmlns","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","SvgCheck","SvgChevronRight","SvgImage","SvgUploadCloud","SvgUserCircle","Avatar","source","alt","onClick","_e","isEditable","overlayIcon","_f","inline","_g","overlayText","getImageSize","jsxs","avatar","clickable","editable","loading","style","src","image","UserCircle","editIcon","UploadCloud","Camera","overlay","InputType","Button","type","PRIMARY","label","fullWidth","disabled","needConfirm","useState","showConfirm","setShowConfirm","button","Fragment","confirm","confirmMessage","confirmActions","DANGER","SUCCESS","Input","forwardRef","ref","TEXT","placeholder","value","required","addonIcon","labelAddon","errorMessage","options","avatarSize","autoCompleteContent","autoCompleteReverse","noMargin","isDisabled","_h","_j","isMultiUpload","_k","autoFocus","_l","theme","_m","onBlur","onFocus","onChange","addonAction","onEnter","onEsc","onFileSelect","onFilesSelect","rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","handleKeyPress","handleFileSelect","file","target","files","reader","FileReader","onload","result","readAsDataURL","handleFilesSelect","input","full","hasAddon","SELECT","field","map","optionValue","COLOR_PICKER","colorPicker","TEXT_AREA","AVATAR_UPLOAD","htmlFor","name","id","accept","multiple","UPLOAD_IMAGE_ICON","Image","onKeyUp","addon","pointer","renderInput","error","reversed","useClickOutside","callback","handleClick","event","current","contains","useEffect","document","addEventListener","removeEventListener","PortalAround","containerRef","contentRef","isOpen","renderChild","onClose","initialParams","top","left","bottom","right","params","setParams","position","zIndex","closeSelection","getBoundingClientRect","containerTop","containerLeft","containerHeight","containerWidth","innerHeight","window","innerWidth","spaceBelow","spaceAbove","spaceLeft","spaceRight","contentHeight","clientHeight","contentWidth","clientWidth","showContent","ReactDOM","createPortal","stopPropagation","getElementById","DropDownMenu","menu","action","DEFAULT","closeRef","actionSize","useRef","menuRef","actionRef","isMenuOpen","setIsMenuOpen","closeMenu","close","menuContainer","noPadding","confirmPosition","iconButton","undefined","href","title","padding","hasChevron","rel","link","ChevronRight","subtitle","actionTitle","completed","indicator","hasSeparator","hasDashedSeparator","isActionPending","listItem","separator","dashedSeparator","content","data","Check","shape","Array","isArray","Set","Map","keys"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/utils/styling.ts","../src/components/SVGIcon/SVGIcon.tsx","../src/utils/icon.ts","../node_modules/tslib/tslib.es6.js","../src/icons/Camera.tsx","../src/models/ui.ts","../src/icons/Check.tsx","../src/icons/ChevronRight.tsx","../src/icons/Image.tsx","../src/icons/UploadCloud.tsx","../src/icons/UserCircle.tsx","../src/components/Avatar/Avatar.tsx","../src/components/Button/Button.tsx","../src/components/Input/Input.types.ts","../src/components/Input/Input.tsx","../src/utils/view.ts","../src/components/Portal/PortalAround.tsx","../src/components/DropDown/DropDown.tsx","../src/components/IconButton/IconButton.tsx","../src/components/Link/Link.tsx","../src/components/ListItem/ListItem.tsx","../src/components/LoadingItem/LoadingItem.tsx","../src/utils/common.ts"],"sourcesContent":["import { ClassNames, StylesProps } from \"./styling.types\";\n\nexport const classNames = (\n\tstyles: StylesProps,\n\tclassNames: ClassNames,\n\textraClassNames: string[] = []\n): string => {\n\tlet classes = [];\n\n\tfor (const key in classNames) {\n\t\tif (classNames[key]) classes.push(styles[key]);\n\t}\n\n\tif (extraClassNames?.length > 0) classes = classes.concat(extraClassNames);\n\n\treturn classes.join(\" \");\n};\n","import styles from \"./SVGIcon.module.scss\";\n\nimport { SIZE } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\nimport { getDimension } from \"src/utils/icon\";\nimport { IconType } from \"./SVGIcon.types\";\n\ninterface Props {\n\ticon?: IconType;\n\tsize?: SIZE;\n\tclassName?: string;\n\tisLoading?: boolean;\n}\n\nconst SVGIcon = ({ icon: IconComponent, size = \"sm\", className = \"\", isLoading = false }: Props) => {\n\tconst dimension = getDimension(size);\n\tif (!IconComponent) return null;\n\n\treturn (\n\t\t<div className={classNames(styles, { container: true, isLoading }, [className])}>\n\t\t\t<IconComponent\n\t\t\t\tclassName={className}\n\t\t\t\twidth={dimension}\n\t\t\t\theight={dimension}\n\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default SVGIcon;\n","import { SIZE } from \"src/models/ui\";\n\n// .xxs {\n// \twidth: 8px;\n// \theight: 8px;\n\n// \tpath {\n// \t\twidth: 100%;\n// \t\theight: 100%;\n// \t}\n// }\n// .xs {\n// \twidth: 12px;\n// \theight: 12px;\n// }\n// .sm {\n// \twidth: 16px !important;;\n// \theight: 16px !important;;\n// }\n// .md {\n// \twidth: 24px;\n// }\n// .lg {\n// \twidth: 32px;\n// }\n// .xl {\n// \twidth: 48px;\n// }\n// .xxl {\n// \twidth: 64px;\n// }\n// .xxxl {\n// \twidth: 128px;\n// }\n\nexport const getDimension = (size: SIZE) => {\n\tswitch (size) {\n\t\tcase \"xxs\":\n\t\t\treturn 8;\n\t\tcase \"xs\":\n\t\t\treturn 12;\n\t\tcase \"sm\":\n\t\t\treturn 16;\n\t\tcase \"md\":\n\t\t\treturn 24;\n\t\tcase \"lg\":\n\t\t\treturn 32;\n\t\tcase \"xl\":\n\t\t\treturn 48;\n\t\tcase \"xxl\":\n\t\t\treturn 64;\n\t\tcase \"xxxl\":\n\t\t\treturn 128;\n\n\t\tdefault:\n\t\t\treturn 16;\n\t}\n};\n","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n","import type { SVGProps } from \"react\";\nconst SvgCamera = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M2 8.377c0-.35 0-.525.015-.673a3 3 0 0 1 2.69-2.69C4.851 5 5.035 5 5.404 5c.143 0 .214 0 .274-.004a2 2 0 0 0 1.735-1.25c.023-.056.044-.12.086-.246.042-.127.063-.19.086-.246a2 2 0 0 1 1.735-1.25C9.38 2 9.448 2 9.58 2h4.838c.133 0 .2 0 .26.004a2 2 0 0 1 1.735 1.25c.023.056.044.12.086.246.042.127.063.19.086.246a2 2 0 0 0 1.735 1.25c.06.004.131.004.273.004.37 0 .554 0 .702.015a3 3 0 0 1 2.69 2.69c.014.147.014.322.014.672V16.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C19.72 21 18.88 21 17.2 21H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 18.72 2 17.88 2 16.2z\"\n\t\t/>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M12 16.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8\"\n\t\t/>\n\t</svg>\n);\nexport default SvgCamera;\n","import { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\";\n\nexport type SIZE = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxxl\";\n\nexport enum UIElementType {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tDANGER = \"danger\",\n\tSUCCESS = \"success\",\n\tWARNING = \"warning\",\n\tINFO = \"info\",\n\tLIGHT = \"light\",\n\tDEFAULT = \"default\",\n\tDARK = \"dark\",\n\tLIGHT_PRIMARY = \"lightPrimary\",\n\tLIGHT_SUCCESS = \"lightSuccess\",\n\tLIGHT_WARNING = \"lightWarning\",\n\tLIGHT_INFO = \"lightInfo\",\n\tLIGHT_DANGER = \"lightDanger\",\n\tLIGHT_DARK = \"lightDark\",\n\tLIGHT_SECONDARY = \"lightSecondary\",\n\tWHITE_TEXT = \"whiteText\",\n\tBORDERED_PRIMARY = \"borderedPrimary\",\n\tBORDERED_SECONDARY = \"borderedSecondary\",\n}\n","import type { SVGProps } from \"react\";\nconst SvgCheck = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M20 6 9 17l-5-5\"\n\t\t/>\n\t</svg>\n);\nexport default SvgCheck;\n","import type { SVGProps } from \"react\";\nconst SvgChevronRight = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"m9 18 6-6-6-6\"\n\t\t/>\n\t</svg>\n);\nexport default SvgChevronRight;\n","import type { SVGProps } from \"react\";\nconst SvgImage = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"m4.272 20.728 6.597-6.597c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l6.553 6.553M14 15l2.869-2.869c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668L22 15M10 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0M6.8 21h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 18.72 22 17.88 22 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 21 5.12 21 6.8 21\"\n\t\t/>\n\t</svg>\n);\nexport default SvgImage;\n","import type { SVGProps } from \"react\";\nconst SvgUploadCloud = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"m8 16 4-4m0 0 4 4m-4-4v9m8-4.257A5.5 5.5 0 0 0 16.5 7a.62.62 0 0 1-.534-.302 7.5 7.5 0 1 0-11.78 9.096\"\n\t\t/>\n\t</svg>\n);\nexport default SvgUploadCloud;\n","import type { SVGProps } from \"react\";\nconst SvgUserCircle = (props: SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" {...props}>\n\t\t<path\n\t\t\tstroke=\"#000\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\td=\"M5.316 19.438A4 4 0 0 1 9 17h6a4 4 0 0 1 3.684 2.438M16 9.5a4 4 0 1 1-8 0 4 4 0 0 1 8 0m6 2.5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10\"\n\t\t/>\n\t</svg>\n);\nexport default SvgUserCircle;\n","import { JSXElementConstructor, MouseEventHandler } from \"react\";\n\nimport styles from \"./Avatar.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\nimport { SIZE } from \"src/models/ui\";\n\nimport SVGIcon, { IconType } from \"../SVGIcon\";\nimport { UserCircle, UploadCloud, Camera } from \"src/icons\";\n\ninterface Props {\n\tsource?: string | null;\n\talt?: string;\n\tsize?: SIZE;\n\tonClick?: MouseEventHandler<HTMLDivElement> | undefined;\n\tclassName?: string;\n\tisEditable?: boolean;\n\toverlayIcon?: IconType | null;\n\tinline?: boolean;\n\toverlayText?: string;\n\tisLoading?: boolean;\n}\n\nconst Avatar = ({\n\tsource = null,\n\talt = \"avatar\",\n\tsize = \"sm\",\n\tonClick,\n\tclassName,\n\tisEditable = false,\n\toverlayIcon,\n\tinline = false,\n\tisLoading = false,\n\toverlayText,\n}: Props) => {\n\tconst getImageSize = () => {\n\t\tswitch (size) {\n\t\t\tcase \"xxxl\":\n\t\t\t\treturn 512;\n\t\t\tcase \"xxl\":\n\t\t\t\treturn 256;\n\t\t\tcase \"xl\":\n\t\t\t\treturn 128;\n\t\t\tcase \"lg\":\n\t\t\t\treturn 96;\n\t\t\tcase \"md\":\n\t\t\t\treturn 64;\n\t\t\tcase \"xs\":\n\t\t\t\treturn 32;\n\t\t\tcase \"xxs\":\n\t\t\t\treturn 24;\n\n\t\t\tdefault:\n\t\t\t\treturn 48;\n\t\t}\n\t};\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\tavatar: true,\n\t\t\t\t\tclickable: !!onClick || isEditable,\n\t\t\t\t\teditable: isEditable,\n\t\t\t\t\tinline,\n\t\t\t\t\tloading: isLoading,\n\t\t\t\t},\n\t\t\t\t[styles[size], className as string]\n\t\t\t)}\n\t\t\tonClick={onClick}\n\t\t\tstyle={{ width: getImageSize(), height: getImageSize() }}\n\t\t>\n\t\t\t{source ? (\n\t\t\t\t<img\n\t\t\t\t\tsrc={source}\n\t\t\t\t\talt={alt}\n\t\t\t\t\tclassName={styles.image}\n\t\t\t\t\twidth={getImageSize()}\n\t\t\t\t\theight={getImageSize()}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<SVGIcon size={size} icon={UserCircle} />\n\t\t\t)}\n\t\t\t{isEditable && (\n\t\t\t\t<div className={styles.editIcon}>\n\t\t\t\t\t<SVGIcon isLoading={isLoading} icon={isLoading ? UploadCloud : Camera} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{(!!overlayIcon || overlayText) && (\n\t\t\t\t<div className={styles.overlay}>\n\t\t\t\t\t{!!overlayIcon && (\n\t\t\t\t\t\t<SVGIcon isLoading={isLoading} icon={isLoading ? UploadCloud : overlayIcon} />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!overlayText && <div className={styles.overlayText}>{overlayText}</div>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default Avatar;\n","import { Fragment, JSXElementConstructor, useState } from \"react\";\n\nimport styles from \"./Button.module.scss\";\n\nimport { UIElementType } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\n\nimport SVGIcon, { IconType } from \"../SVGIcon\";\n\ninterface Props {\n\ttype?: UIElementType;\n\tonClick: (e?: any) => void;\n\tlabel: string;\n\ticon?: IconType;\n\tfullWidth?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tneedConfirm?: boolean;\n\tsize?: \"standard\" | \"small\" | \"xsmall\";\n}\n\nconst Button = ({\n\ttype = UIElementType.PRIMARY,\n\tonClick,\n\tlabel,\n\ticon,\n\tfullWidth = false,\n\tisLoading,\n\tdisabled,\n\tclassName,\n\tneedConfirm = false,\n\tsize = \"standard\",\n}: Props) => {\n\tconst [showConfirm, setShowConfirm] = useState(false);\n\n\tconst handleConfirmation = () => {\n\t\tsetShowConfirm(false);\n\t\tonClick();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles, {\n\t\t\t\tcontainer: true,\n\t\t\t\tfullWidth,\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\tclassName={classNames(\n\t\t\t\t\tstyles,\n\t\t\t\t\t{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\tloading: !!isLoading,\n\t\t\t\t\t},\n\t\t\t\t\t[styles[type], styles[size], className as string]\n\t\t\t\t)}\n\t\t\t\tonClick={needConfirm ? () => setShowConfirm(!showConfirm) : onClick}\n\t\t\t\tdisabled={isLoading || disabled}\n\t\t\t>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<Fragment>Loading...</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<div className={styles.label}>\n\t\t\t\t\t\t{icon && <SVGIcon icon={icon} />}\n\t\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t\t{showConfirm && (\n\t\t\t\t<div className={styles.confirm}>\n\t\t\t\t\t<div className={styles.confirmMessage}>Are you sure?</div>\n\t\t\t\t\t<div className={styles.confirmActions}>\n\t\t\t\t\t\t<Button type={UIElementType.DANGER} onClick={() => setShowConfirm(false)} label=\"No\" />\n\t\t\t\t\t\t<Button type={UIElementType.SUCCESS} onClick={handleConfirmation} label=\"Yes\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default Button;\n","import { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\";\n\nexport enum InputType {\n\tTEXT = \"text\",\n\tPASSWORD = \"password\",\n\tEMAIL = \"email\",\n\tNUMBER = \"number\",\n\tURL = \"url\",\n\tTEL = \"tel\",\n\tDATE = \"date\",\n\tDATETIME = \"datetime\",\n\tSELECT = \"select\",\n\tCOLOR_PICKER = \"color-picker\",\n\tTEXT_AREA = \"text-area\",\n\tAVATAR_UPLOAD = \"avatar-upload\",\n\tUPLOAD_IMAGE_ICON = \"upload-image-icon\",\n}\n\nexport type onChangeEventType = ChangeEvent<\n\tHTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n>;\nexport type onFocusEventType = FocusEvent<\n\tHTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n>;\nexport type onEnterEventType = KeyboardEvent<\n\tHTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n>;\n","import { FC, Fragment, ReactElement, forwardRef } from \"react\";\n\nimport styles from \"./Input.module.scss\";\n\nimport { Image } from \"src/icons\";\nimport { SIZE } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\n\nimport SVGIcon from \"../SVGIcon\";\nimport { IconType } from \"../SVGIcon\";\nimport { InputType, onChangeEventType, onEnterEventType, onFocusEventType } from \"./Input.types\";\n\nimport Avatar from \"../Avatar/Avatar\";\n\ninterface SelectOption {\n\tlabel: string;\n\tvalue: string | number;\n}\n\ninterface Props {\n\tlabel?: string;\n\tplaceholder?: string;\n\ttype?: string;\n\tvalue?: string;\n\taddonIcon?: IconType | null;\n\trequired?: boolean;\n\tname?: string;\n\terrorMessage?: string;\n\toptions?: SelectOption[];\n\tfullWidth?: boolean;\n\tsource?: string | null;\n\tavatarSize?: SIZE;\n\tlabelAddon?: ReactElement;\n\tautoCompleteContent?: ReactElement | null;\n\tautoCompleteReverse?: boolean;\n\tnoMargin?: boolean;\n\tisDisabled?: boolean;\n\tisLoading?: boolean;\n\tisMultiUpload?: boolean;\n\tautoFocus?: boolean;\n\ttheme?: \"oval\" | \"transparent\";\n\tsize?: \"xsmall\" | \"small\" | \"medium\" | \"large\";\n\tonChange?: (e: onChangeEventType) => void;\n\tonBlur?: (e: onFocusEventType) => void;\n\tonFocus?: (e: onFocusEventType) => void;\n\taddonAction?: () => void;\n\tonEnter?: () => void;\n\tonEsc?: () => void;\n\tonFileSelect?: (file: File, url?: string) => void;\n\tonFilesSelect?: (files: FileList | null) => void;\n\t[key: string]: any;\n}\n\nconst Input: FC<Props> = forwardRef(function Input(\n\t{\n\t\ttype = InputType.TEXT,\n\t\tlabel,\n\t\tplaceholder,\n\t\tvalue,\n\t\trequired = false,\n\t\taddonIcon,\n\t\tlabelAddon,\n\t\terrorMessage,\n\t\toptions = [],\n\t\tfullWidth,\n\t\tavatarSize,\n\t\tsource,\n\t\tautoCompleteContent,\n\t\tautoCompleteReverse = false,\n\t\tnoMargin = false,\n\t\tisDisabled = false,\n\t\tisLoading = false,\n\t\tisMultiUpload = false,\n\t\tautoFocus = false,\n\t\ttheme = \"oval\",\n\t\tsize = \"medium\",\n\t\tonBlur,\n\t\tonFocus,\n\t\tonChange,\n\t\taddonAction,\n\t\tonEnter,\n\t\tonEsc,\n\t\tonFileSelect,\n\t\tonFilesSelect,\n\t\t...rest\n\t},\n\tref: any\n) {\n\tconst disabled = isDisabled || isLoading;\n\n\tconst handleKeyPress = (e: onEnterEventType) => {\n\t\tswitch (e.key) {\n\t\t\tcase \"Enter\":\n\t\t\t\tonEnter && onEnter();\n\t\t\t\tbreak;\n\n\t\t\tcase \"Escape\":\n\t\t\t\tonEsc && onEsc();\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst handleFileSelect = (e: onChangeEventType) => {\n\t\t// @ts-ignore\n\t\tconst file = e.target.files[0];\n\t\tconst reader = new FileReader();\n\n\t\treader.onload = () => {\n\t\t\tonFileSelect && onFileSelect(file, reader.result as string);\n\t\t};\n\n\t\treader.readAsDataURL(file);\n\t};\n\n\tconst handleFilesSelect = (e: onChangeEventType) => {\n\t\tconst target = e.target as HTMLInputElement;\n\t\tonFilesSelect && onFilesSelect(target.files);\n\t};\n\n\tconst renderInput = () => {\n\t\tswitch (type) {\n\t\t\tcase InputType.SELECT:\n\t\t\t\treturn (\n\t\t\t\t\t<select\n\t\t\t\t\t\tclassName={styles.field}\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\tonBlur,\n\t\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\t\tonChange,\n\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t\t...rest,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<option value=\"\">{placeholder}</option>\n\t\t\t\t\t\t{options.map(({ label, value: optionValue }) => (\n\t\t\t\t\t\t\t<option value={optionValue} key={optionValue}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</select>\n\t\t\t\t);\n\n\t\t\tcase InputType.COLOR_PICKER:\n\t\t\t\treturn (\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={`${styles.field} ${styles.colorPicker}`}\n\t\t\t\t\t\ttype=\"color\"\n\t\t\t\t\t\t{...{ value, placeholder, onBlur, onFocus, onChange, disabled, ref, ...rest }}\n\t\t\t\t\t/>\n\t\t\t\t);\n\n\t\t\tcase InputType.TEXT_AREA:\n\t\t\t\treturn (\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tclassName={styles.field}\n\t\t\t\t\t\t{...{ value, placeholder, onBlur, onFocus, onChange, autoFocus, ref, ...rest }}\n\t\t\t\t\t></textarea>\n\t\t\t\t);\n\n\t\t\tcase InputType.AVATAR_UPLOAD: {\n\t\t\t\treturn (\n\t\t\t\t\t<label htmlFor=\"avatar-upload\">\n\t\t\t\t\t\t<Avatar {...{ size: avatarSize, source, isLoading }} isEditable />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\tname=\"avatar-upload\"\n\t\t\t\t\t\t\tid=\"avatar-upload\"\n\t\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\t\tonChange={isMultiUpload ? handleFilesSelect : handleFileSelect}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tclassName={styles.avatar}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tmultiple={isMultiUpload}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</label>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tcase InputType.UPLOAD_IMAGE_ICON: {\n\t\t\t\treturn (\n\t\t\t\t\t<label htmlFor=\"upload-image-icon\">\n\t\t\t\t\t\t<SVGIcon icon={Image} isLoading={isLoading} size=\"md\" />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\tname=\"upload-image-icon\"\n\t\t\t\t\t\t\tid=\"upload-image-icon\"\n\t\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\t\tonChange={isMultiUpload ? handleFilesSelect : handleFileSelect}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tclassName={styles.avatar}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tmultiple={isMultiUpload}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</label>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={styles.field}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\t\tplaceholder,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\tonBlur,\n\t\t\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\t\t\tonChange,\n\t\t\t\t\t\t\t\tonKeyUp: handleKeyPress,\n\t\t\t\t\t\t\t\tref,\n\t\t\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\t\t\tautoFocus,\n\t\t\t\t\t\t\t\t...rest,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{addonIcon && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={!addonAction ? styles.addon : `${styles.addon} ${styles.pointer}`}\n\t\t\t\t\t\t\t\tonClick={addonAction}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SVGIcon icon={addonIcon} isLoading={isLoading} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t}\n\t};\n\n\t// fullWidth ? `${styles.input} ${styles.full}` : styles.input\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\tinput: true,\n\t\t\t\t\tfull: !!fullWidth,\n\t\t\t\t\tnoMargin,\n\t\t\t\t\thasAddon: !!addonIcon,\n\t\t\t\t},\n\t\t\t\t[styles[theme], styles[size]]\n\t\t\t)}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<label>\n\t\t\t\t\t<span className={required ? styles.required : \"\"}>{label}</span>\n\t\t\t\t\t{!!labelAddon && <div className={styles.labelAddon}>{labelAddon}</div>}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t\t<div className={styles.container}>{renderInput()}</div>\n\t\t\t{!!errorMessage && <div className={styles.error}>{errorMessage}</div>}\n\t\t\t{!!autoCompleteContent && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(styles, {\n\t\t\t\t\t\tautoCompleteContent: true,\n\t\t\t\t\t\treversed: autoCompleteReverse,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{autoCompleteContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\nexport default Input;\n","import { useEffect } from \"react\";\n\nexport const useClickOutside = (ref: any, callback: () => void) => {\n\tconst handleClick = (event: any) => {\n\t\tif (ref.current && !ref.current.contains(event.target)) {\n\t\t\tcallback();\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tdocument.addEventListener(\"click\", handleClick);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"click\", handleClick);\n\t\t};\n\t}, []);\n};\n","import { CSSProperties, ReactNode, RefObject, useEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport { useClickOutside } from \"src/utils/view\";\n\ninterface PortalParams {\n\tisOpen: boolean;\n\ttop: number | string;\n\tleft: number | string;\n\tbottom: number | string;\n\tright: number | string;\n}\n\ninterface Props {\n\tcontainerRef: RefObject<HTMLDivElement>;\n\tcontentRef: RefObject<HTMLDivElement>;\n\tisOpen: boolean;\n\trenderChild: (params: PortalParams) => ReactNode;\n\tonClose: () => void;\n}\n\nconst PortalAround = ({\n\tcontainerRef,\n\tcontentRef,\n\tisOpen = false,\n\trenderChild,\n\tonClose,\n}: Props) => {\n\tconst initialParams = {\n\t\tisOpen: false,\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tbottom: 0,\n\t\tright: 0,\n\t};\n\n\tconst [params, setParams] = useState<PortalParams>(initialParams);\n\n\tconst style: CSSProperties = {\n\t\tposition: \"absolute\",\n\t\ttop: params.top,\n\t\tleft: params.left,\n\t\tbottom: params.bottom,\n\t\tright: params.right,\n\t\tzIndex: 111,\n\t};\n\n\tconst showContent = () => {\n\t\tconst {\n\t\t\ttop: containerTop,\n\t\t\tleft: containerLeft,\n\t\t\theight: containerHeight,\n\t\t\twidth: containerWidth,\n\t\t} = containerRef?.current?.getBoundingClientRect?.() ?? {\n\t\t\ttop: 0,\n\t\t\tleft: 0,\n\t\t\theight: 0,\n\t\t\twidth: 0,\n\t\t};\n\t\tconst { innerHeight, innerWidth } = window;\n\t\tconst spaceBelow = innerHeight - (containerTop + containerHeight);\n\t\tconst spaceAbove = containerTop;\n\t\tconst spaceLeft = containerLeft;\n\t\tconst spaceRight = innerWidth - (containerLeft + containerWidth);\n\t\tconst contentHeight = contentRef?.current?.clientHeight ?? 200;\n\t\tconst contentWidth = contentRef?.current?.clientWidth ?? 200;\n\t\tlet left: string | number = \"auto\";\n\t\tlet top: string | number = \"auto\";\n\t\tlet right: string | number = \"auto\";\n\t\tlet bottom: string | number = \"auto\";\n\n\t\t// Check space below\n\t\tif (spaceBelow < contentHeight && spaceAbove >= contentHeight) {\n\t\t\tbottom = innerHeight - containerTop - containerHeight + 20;\n\t\t} else {\n\t\t\ttop = containerTop + containerHeight + 5;\n\t\t}\n\n\t\t// Check space on the right\n\t\tif (spaceRight < contentWidth && spaceLeft >= contentWidth) {\n\t\t\tright = innerWidth - containerLeft;\n\t\t} else {\n\t\t\tleft = containerLeft;\n\t\t}\n\n\t\tconst position = { top, left, right, bottom };\n\n\t\tsetParams({\n\t\t\t...position,\n\t\t\tisOpen: true,\n\t\t});\n\t};\n\n\tconst preventPropogation = (e: any) => {\n\t\te.stopPropagation();\n\t};\n\n\tconst closeSelection = () => {\n\t\tsetParams(initialParams);\n\t\tonClose();\n\t};\n\n\tuseClickOutside(containerRef, () => closeSelection());\n\n\tuseEffect(() => {\n\t\tif (isOpen) return showContent();\n\n\t\tcloseSelection();\n\t}, [isOpen, containerRef?.current]);\n\n\tif (!params.isOpen) return null;\n\n\treturn ReactDOM.createPortal(\n\t\t<div style={style} onClick={preventPropogation}>\n\t\t\t{renderChild(params)}\n\t\t</div>,\n\t\tdocument.getElementById(\"portals\") as Element | DocumentFragment\n\t);\n};\n\nexport default PortalAround;\n","import { ReactNode, RefObject, useEffect, useRef, useState } from \"react\";\n\nimport styles from \"./DropDown.module.scss\";\n\nimport { UIElementType } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\nimport { CloseDropdownRef } from \"./DropDown.types\";\n\nimport PortalAround from \"../Portal\";\n\ninterface Props {\n\taction: ReactNode;\n\tmenu: ReactNode;\n\ttype?: UIElementType;\n\tcloseRef?: RefObject<CloseDropdownRef>;\n\tactionSize?: \"medium\" | \"small\" | \"xsmall\" | \"large\";\n}\n\ninterface MenuProps {\n\tchildren: ReactNode;\n}\n\nconst DropDownMenu = ({ children }: MenuProps) => {\n\treturn <div className={styles.menu}>{children}</div>;\n};\n\nconst DropDown = ({\n\taction,\n\tmenu,\n\ttype = UIElementType.DEFAULT,\n\tcloseRef,\n\tactionSize = \"medium\",\n}: Props) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst menuRef = useRef<HTMLDivElement>(null);\n\tconst actionRef = useRef<HTMLDivElement>(null);\n\n\tconst [isMenuOpen, setIsMenuOpen] = useState(false);\n\n\tconst toggleMenu = () => setIsMenuOpen(!isMenuOpen);\n\tconst closeMenu = () => setIsMenuOpen(false);\n\n\tuseEffect(() => {\n\t\tif (!closeRef?.current) return;\n\t\t// @ts-ignore\n\t\tcloseRef.current = {\n\t\t\tclose: () => closeMenu(),\n\t\t};\n\t}, [closeRef]);\n\n\treturn (\n\t\t<div className={styles.container} ref={containerRef}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles, { action: true }, [styles[type], styles[actionSize]])}\n\t\t\t\tref={actionRef}\n\t\t\t\tonClick={toggleMenu}\n\t\t\t>\n\t\t\t\t{action}\n\t\t\t</div>\n\t\t\t<PortalAround\n\t\t\t\tcontainerRef={containerRef}\n\t\t\t\tcontentRef={menuRef}\n\t\t\t\tisOpen={isMenuOpen}\n\t\t\t\tonClose={closeMenu}\n\t\t\t\trenderChild={() => (\n\t\t\t\t\t<div className={styles.menuContainer} ref={menuRef}>\n\t\t\t\t\t\t<DropDownMenu>{menu}</DropDownMenu>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default DropDown;\n","import { JSXElementConstructor, useState } from \"react\";\n\nimport styles from \"./IconButton.module.scss\";\n\nimport { SIZE, UIElementType } from \"src/models/ui\";\nimport { classNames } from \"src/utils/styling\";\n\nimport Button from \"../Button\";\nimport SVGIcon, { IconType } from \"../SVGIcon\";\n\ninterface Props {\n\ticon: IconType;\n\tonClick: () => void;\n\ttype?: UIElementType;\n\tneedConfirm?: boolean;\n\tnoPadding?: boolean;\n\tisLoading?: boolean;\n\tsize?: SIZE;\n\tconfirmPosition?: \"top\" | \"bottom\";\n}\n\nconst IconButton = ({\n\ticon,\n\tonClick,\n\ttype = UIElementType.DEFAULT,\n\tneedConfirm = false,\n\tnoPadding = false,\n\tisLoading = false,\n\tsize = \"sm\",\n\tconfirmPosition = \"top\",\n}: Props) => {\n\tconst [showConfirm, setShowConfirm] = useState(false);\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\ticonButton: true,\n\t\t\t\t\tnoPadding,\n\t\t\t\t},\n\t\t\t\t[styles[type], styles[size]]\n\t\t\t)}\n\t\t\tonClick={isLoading ? undefined : needConfirm ? () => setShowConfirm(!showConfirm) : onClick}\n\t\t>\n\t\t\t<SVGIcon\n\t\t\t\t{...{\n\t\t\t\t\tisLoading,\n\t\t\t\t\ticon,\n\t\t\t\t\tsize,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{showConfirm && (\n\t\t\t\t<div className={`${styles.confirm} ${styles[confirmPosition]}`}>\n\t\t\t\t\t<div className={styles.confirmMessage}>Are you sure?</div>\n\t\t\t\t\t<div className={styles.confirmActions}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype={UIElementType.DANGER}\n\t\t\t\t\t\t\tonClick={() => setShowConfirm(false)}\n\t\t\t\t\t\t\tlabel=\"No\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button type={UIElementType.SUCCESS} onClick={onClick} label=\"Yes\" size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default IconButton;\n","import styles from \"./Link.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\nimport { SIZE, UIElementType } from \"src/models/ui\";\nimport SVGIcon from \"src/components/SVGIcon\";\nimport { ChevronRight } from \"src/icons\";\n\ninterface Props {\n\thref: string;\n\ttitle: string;\n\ttarget?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | \"framename\";\n\ttype?: UIElementType;\n\tpadding?: \"zero\" | SIZE;\n\thasChevron?: boolean;\n\tfullWidth?: boolean;\n}\n\nconst Link = ({\n\thref,\n\ttitle,\n\ttarget = \"_self\",\n\ttype = UIElementType.DEFAULT,\n\tpadding = \"zero\",\n\thasChevron = false,\n\tfullWidth = false,\n}: Props) => {\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\ttarget={target}\n\t\t\trel=\"noopener noreferrer\"\n\t\t\tclassName={classNames(\n\t\t\t\tstyles,\n\t\t\t\t{\n\t\t\t\t\tlink: true,\n\t\t\t\t\tfullWidth,\n\t\t\t\t},\n\t\t\t\t[styles[type], styles[padding]]\n\t\t\t)}\n\t\t>\n\t\t\t<span>{title}</span> {hasChevron && <SVGIcon icon={ChevronRight} />}\n\t\t</a>\n\t);\n};\n\nexport default Link;\n","import styles from \"./ListItem.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\n\nimport Button from \"../Button\";\nimport SVGIcon from \"../SVGIcon\";\nimport { Check } from \"src/icons\";\n\ninterface Props {\n\ttitle: string;\n\tsubtitle?: string;\n\tactionTitle?: string;\n\taction?: () => void;\n\tcompleted?: boolean;\n\tindicator?: \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n\thasSeparator?: boolean;\n\thasDashedSeparator?: boolean;\n\tisActionPending?: boolean;\n}\n\nconst ListItem = ({\n\ttitle,\n\tsubtitle,\n\tactionTitle = \"\",\n\taction,\n\tcompleted,\n\tindicator,\n\thasSeparator = false,\n\thasDashedSeparator = false,\n\tisActionPending = false,\n}: Props) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles, {\n\t\t\t\tlistItem: true,\n\t\t\t\tseparator: hasSeparator,\n\t\t\t\tdashedSeparator: hasDashedSeparator,\n\t\t\t})}\n\t\t>\n\t\t\t<div className={styles.content}>\n\t\t\t\t{indicator && (\n\t\t\t\t\t<div className={classNames(styles, { indicator: true }, [styles[indicator]])}></div>\n\t\t\t\t)}\n\t\t\t\t<div className={styles.data}>\n\t\t\t\t\t<div className={styles.title}>{title}</div>\n\t\t\t\t\t{subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{action && (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={action}\n\t\t\t\t\tclassName={styles.action}\n\t\t\t\t\tlabel={actionTitle}\n\t\t\t\t\tisLoading={isActionPending}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{completed && (\n\t\t\t\t<div className={styles.completed}>\n\t\t\t\t\t<SVGIcon icon={Check} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\nexport default ListItem;\n","import styles from \"./LoadingItem.module.scss\";\n\nimport { classNames } from \"src/utils/styling\";\nimport { SIZE } from \"src/models/ui\";\n\ninterface Props {\n\tshape?: \"square\";\n\tsize: SIZE;\n\twidth?: string;\n\theight?: string;\n}\n\nconst LoadingItem = ({ shape = \"square\", size = \"md\", width, height }: Props) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles, { container: true }, [styles[shape], styles[size]])}\n\t\t\tstyle={{ width, height }}\n\t\t></div>\n\t);\n};\n\nexport default LoadingItem;\n","export const isEmpty = (value: any) => {\n\t// Check for null or undefined\n\tif (value === null || value === undefined) {\n\t\treturn true;\n\t}\n\n\t// Check for objects (including arrays and functions)\n\tif (typeof value === \"object\") {\n\t\t// Handle arrays\n\t\tif (Array.isArray(value)) {\n\t\t\treturn value.length === 0;\n\t\t}\n\t\t// Handle Sets and Maps\n\t\tif (value instanceof Set || value instanceof Map) {\n\t\t\treturn value.size === 0;\n\t\t}\n\t\t// Handle normal objects\n\t\treturn Object.keys(value).length === 0;\n\t}\n\n\t// Check for strings\n\tif (typeof value === \"string\") {\n\t\treturn value.length === 0;\n\t}\n\n\t// If the value is a number, boolean, or other primitive type, it's not empty\n\treturn false;\n};\n"],"names":["classNames","styles","extraClassNames","classes","key","push","length","concat","join","SVGIcon","_a","IconComponent","icon","_b","size","_c","className","_d","isLoading","dimension","getDimension","_jsx","container","children","jsx","width","height","viewBox","preserveAspectRatio","__assign","Object","assign","t","s","i","n","arguments","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","UIElementType","SvgCamera","props","_jsxs","xmlns","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","SvgCheck","SvgChevronRight","SvgImage","SvgUploadCloud","SvgUserCircle","Avatar","source","alt","onClick","_e","isEditable","overlayIcon","_f","inline","_g","overlayText","getImageSize","jsxs","avatar","clickable","editable","loading","style","src","image","UserCircle","editIcon","UploadCloud","Camera","overlay","InputType","Button","type","PRIMARY","label","fullWidth","disabled","needConfirm","useState","showConfirm","setShowConfirm","button","Fragment","confirm","confirmMessage","confirmActions","DANGER","SUCCESS","Input","forwardRef","ref","TEXT","placeholder","value","required","addonIcon","labelAddon","errorMessage","options","avatarSize","autoCompleteContent","autoCompleteReverse","noMargin","isDisabled","_h","_j","isMultiUpload","_k","autoFocus","_l","theme","_m","onBlur","onFocus","onChange","addonAction","onEnter","onEsc","onFileSelect","onFilesSelect","rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","handleKeyPress","handleFileSelect","file","target","files","reader","FileReader","onload","result","readAsDataURL","handleFilesSelect","input","full","hasAddon","SELECT","field","map","optionValue","COLOR_PICKER","colorPicker","TEXT_AREA","AVATAR_UPLOAD","htmlFor","name","id","accept","multiple","UPLOAD_IMAGE_ICON","Image","onKeyUp","addon","pointer","renderInput","error","reversed","useClickOutside","callback","handleClick","event","current","contains","useEffect","document","addEventListener","removeEventListener","PortalAround","containerRef","contentRef","isOpen","renderChild","onClose","initialParams","top","left","bottom","right","params","setParams","position","zIndex","closeSelection","getBoundingClientRect","containerTop","containerLeft","containerHeight","containerWidth","innerHeight","window","innerWidth","spaceBelow","spaceAbove","spaceLeft","spaceRight","contentHeight","clientHeight","contentWidth","clientWidth","showContent","ReactDOM","createPortal","stopPropagation","getElementById","DropDownMenu","menu","action","DEFAULT","closeRef","actionSize","useRef","menuRef","actionRef","isMenuOpen","setIsMenuOpen","closeMenu","close","menuContainer","noPadding","confirmPosition","iconButton","undefined","href","title","padding","hasChevron","rel","link","ChevronRight","subtitle","actionTitle","completed","indicator","hasSeparator","hasDashedSeparator","isActionPending","listItem","separator","dashedSeparator","content","data","Check","shape","Array","isArray","Set","Map","keys"],"mappings":"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"}
|
|
@@ -28,3 +28,61 @@
|
|
|
28
28
|
opacity: 0.5;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
+
|
|
32
|
+
@keyframes heightAnimation {
|
|
33
|
+
0% {
|
|
34
|
+
height: 0%;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
100% {
|
|
38
|
+
height: 100%;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@keyframes fadein {
|
|
43
|
+
from {
|
|
44
|
+
opacity: 0;
|
|
45
|
+
}
|
|
46
|
+
to {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Firefox < 16 */
|
|
52
|
+
@-moz-keyframes fadein {
|
|
53
|
+
from {
|
|
54
|
+
opacity: 0;
|
|
55
|
+
}
|
|
56
|
+
to {
|
|
57
|
+
opacity: 1;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* Safari, Chrome and Opera > 12.1 */
|
|
62
|
+
@-webkit-keyframes fadein {
|
|
63
|
+
from {
|
|
64
|
+
opacity: 0;
|
|
65
|
+
}
|
|
66
|
+
to {
|
|
67
|
+
opacity: 1;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* Internet Explorer */
|
|
72
|
+
@-ms-keyframes fadein {
|
|
73
|
+
from {
|
|
74
|
+
opacity: 0;
|
|
75
|
+
}
|
|
76
|
+
to {
|
|
77
|
+
opacity: 1;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@keyframes floatAnimation {
|
|
82
|
+
0% {
|
|
83
|
+
transform: translateY(0);
|
|
84
|
+
}
|
|
85
|
+
100% {
|
|
86
|
+
transform: translateY(-20px);
|
|
87
|
+
}
|
|
88
|
+
}
|