najwer23morsels 1.11.7 → 1.11.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Button/index.js +1 -1
- package/lib/{Button-CUxVuy6N.js → Button-D231Dgds.js} +1 -1
- package/lib/Calendar/index.js +1 -1
- package/lib/{Calendar-8yUJpiJE.js → Calendar-FdLNtnDb.js} +1 -1
- package/lib/Dialog/index.js +1 -1
- package/lib/{Dialog-DzjlW8ZU.js → Dialog-wMSO-2wN.js} +1 -1
- package/lib/FormForgotPass/index.js +1 -1
- package/lib/FormForgotPassOtp/index.js +1 -1
- package/lib/FormLogin/index.js +1 -1
- package/lib/FormSignUp/index.js +1 -1
- package/lib/NavigationDashboard/index.js +1 -1
- package/lib/NavigationTabs/index.js +1 -1
- package/lib/{NavigationTabs-Beg_DAxP.js → NavigationTabs--DwmwCt_.js} +1 -1
- package/lib/Slider/index.js +1 -1
- package/lib/SliderScroll/index.js +1 -1
- package/lib/Table/index.js +1 -1
- package/package.json +1 -1
package/lib/Button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button}from"../Button-
|
|
1
|
+
export{B as Button}from"../Button-D231Dgds.js";import"react/jsx-runtime";import"react";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as e,useState as r,useRef as i,useCallback as a,useEffect as d}from"react";import{L as u}from"./LoaderDots-BoEg_zlZ.js";import{T as s}from"./TextBox-__k4jPYK.js";import{s as l,g as b}from"./style-inject.es-CrVRO2OA.js";const c={primary:{background:"#3F454B",border:"#343A40",text:"#FFFFFF",focus:"#3F454B"},secondary:{background:"#6B6F76",border:"#585C62",text:"#FFFFFF",focus:"#6B6F76"},danger:{background:"#C24141",border:"#A93434",text:"#FFFFFF",focus:"#C24141"},success:{background:"#367C59",border:"#2D684B",text:"#FFFFFF",focus:"#367C59"},copy:{background:"#B45309",border:"#92400E",text:"#FFFFFF",focus:"#B45309"},menu:{background:"#6B4FA0",border:"#593F89",text:"#FFFFFF",focus:"#6B4FA0"},disabled:{background:"#CFCFCF",border:"#C8C8C8",text:"#555555",focus:"#8A8A8A"}};var p={n23mButtonButton:"Button-module_n23mButtonButton__U9-RM",n23mButtonButtonLoading:"Button-module_n23mButtonButtonLoading__NNmp1",n23mButtonContent:"Button-module_n23mButtonContent__dIwIk",n23mButtonLoader:"Button-module_n23mButtonLoader__464qp"};l('@layer n23mButton{.Button-module_n23mButtonButton__U9-RM{--button-radius:12px;--button-transition:180ms ease;--button-shadow:0 2px 4px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.1);--button-shadow-hover:0 4px 8px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.14);corner-shape:squircle;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--n23mButtonBg,var(--button-bg));border:1px solid var(--n23mButtonBorderColor,var(--button-bc,transparent));border-radius:var(--button-radius);box-shadow:none;box-sizing:border-box;color:var(--n23mButtonTextColor,var(--button-color,#fff));cursor:pointer;display:inline-flex;height:var(--button-h,42px);justify-content:center;letter-spacing:normal;margin:var(--button-m,0);padding:var(--button-p,0 12px);position:relative;transition:background-color var(--button-transition),border-color var(--button-transition),box-shadow var(--button-transition),transform var(--button-transition);user-select:none;width:var(--button-w,auto);>*{position:relative;z-index:1}&:before{corner-shape:inherit;background-color:inherit;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:filter var(--button-transition);z-index:0}@media (hover:hover) and (pointer:fine){&:hover:not(:disabled){box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}&:hover:not(:disabled):before{filter:brightness(1.06)}}&:active:not(:disabled){box-shadow:var(--button-shadow);transform:translateY(0)}&:active:not(:disabled):before{filter:brightness(.92)}&:focus-visible{box-shadow:none;outline:
|
|
1
|
+
import{jsx as t,jsxs as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as e,useState as r,useRef as i,useCallback as a,useEffect as d}from"react";import{L as u}from"./LoaderDots-BoEg_zlZ.js";import{T as s}from"./TextBox-__k4jPYK.js";import{s as l,g as b}from"./style-inject.es-CrVRO2OA.js";const c={primary:{background:"#3F454B",border:"#343A40",text:"#FFFFFF",focus:"#3F454B"},secondary:{background:"#6B6F76",border:"#585C62",text:"#FFFFFF",focus:"#6B6F76"},danger:{background:"#C24141",border:"#A93434",text:"#FFFFFF",focus:"#C24141"},success:{background:"#367C59",border:"#2D684B",text:"#FFFFFF",focus:"#367C59"},copy:{background:"#B45309",border:"#92400E",text:"#FFFFFF",focus:"#B45309"},menu:{background:"#6B4FA0",border:"#593F89",text:"#FFFFFF",focus:"#6B4FA0"},disabled:{background:"#CFCFCF",border:"#C8C8C8",text:"#555555",focus:"#8A8A8A"}};var p={n23mButtonButton:"Button-module_n23mButtonButton__U9-RM",n23mButtonButtonLoading:"Button-module_n23mButtonButtonLoading__NNmp1",n23mButtonContent:"Button-module_n23mButtonContent__dIwIk",n23mButtonLoader:"Button-module_n23mButtonLoader__464qp"};l('@layer n23mButton{.Button-module_n23mButtonButton__U9-RM{--button-radius:12px;--button-transition:180ms ease;--button-shadow:0 2px 4px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.1);--button-shadow-hover:0 4px 8px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.14);corner-shape:squircle;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--n23mButtonBg,var(--button-bg));border:1px solid var(--n23mButtonBorderColor,var(--button-bc,transparent));border-radius:var(--button-radius);box-shadow:none;box-sizing:border-box;color:var(--n23mButtonTextColor,var(--button-color,#fff));cursor:pointer;display:inline-flex;height:var(--button-h,42px);justify-content:center;letter-spacing:normal;margin:var(--button-m,0);padding:var(--button-p,0 12px);position:relative;transition:background-color var(--button-transition),border-color var(--button-transition),box-shadow var(--button-transition),transform var(--button-transition);user-select:none;width:var(--button-w,auto);>*{position:relative;z-index:1}&:before{corner-shape:inherit;background-color:inherit;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:filter var(--button-transition);z-index:0}@media (hover:hover) and (pointer:fine){&:hover:not(:disabled){box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}&:hover:not(:disabled):before{filter:brightness(1.06)}}&:active:not(:disabled){box-shadow:var(--button-shadow);transform:translateY(0)}&:active:not(:disabled):before{filter:brightness(.92)}&:focus-visible{box-shadow:none;outline:2px solid var(--n23mButtonFocusColor,var(--button-focus,var(--button-bg)));outline-offset:1px}&:disabled{box-shadow:none;cursor:not-allowed;transform:none}&:disabled:not(.Button-module_n23mButtonButtonLoading__NNmp1){background-color:var(--n23mButtonBgDisabled,var(--button-bgd,#e5e7eb));border-color:transparent;color:var(--n23mButtonTextColorDisabled,var(--button-colord,#595959))}&:disabled:before{filter:none}@media (prefers-reduced-motion:reduce){transition:none;&:before{transition:none}}}.Button-module_n23mButtonContent__dIwIk{align-items:center;display:inline-flex;justify-content:center;min-width:0;position:relative;transition:opacity .14s ease;white-space:nowrap;z-index:1}.Button-module_n23mButtonButtonLoading__NNmp1 .Button-module_n23mButtonContent__dIwIk{opacity:0;pointer-events:none}.Button-module_n23mButtonLoader__464qp{align-items:center;display:inline-flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}}');const m={position:"absolute",width:1,height:1,margin:-1,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap",border:0},B=e(({variant:e="primary",textToCopy:l,loaderMobileSize:B=16,loaderDesktopSize:g=16,margin:h,children:x,className:v,backgroundColor:f,backgroundColorDisabled:F,borderColor:_,textColor:C,padding:w="0 12px",loading:y=!1,height:k="42px",width:z,style:L,disabled:N,type:j,onClick:T,...A},S)=>{const D="copy"===e,[I,q]=r(!1),M=i(null),R=a(()=>{M.current&&(clearTimeout(M.current),M.current=null)},[]),U=a(async t=>{if(T?.(t),D&&void 0!==l){R();try{await navigator.clipboard.writeText(l)}catch{return void q(!1)}q(!0),M.current=setTimeout(()=>{q(!1),M.current=null},800)}},[T,D,l,R]);d(()=>R,[R]);const Y=D&&I?"success":e,E="disabled"===Y||N&&!y?"disabled":Y,H=c[E],W=c.disabled,G=t(s,{mobileSize:10,desktopSize:10,fontWeight:600,lineHeight:"17px",color:"inherit",children:"Copy"});return o(n,{children:[o("button",{ref:S,type:j??(D?"button":void 0),disabled:N||y||"disabled"===e,"aria-busy":y||void 0,"data-variant":E,onClick:U,style:{...b({"--button-bg":f??H.background,"--button-bc":_??H.border,"--button-color":C??H.text,"--button-focus":H.focus,"--button-bgd":F??W.background,"--button-colord":W.text,"--button-h":k,"--button-w":z,"--button-p":w,"--button-m":h}),...L},className:[p.n23mButtonButton,"n23mButtonButton",y&&p.n23mButtonButtonLoading,v].filter(Boolean).join(" "),...A,children:[t("span",{className:p.n23mButtonContent,"aria-hidden":y||void 0,children:x??(D?G:null)}),y&&t("span",{className:p.n23mButtonLoader,children:t(u,{mobileSize:B,desktopSize:g,color:C??H.text})})]}),D&&t("span",{role:"status","aria-live":"polite",style:m,children:I?"Copied":""})]})});B.displayName="Button";export{B};
|
package/lib/Calendar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Calendar}from"../Calendar-
|
|
1
|
+
export{C as Calendar}from"../Calendar-FdLNtnDb.js";import"react/jsx-runtime";import"react";import"../Button-D231Dgds.js";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";import"../style-inject.es-CrVRO2OA.js";import"../IconLocate-BXomEqkx.js";import"../Input-DcnNAaKr.js";import"../validator/index.js";import"../validator.const-LBF9whmW.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import{useRef as n,useState as r,useMemo as o}from"react";import{B as l}from"./Button-CUxVuy6N.js";import{I as d,a as i}from"./IconLocate-BXomEqkx.js";import{I as s}from"./Input-DcnNAaKr.js";import{T as c}from"./TextBox-__k4jPYK.js";import{s as p}from"./style-inject.es-CrVRO2OA.js";var h={n23mCalendar:"Calendar-module_n23mCalendar__6E2X7",icon:"Calendar-module_icon__ye4Dl",dropdownWrapper:"Calendar-module_dropdownWrapper__KryyT",open:"Calendar-module_open__Y-JWN",dropdown:"Calendar-module_dropdown__RPTTl",controls:"Calendar-module_controls__XGi-Q",controlsDate:"Calendar-module_controlsDate__L1Wp6",weekdays:"Calendar-module_weekdays__t9VRM",weekdaysChild:"Calendar-module_weekdaysChild__owTwc",days:"Calendar-module_days__D03p-",daysChild:"Calendar-module_daysChild__Jbjrd",daysActive:"Calendar-module_daysActive__Y7Fsv",daysClickable:"Calendar-module_daysClickable__THEm1",months:"Calendar-module_months__NOLDP",years:"Calendar-module_years__li-uY",monthsChild:"Calendar-module_monthsChild__4gx-0",yearsChild:"Calendar-module_yearsChild__mRWoZ"};p("@layer n23mCalendar{.Calendar-module_n23mCalendar__6E2X7{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;position:relative;& input{padding-right:40px}.Calendar-module_icon__ye4Dl{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%23231f20' d='M22.5 3H21V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1h-4V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1H7V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1H2.5A1.5 1.5 0 0 0 1 4.5v18A1.5 1.5 0 0 0 2.5 24h20a1.5 1.5 0 0 0 1.5-1.5v-18A1.5 1.5 0 0 0 22.5 3ZM19 2h1v3h-1Zm-7 0h1v3h-1ZM5 2h1v3H5ZM2.5 4H4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h1.5a.5.5 0 0 1 .5.5V8H2V4.5a.5.5 0 0 1 .5-.5Zm20 19h-20a.5.5 0 0 1-.5-.5V9h21v13.5a.5.5 0 0 1-.5.5Z'/%3E%3C/svg%3E\");background-position:100%;background-position:calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:18px;cursor:pointer;display:inline-block;height:40px;position:absolute;right:1px;top:21px;width:40px}.Calendar-module_dropdownWrapper__KryyT{background-color:transparent;display:none;margin-top:65px;padding-bottom:40px;position:absolute;top:0;width:318px;z-index:3;&.Calendar-module_open__Y-JWN{display:block}.Calendar-module_dropdown__RPTTl{corner-shape:squircle;background:#fff;border:1px solid var(--input-cb,#000);border-radius:12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);box-sizing:border-box;overflow-y:auto;padding:20px;& .Calendar-module_controls__XGi-Q{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 7px}& .Calendar-module_controlsDate__L1Wp6{display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:20px;justify-content:center}& .Calendar-module_weekdays__t9VRM{display:flex;justify-content:center;width:100%}& .Calendar-module_weekdaysChild__owTwc{align-items:center;display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:12px;height:30px;justify-content:center;width:14.28571%}& .Calendar-module_days__D03p-{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}& .Calendar-module_daysChild__Jbjrd{font-size:16px}& .Calendar-module_daysChild__Jbjrd:nth-child(7n){color:red;font-weight:700}& .Calendar-module_daysActive__Y7Fsv,& .Calendar-module_daysClickable__THEm1:hover{corner-shape:squircle;background-color:#f2f2f2;border-radius:12px;cursor:pointer}& .Calendar-module_daysClickable__THEm1{cursor:pointer}& .Calendar-module_months__NOLDP,& .Calendar-module_years__li-uY{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}& .Calendar-module_monthsChild__4gx-0,& .Calendar-module_yearsChild__mRWoZ{display:flex;justify-content:center}}}}}");const u=(e,a,t)=>{const n=new Date(0);return n.setFullYear(e,a,t),n.setHours(0,0,0,0),n},m=e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n+1,0).getDate()},y=e=>{const a="string"==typeof e?new Date(e):e;return`${String(a.getFullYear()).padStart(4,"0")}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`},_=e=>{const a="string"==typeof e?new Date(e):e,t=a.getDate(),n=((e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n,1).getDay()})(a)+6)%7,r=m(a);return Array.from({length:r+n},(e,a)=>{let r="",o="";return a<=n-1?(r="",o="blank"):a===t+n-1?(r=String(a-n+1),o="active"):(r=String(a-n+1),o="clickable"),{day:a-n+1,dayValue:r,cssClass:o}})},g=e=>a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e())},C=({children:p,name:C,placeholder:v,label:w="Calendar",initialValue:x,disabled:b,onBlur:f,validatorOptions:D,className:k,style:S,...N})=>{const F=n(null),j=n(null),[M,T]=r({value:x??y(new Date),open:!1,dropDwonState:"days"}),{year:Y,month:V,day:E,iso:A}=((e,a=new Date)=>{const[t="",n="",r=""]=e.split("-"),o=/^\d{4}$/.test(t)?Number(t):a.getFullYear(),l=/^\d{1,2}$/.test(n)&&Number(n)>=1&&Number(n)<=12?Number(n)-1:a.getMonth(),d=/^\d{1,2}$/.test(r)&&Number(r)>=1&&Number(r)<=31?Number(r):a.getDate(),i=Math.min(d,m(u(o,l,1)));return{year:o,month:l,day:i,iso:`${String(o).padStart(4,"0")}-${String(l+1).padStart(2,"0")}-${String(i).padStart(2,"0")}`}})(M.value),H=e=>{const a=e.relatedTarget;a&&j.current?.contains(a)||(T(e=>({...e,open:!1})),f?.(e))},z=e=>{T(a=>({...a,value:y(e),open:!0}))},B=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth(),o=u(n,r+1,0).getDate(),l=Math.max(1,Math.min(a,o));return u(n,r,l)})(A,e))},W=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth()+a,o=t.getDate(),l=u(n,r,o);if(l.getDate()!==o){const e=u(n,r+1,0).getDate();return u(n,r,e)}return l})(A,e))},$=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=a,r=t.getMonth(),o=t.getDate();return u(n,r,o)})(A,e))},I=e=>{T(a=>({...a,dropDwonState:e}))},Z=e=>{e>0&&B(e),T(e=>({...e,open:!1})),setTimeout(()=>{F.current?.blur()})},L=o(()=>Array.from({length:7},(e,a)=>new Date(2021,0,(a+4)%7).toLocaleString("en-US",{weekday:"short"})),[]),R=o(()=>Array.from({length:12},(e,a)=>new Date(2021,a+1,0).toLocaleString("en-US",{month:"short"})),[]),K=_(A),P=(e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear()-4,n=a.getFullYear()+4;return Array.from({length:n-t+1},(e,a)=>t+a).filter(e=>e>=0)})(A);return e("div",{ref:j,className:[h.n23mCalendar,"n23mCalendar",k].filter(Boolean).join(" "),...N,style:{...S},children:[a("div",{className:h.icon,onMouseDown:e=>{b||(e.preventDefault(),document.activeElement===F.current?T(e=>({...e,open:!e.open,dropDwonState:"days"})):F.current?.focus())}}),a(s,{inputRef:F,label:w,type:"text",kind:"input",name:C,autoComplete:"off",placeholder:v,onChange:e=>{const a=e.currentTarget.value;T(e=>({...e,value:a}))},onBlur:H,onFocus:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},onClick:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},disabled:b,value:M.value,validatorOptions:[...D??[],{type:"date"}],className:h.arrowUp,"aria-expanded":M.open,role:"combobox"}),a("div",{className:[h.dropdownWrapper,M.open?h.open:""].join(" "),children:e("div",{className:[h.dropdown].join(" "),onMouseDown:e=>e.preventDefault(),onBlur:H,children:["years"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,style:{marginBottom:"10px"},children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous years",variant:"secondary",onClick:()=>$(Y-9),children:a(d,{height:22,width:22})})}),a("div",{style:{width:"60%"},className:h.controlsDate,children:a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("days"),onKeyDown:g(()=>I("days")),children:Y})}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next years",variant:"secondary",onClick:()=>$(Y+9),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.years,children:P.map(e=>a("div",{className:h.yearsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:Y==e?"white":"#F2F0EF",borderColor:"black",title:"year",onClick:()=>{$(e),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))})]}),"months"===M.dropDwonState&&a("div",{className:h.months,children:R.map((e,t)=>a("div",{className:h.monthsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:V==t?"white":"#F2F0EF",borderColor:"black",title:"month",onClick:()=>{W(t-V),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))}),"days"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous month",variant:"secondary",onClick:()=>W(-1),children:a(d,{height:22,width:22})})}),e("div",{style:{width:"60%"},className:h.controlsDate,children:[a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("years"),onKeyDown:g(()=>I("years")),children:Y}),a("div",{children:"-"}),a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("months"),onKeyDown:g(()=>I("months")),children:String(V+1).padStart(2,"0")}),a("div",{children:"-"}),a("div",{children:String(E).padStart(2,"0")})]}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next month",variant:"secondary",onClick:()=>W(1),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.weekdays,children:L.map(e=>a("div",{className:h.weekdaysChild,children:e},e))}),a("div",{className:h.days,children:K.map(e=>{const t=e.day>0&&e.day<=m(A);return a("div",{className:[h.weekdaysChild,h.daysChild,"active"==e.cssClass&&h.daysActive,"clickable"==e.cssClass&&h.daysClickable].join(" "),role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?g(()=>Z(e.day)):void 0,onMouseDown:()=>Z(e.day),children:t?e.day:" "},e.day+M.value)})})]})]})})]})};C.displayName="Calendar";export{C};
|
|
1
|
+
import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import{useRef as n,useState as r,useMemo as o}from"react";import{B as l}from"./Button-D231Dgds.js";import{I as d,a as i}from"./IconLocate-BXomEqkx.js";import{I as s}from"./Input-DcnNAaKr.js";import{T as c}from"./TextBox-__k4jPYK.js";import{s as p}from"./style-inject.es-CrVRO2OA.js";var h={n23mCalendar:"Calendar-module_n23mCalendar__6E2X7",icon:"Calendar-module_icon__ye4Dl",dropdownWrapper:"Calendar-module_dropdownWrapper__KryyT",open:"Calendar-module_open__Y-JWN",dropdown:"Calendar-module_dropdown__RPTTl",controls:"Calendar-module_controls__XGi-Q",controlsDate:"Calendar-module_controlsDate__L1Wp6",weekdays:"Calendar-module_weekdays__t9VRM",weekdaysChild:"Calendar-module_weekdaysChild__owTwc",days:"Calendar-module_days__D03p-",daysChild:"Calendar-module_daysChild__Jbjrd",daysActive:"Calendar-module_daysActive__Y7Fsv",daysClickable:"Calendar-module_daysClickable__THEm1",months:"Calendar-module_months__NOLDP",years:"Calendar-module_years__li-uY",monthsChild:"Calendar-module_monthsChild__4gx-0",yearsChild:"Calendar-module_yearsChild__mRWoZ"};p("@layer n23mCalendar{.Calendar-module_n23mCalendar__6E2X7{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;position:relative;& input{padding-right:40px}.Calendar-module_icon__ye4Dl{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%23231f20' d='M22.5 3H21V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1h-4V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1H7V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1H2.5A1.5 1.5 0 0 0 1 4.5v18A1.5 1.5 0 0 0 2.5 24h20a1.5 1.5 0 0 0 1.5-1.5v-18A1.5 1.5 0 0 0 22.5 3ZM19 2h1v3h-1Zm-7 0h1v3h-1ZM5 2h1v3H5ZM2.5 4H4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h1.5a.5.5 0 0 1 .5.5V8H2V4.5a.5.5 0 0 1 .5-.5Zm20 19h-20a.5.5 0 0 1-.5-.5V9h21v13.5a.5.5 0 0 1-.5.5Z'/%3E%3C/svg%3E\");background-position:100%;background-position:calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:18px;cursor:pointer;display:inline-block;height:40px;position:absolute;right:1px;top:21px;width:40px}.Calendar-module_dropdownWrapper__KryyT{background-color:transparent;display:none;margin-top:65px;padding-bottom:40px;position:absolute;top:0;width:318px;z-index:3;&.Calendar-module_open__Y-JWN{display:block}.Calendar-module_dropdown__RPTTl{corner-shape:squircle;background:#fff;border:1px solid var(--input-cb,#000);border-radius:12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);box-sizing:border-box;overflow-y:auto;padding:20px;& .Calendar-module_controls__XGi-Q{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 7px}& .Calendar-module_controlsDate__L1Wp6{display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:20px;justify-content:center}& .Calendar-module_weekdays__t9VRM{display:flex;justify-content:center;width:100%}& .Calendar-module_weekdaysChild__owTwc{align-items:center;display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:12px;height:30px;justify-content:center;width:14.28571%}& .Calendar-module_days__D03p-{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}& .Calendar-module_daysChild__Jbjrd{font-size:16px}& .Calendar-module_daysChild__Jbjrd:nth-child(7n){color:red;font-weight:700}& .Calendar-module_daysActive__Y7Fsv,& .Calendar-module_daysClickable__THEm1:hover{corner-shape:squircle;background-color:#f2f2f2;border-radius:12px;cursor:pointer}& .Calendar-module_daysClickable__THEm1{cursor:pointer}& .Calendar-module_months__NOLDP,& .Calendar-module_years__li-uY{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}& .Calendar-module_monthsChild__4gx-0,& .Calendar-module_yearsChild__mRWoZ{display:flex;justify-content:center}}}}}");const u=(e,a,t)=>{const n=new Date(0);return n.setFullYear(e,a,t),n.setHours(0,0,0,0),n},m=e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n+1,0).getDate()},y=e=>{const a="string"==typeof e?new Date(e):e;return`${String(a.getFullYear()).padStart(4,"0")}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`},_=e=>{const a="string"==typeof e?new Date(e):e,t=a.getDate(),n=((e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n,1).getDay()})(a)+6)%7,r=m(a);return Array.from({length:r+n},(e,a)=>{let r="",o="";return a<=n-1?(r="",o="blank"):a===t+n-1?(r=String(a-n+1),o="active"):(r=String(a-n+1),o="clickable"),{day:a-n+1,dayValue:r,cssClass:o}})},g=e=>a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e())},C=({children:p,name:C,placeholder:v,label:w="Calendar",initialValue:x,disabled:b,onBlur:f,validatorOptions:D,className:k,style:S,...N})=>{const F=n(null),j=n(null),[M,T]=r({value:x??y(new Date),open:!1,dropDwonState:"days"}),{year:Y,month:V,day:E,iso:A}=((e,a=new Date)=>{const[t="",n="",r=""]=e.split("-"),o=/^\d{4}$/.test(t)?Number(t):a.getFullYear(),l=/^\d{1,2}$/.test(n)&&Number(n)>=1&&Number(n)<=12?Number(n)-1:a.getMonth(),d=/^\d{1,2}$/.test(r)&&Number(r)>=1&&Number(r)<=31?Number(r):a.getDate(),i=Math.min(d,m(u(o,l,1)));return{year:o,month:l,day:i,iso:`${String(o).padStart(4,"0")}-${String(l+1).padStart(2,"0")}-${String(i).padStart(2,"0")}`}})(M.value),H=e=>{const a=e.relatedTarget;a&&j.current?.contains(a)||(T(e=>({...e,open:!1})),f?.(e))},z=e=>{T(a=>({...a,value:y(e),open:!0}))},B=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth(),o=u(n,r+1,0).getDate(),l=Math.max(1,Math.min(a,o));return u(n,r,l)})(A,e))},W=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth()+a,o=t.getDate(),l=u(n,r,o);if(l.getDate()!==o){const e=u(n,r+1,0).getDate();return u(n,r,e)}return l})(A,e))},$=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=a,r=t.getMonth(),o=t.getDate();return u(n,r,o)})(A,e))},I=e=>{T(a=>({...a,dropDwonState:e}))},Z=e=>{e>0&&B(e),T(e=>({...e,open:!1})),setTimeout(()=>{F.current?.blur()})},L=o(()=>Array.from({length:7},(e,a)=>new Date(2021,0,(a+4)%7).toLocaleString("en-US",{weekday:"short"})),[]),R=o(()=>Array.from({length:12},(e,a)=>new Date(2021,a+1,0).toLocaleString("en-US",{month:"short"})),[]),K=_(A),P=(e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear()-4,n=a.getFullYear()+4;return Array.from({length:n-t+1},(e,a)=>t+a).filter(e=>e>=0)})(A);return e("div",{ref:j,className:[h.n23mCalendar,"n23mCalendar",k].filter(Boolean).join(" "),...N,style:{...S},children:[a("div",{className:h.icon,onMouseDown:e=>{b||(e.preventDefault(),document.activeElement===F.current?T(e=>({...e,open:!e.open,dropDwonState:"days"})):F.current?.focus())}}),a(s,{inputRef:F,label:w,type:"text",kind:"input",name:C,autoComplete:"off",placeholder:v,onChange:e=>{const a=e.currentTarget.value;T(e=>({...e,value:a}))},onBlur:H,onFocus:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},onClick:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},disabled:b,value:M.value,validatorOptions:[...D??[],{type:"date"}],className:h.arrowUp,"aria-expanded":M.open,role:"combobox"}),a("div",{className:[h.dropdownWrapper,M.open?h.open:""].join(" "),children:e("div",{className:[h.dropdown].join(" "),onMouseDown:e=>e.preventDefault(),onBlur:H,children:["years"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,style:{marginBottom:"10px"},children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous years",variant:"secondary",onClick:()=>$(Y-9),children:a(d,{height:22,width:22})})}),a("div",{style:{width:"60%"},className:h.controlsDate,children:a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("days"),onKeyDown:g(()=>I("days")),children:Y})}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next years",variant:"secondary",onClick:()=>$(Y+9),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.years,children:P.map(e=>a("div",{className:h.yearsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:Y==e?"white":"#F2F0EF",borderColor:"black",title:"year",onClick:()=>{$(e),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))})]}),"months"===M.dropDwonState&&a("div",{className:h.months,children:R.map((e,t)=>a("div",{className:h.monthsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:V==t?"white":"#F2F0EF",borderColor:"black",title:"month",onClick:()=>{W(t-V),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))}),"days"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous month",variant:"secondary",onClick:()=>W(-1),children:a(d,{height:22,width:22})})}),e("div",{style:{width:"60%"},className:h.controlsDate,children:[a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("years"),onKeyDown:g(()=>I("years")),children:Y}),a("div",{children:"-"}),a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("months"),onKeyDown:g(()=>I("months")),children:String(V+1).padStart(2,"0")}),a("div",{children:"-"}),a("div",{children:String(E).padStart(2,"0")})]}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next month",variant:"secondary",onClick:()=>W(1),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.weekdays,children:L.map(e=>a("div",{className:h.weekdaysChild,children:e},e))}),a("div",{className:h.days,children:K.map(e=>{const t=e.day>0&&e.day<=m(A);return a("div",{className:[h.weekdaysChild,h.daysChild,"active"==e.cssClass&&h.daysActive,"clickable"==e.cssClass&&h.daysClickable].join(" "),role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?g(()=>Z(e.day)):void 0,onMouseDown:()=>Z(e.day),children:t?e.day:" "},e.day+M.value)})})]})]})})]})};C.displayName="Calendar";export{C};
|
package/lib/Dialog/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as Dialog}from"../Dialog-
|
|
1
|
+
export{D as Dialog}from"../Dialog-wMSO-2wN.js";import"react/jsx-runtime";import"react";import"../Button-D231Dgds.js";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useRef as e,useEffect as l}from"react";import{B as a}from"./Button-
|
|
1
|
+
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useRef as e,useEffect as l}from"react";import{B as a}from"./Button-D231Dgds.js";import{T as t}from"./TextBox-__k4jPYK.js";import{s as d,g as n}from"./style-inject.es-CrVRO2OA.js";var r={n23mDialog:"Dialog-module_n23mDialog__1y-5W",dialog:"Dialog-module_dialog__AbQKQ",dialogCloseButton:"Dialog-module_dialogCloseButton__idhtw"};d("@layer n23mDialog{.Dialog-module_n23mDialog__1y-5W{background-color:#fff;.Dialog-module_dialog__AbQKQ{corner-shape:squircle;border:1px solid #000;border-radius:12px;box-sizing:border-box;max-block-size:calc(100dvb - 50px);max-inline-size:min(calc(100vw - 20px),var(--dialog-wm,95%));min-height:100px;overscroll-behavior:none;padding:0;position:fixed;& .Dialog-module_dialogCloseButton__idhtw{position:absolute!important;right:10px;top:10px}article{margin-top:55px}&::backdrop{backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.15);bottom:0;left:0;position:fixed;right:0;top:0}}}}");const s=({children:d,open:s,widthMax:c,title:m,onCancel:g,className:p,style:u,...h})=>{const b=e(null);return l(()=>{if(!s){b.current?.classList.add(r.minimize);const o=setTimeout(()=>{b.current?.close(),b.current?.classList.remove(r.minimize),document.body.style.paddingRight="0",document.body.style.overflow=""},0);return()=>clearTimeout(o)}b.current?.showModal(),document.body.style.paddingRight=window.innerWidth-document.body.clientWidth+"px",document.body.style.overflow="hidden"},[s]),o("div",{className:[r.n23mDialog,"n23mDialog",p].filter(Boolean).join(" "),...h,style:{...n({"--dialog-wm":c}),...u},children:i("dialog",{className:[m?r.hasTitle:"",r.dialog].join(" "),"modal-mode":"mega",ref:b,onCancel:g,children:[o("div",{className:r.dialogCloseButton,style:{display:s?"block":"none"},children:o(a,{variant:"secondary",onClick:g,"aria-label":"close dialog",height:"25px",width:"auto",padding:"0 10px",children:o(t,{tag:"h2",mobileSize:14,desktopSize:14,color:"inherit",children:"Close"})})}),o("article",{children:d})]})})};s.displayName="Dialog";export{s as D};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"../Button-
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"../Button-D231Dgds.js";import{F as t}from"../Form-GEUDMZ7Z.js";import{G as s}from"../Grid-DmI4tqqG.js";import{I as i}from"../Input-DcnNAaKr.js";import{T as a}from"../TextBox-__k4jPYK.js";import{T as n}from"../Typography-CR1DOKsN.js";import{s as m}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-BoEg_zlZ.js";import"../validator.const-LBF9whmW.js";import"../Loader-ZYEBOkbx.js";import"../validator/index.js";var l={n23mFormForgotPass:"FormForgotPass-module_n23mFormForgotPass__sI7QJ",forogotPasswordWrapper:"FormForgotPass-module_forogotPasswordWrapper__LCDpp"};m("@layer n23mFormForgotPass{.FormForgotPass-module_n23mFormForgotPass__sI7QJ{.FormForgotPass-module_forogotPasswordWrapper__LCDpp{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const p=({className:m,style:p,onSubmit:d,isPending:c,isError:g,isSuccess:f,errorMsg:u,successMsg:h,onNavigate:F,footerHeight:x="100px",linkMainPage:y,linkLogin:P,...j})=>{const b=o=>{F?F(o):window.location.href=o};return o("div",{className:[l.n23mFormForgotPass,"n23mFormForgotPass",m].filter(Boolean).join(" "),...j,style:{...p},children:o(s,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${x})`,children:r(s,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:l.forogotPasswordWrapper,children:[y&&o(n,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:y.link,onClick:o=>{o.preventDefault(),b(y.link)},children:y.text}),o(a,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Forgot Password"}),r(t,{onSubmit:d,isError:g,isPending:c,isSuccess:f,errorMsg:u,successMsg:h,children:[o(i,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"you@example.com"}),r(s,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[o(e,{type:"submit",disabled:c,variant:"primary",children:o(a,{desktopSize:16,mobileSize:16,color:"inherit",children:"Send"})}),P&&o(n,{variant:"link",href:P.link,desktopSize:12,mobileSize:12,onClick:o=>{o.preventDefault(),b(P.link)},children:P.text})]})]})]})})})};p.displayName="FormForgotPass";export{p as FormForgotPass};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{B as t}from"../Button-
|
|
1
|
+
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{B as t}from"../Button-D231Dgds.js";import{F as s}from"../Form-GEUDMZ7Z.js";import{G as a}from"../Grid-DmI4tqqG.js";import{I as i}from"../Input-DcnNAaKr.js";import{T as n}from"../TextBox-__k4jPYK.js";import{T as p}from"../Typography-CR1DOKsN.js";import{s as l}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-BoEg_zlZ.js";import"../validator.const-LBF9whmW.js";import"../Loader-ZYEBOkbx.js";import"../validator/index.js";var m={n23mFormForgotPassOtp:"FormForgotPassOtp-module_n23mFormForgotPassOtp__898ki",forogotPasswordOtpWrapper:"FormForgotPassOtp-module_forogotPasswordOtpWrapper__3s-uz"};l("@layer n23mFormForgotPassOtp{.FormForgotPassOtp-module_n23mFormForgotPassOtp__898ki{.FormForgotPassOtp-module_forogotPasswordOtpWrapper__3s-uz{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const c=({className:l,style:c,onSubmit:u,isPending:d,isError:g,isSuccess:f,errorMsg:h,successMsg:F,onNavigate:w,footerHeight:y="100px",linkMainPage:b,...v})=>{const x=e(null),P=e(null),O=e(!1);return r("div",{className:[m.n23mFormForgotPassOtp,"n23mFormForgotPassOtp",l].filter(Boolean).join(" "),...v,style:{...c},children:r(a,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${y})`,children:o(a,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:m.forogotPasswordOtpWrapper,children:[b&&r(p,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:b.link,onClick:r=>{var o;r.preventDefault(),o=b.link,w?w(o):window.location.href=o},children:b.text}),r(n,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Change password"}),o(s,{onSubmit:u,isError:g,isPending:d,isSuccess:f,errorMsg:h,successMsg:F,children:[r(i,{inputRef:x,label:"New password",type:"password",name:"pass",validatorOptions:[{type:"empty"},{type:"equal",options:{ref:P}}],placeholder:"Create a new password",onBlur:()=>{O.current||x.current?.value&&P.current?.value&&(O.current=!0,P.current?.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})),O.current=!1)}}),r(i,{inputRef:P,label:"Confirm new password",type:"password",name:"confirmPass",validatorOptions:[{type:"empty"},{type:"equal",options:{ref:x}}],placeholder:"Re-enter your new password",onBlur:()=>{O.current||x.current?.value&&P.current?.value&&(O.current=!0,x.current?.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})),O.current=!1)}}),r(t,{type:"submit",disabled:d,variant:"primary",children:r(n,{desktopSize:16,mobileSize:16,color:"inherit",children:"Send"})})]})]})})})};c.displayName="FormForgotPassOtp";export{c as FormForgotPassOtp};
|
package/lib/FormLogin/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as o}from"../Button-
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as o}from"../Button-D231Dgds.js";import{F as r}from"../Form-GEUDMZ7Z.js";import{G as n}from"../Grid-DmI4tqqG.js";import{I as t}from"../Input-DcnNAaKr.js";import{T as a}from"../TextBox-__k4jPYK.js";import{T as l}from"../Typography-CR1DOKsN.js";import{s}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-BoEg_zlZ.js";import"../validator.const-LBF9whmW.js";import"../Loader-ZYEBOkbx.js";import"../validator/index.js";var m={n23mFormLogin:"FormLogin-module_n23mFormLogin__1mOEk",loginWrapper:"FormLogin-module_loginWrapper__HOEgv"};s("@layer n23mFormLogin{.FormLogin-module_n23mFormLogin__1mOEk{.FormLogin-module_loginWrapper__HOEgv{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const p=({className:s,style:p,onSubmit:d,isPending:c,isError:g,isSuccess:h,errorMsg:f,successMsg:u,onNavigate:y,linkMainPage:x,linkForgotPassword:k,linkSignUp:v,footerHeight:b="100px",...j})=>{const S=e=>{y?y(e):window.location.href=e};return e("div",{className:[m.n23mFormLogin,"n23mFormLogin",s].filter(Boolean).join(" "),...j,style:{...p},children:e(n,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${b})`,children:i(n,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:m.loginWrapper,children:[x&&e(l,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:x.link,onClick:e=>{e.preventDefault(),S(x.link)},children:x.text}),e(a,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Good to see you!"}),i(r,{onSubmit:d,isError:g,isPending:c,isSuccess:h,errorMsg:f,successMsg:u,children:[e(t,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"you@example.com"}),e(t,{label:"Password",type:"password",name:"pass",validatorOptions:[{type:"empty"}],placeholder:"Enter your password"}),i(n,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[e(o,{type:"submit",disabled:c,variant:"primary",children:e(a,{desktopSize:16,mobileSize:16,color:"inherit",children:"Log in"})}),i("div",{children:[k&&e("div",{children:e(l,{variant:"link",href:k.link,desktopSize:12,mobileSize:12,onClick:e=>{e.preventDefault(),S(k.link)},children:k.text})}),v&&e(n,{layout:"flex",justifyContent:"right",children:e(l,{variant:"link",href:v.link,desktopSize:12,mobileSize:12,onClick:e=>{e.preventDefault(),S(v.link)},children:v.text})})]})]})]})]})})})};p.displayName="FormLogin";export{p as FormLogin};
|
package/lib/FormSignUp/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as r}from"../Button-
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as r}from"../Button-D231Dgds.js";import{F as o}from"../Form-GEUDMZ7Z.js";import{G as n}from"../Grid-DmI4tqqG.js";import{I as t}from"../Input-DcnNAaKr.js";import{T as a}from"../TextBox-__k4jPYK.js";import{T as s}from"../Typography-CR1DOKsN.js";import{s as p}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-BoEg_zlZ.js";import"../validator.const-LBF9whmW.js";import"../Loader-ZYEBOkbx.js";import"../validator/index.js";var l={n23mFormSignUp:"FormSignUp-module_n23mFormSignUp__p9dT2",signUpWrapper:"FormSignUp-module_signUpWrapper__PcjYN"};p("@layer n23mFormSignUp{.FormSignUp-module_n23mFormSignUp__p9dT2{.FormSignUp-module_signUpWrapper__PcjYN{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const m=({className:p,style:m,onSubmit:c,isPending:d,isError:g,isSuccess:u,errorMsg:f,successMsg:h,onNavigate:x,footerHeight:y="100px",linkMainPage:S,linkLogin:j,...b})=>{const k=e=>{x?x(e):window.location.href=e};return e("div",{className:[l.n23mFormSignUp,"n23mFormSignUp",p].filter(Boolean).join(" "),...b,style:{...m},children:e(n,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${y})`,children:i(n,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:l.signUpWrapper,children:[S&&e(s,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:S.link,onClick:e=>{e.preventDefault(),k(S.link)},children:S.text}),e(a,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Create an account now!"}),i(o,{onSubmit:c,isError:g,isPending:d,isSuccess:u,errorMsg:f,successMsg:h,children:[e(t,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"you@example.com"}),e(t,{label:"Password",type:"password",name:"pass",validatorOptions:[{type:"empty"}],placeholder:"Enter your password"}),i(n,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[e(r,{type:"submit",disabled:d,variant:"primary",children:e(a,{desktopSize:16,mobileSize:16,color:"inherit",children:"Sign up"})}),j&&e("div",{children:e(s,{variant:"link",href:j.link,desktopSize:12,mobileSize:12,onClick:e=>{e.preventDefault(),k(j.link)},children:j.text})})]})]})]})})})};m.displayName="FormSignUp";export{m as FormSignUp};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as a,jsx as o,Fragment as i}from"react/jsx-runtime";import{useRef as e,useState as n,useLayoutEffect as r}from"react";import{B as t}from"../Button-
|
|
1
|
+
import{jsxs as a,jsx as o,Fragment as i}from"react/jsx-runtime";import{useRef as e,useState as n,useLayoutEffect as r}from"react";import{B as t}from"../Button-D231Dgds.js";import{G as d}from"../Grid-DmI4tqqG.js";import{u as s}from"../useWindowSize-CAQRbyxi.js";import{b as l}from"../IconLocate-BXomEqkx.js";import{N as g}from"../NavigationTabs--DwmwCt_.js";import{s as h,g as b}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";import"../Loader-ZYEBOkbx.js";var m={n23mNavigationDashboard:"NavigationDashboard-module_n23mNavigationDashboard__DaVvB",dragging:"NavigationDashboard-module_dragging__gT3R-",row:"NavigationDashboard-module_row__0hfcb",sidebarContainer:"NavigationDashboard-module_sidebarContainer__yDMvb",sticky:"NavigationDashboard-module_sticky__mJ3qk",rowOpen:"NavigationDashboard-module_rowOpen__R8X9U",sidebarContainerOpen:"NavigationDashboard-module_sidebarContainerOpen__a5s0j",sidebarContainerClosed:"NavigationDashboard-module_sidebarContainerClosed__MtEom",asideInner:"NavigationDashboard-module_asideInner__6XAWJ",sidebarOpen:"NavigationDashboard-module_sidebarOpen__p8DGE",sidebarClosed:"NavigationDashboard-module_sidebarClosed__WCDNU",outlet:"NavigationDashboard-module_outlet__ZDTtw",outletContent:"NavigationDashboard-module_outletContent__d1Xs6",toggleAnchor:"NavigationDashboard-module_toggleAnchor__s9fbs",toggleOpen:"NavigationDashboard-module_toggleOpen__m8fxh",toggleClosed:"NavigationDashboard-module_toggleClosed__efOTE",rowNoAside:"NavigationDashboard-module_rowNoAside__v3MDd",outletNoAside:"NavigationDashboard-module_outletNoAside__whzV-"};h("@layer n23mNavigationDashboard{.NavigationDashboard-module_n23mNavigationDashboard__DaVvB{--navigationdashboard-sidebar-w:300px;--navigationdashboard-sidebar-min:200px;--navigationdashboard-sidebar-border:2px;--navigationdashboard-toggle-nudge:0px;--navigationdashboard-sidebar-duration:450ms;--navigationdashboard-sidebar-easing:cubic-bezier(0.22,1,0.36,1);&.NavigationDashboard-module_dragging__gT3R-{cursor:col-resize;user-select:none}&.NavigationDashboard-module_dragging__gT3R- .NavigationDashboard-module_row__0hfcb,&.NavigationDashboard-module_dragging__gT3R- .NavigationDashboard-module_sidebarContainer__yDMvb,&.NavigationDashboard-module_dragging__gT3R- .NavigationDashboard-module_sticky__mJ3qk{transition:none}&[data-collapsing=true] .NavigationDashboard-module_sticky__mJ3qk{opacity:.45}.NavigationDashboard-module_row__0hfcb{display:grid;grid-template-columns:0 minmax(0,1fr);min-width:0;overflow-x:clip;transition:grid-template-columns var(--navigationdashboard-sidebar-duration) var(--navigationdashboard-sidebar-easing);width:100%}.NavigationDashboard-module_rowOpen__R8X9U{grid-template-columns:var(--navigationdashboard-sidebar-w) minmax(0,1fr)}.NavigationDashboard-module_sidebarContainer__yDMvb{border-right:var(--navigationdashboard-sidebar-border) solid transparent;box-sizing:border-box;min-width:0;overflow:clip;position:relative;transition:border-right-color var(--navigationdashboard-sidebar-duration) var(--navigationdashboard-sidebar-easing)}.NavigationDashboard-module_sidebarContainerOpen__a5s0j{border-right-color:#e1dfdf}.NavigationDashboard-module_sidebarContainerClosed__MtEom{border-right-color:transparent}.NavigationDashboard-module_sticky__mJ3qk{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:calc(100dvh - var(--navigationdashboard-h, 0px));min-width:0;opacity:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px 30px 20px 20px;position:sticky;scrollbar-width:none;top:var(--navigationdashboard-h,0);transform:translateZ(0);transition:transform var(--navigationdashboard-sidebar-duration) var(--navigationdashboard-sidebar-easing),opacity .3s ease;width:100%;will-change:transform;&::-webkit-scrollbar{display:none}}.NavigationDashboard-module_asideInner__6XAWJ{box-sizing:border-box;min-width:0;width:calc(max(var(--navigationdashboard-sidebar-min), var(--navigationdashboard-sidebar-w)) - 52px)}.NavigationDashboard-module_asideInner__6XAWJ>*{height:auto;max-height:none;overflow:visible}.NavigationDashboard-module_sidebarOpen__p8DGE{opacity:1}.NavigationDashboard-module_sidebarClosed__WCDNU{opacity:0;pointer-events:none}.NavigationDashboard-module_outlet__ZDTtw{box-sizing:border-box;min-width:0;padding:20px 0 20px 20px;position:relative;width:100%}.NavigationDashboard-module_outletContent__d1Xs6{min-width:0;width:100%}.NavigationDashboard-module_toggleAnchor__s9fbs{height:0;margin-left:-20px;position:sticky;top:calc(var(--navigationdashboard-h, 0px) + (100dvh - var(--navigationdashboard-h, 0px))/2);width:0}.NavigationDashboard-module_toggleOpen__m8fxh{cursor:col-resize;transform:translate(calc(-50% - var(--navigationdashboard-sidebar-border)/2 + var(--navigationdashboard-toggle-nudge)),-50%)}.NavigationDashboard-module_toggleClosed__efOTE{cursor:col-resize;transform:translate(-4px,-50%)}.NavigationDashboard-module_rowNoAside__v3MDd{grid-template-columns:minmax(0,1fr);transition:none}.NavigationDashboard-module_outletNoAside__whzV-{min-width:0}}}");const v=768,c=({children:h,className:c,style:u,menuTopLeftColumn:_=o(i,{children:"menuTopLeftColumn"}),menuTopRightColumn:p=o(i,{children:"menuTopRightColumn"}),menuMobile:w=o(i,{children:"menuMobile"}),outlet:N=o(i,{children:"outlet"}),aside:D=o(i,{children:"aside"}),...x})=>{const f=e(null),C=e(null),{width:y}=s(),O=null!=D&&!1!==D&&y>=v,[j,M]=n(y>=v),[T,A]=n(300),[k,z]=n(!1),E=O&&j,L=e(null),R=e(300),X=e(!1),P=()=>{M(!(y<v)&&(a=>!a))},B=()=>{const a=L.current,o=f.current;if(L.current=null,!a?.moved||!o)return;X.current=!0,o.dataset.collapsing="false";const i=R.current;if(i<220)o.style.setProperty("--navigationdashboard-sidebar-w",`${T}px`),M(!1);else{const a=Math.min(480,Math.max(300,i));o.style.setProperty("--navigationdashboard-sidebar-w",`${a}px`),R.current=a,A(a),M(!0)}z(!1)};return r(()=>{y<v&&M(!1)},[y]),r(()=>{const a=f.current;a&&a.style.setProperty("--navigationdashboard-sidebar-w",`${T}px`)},[T]),r(()=>{const a=f.current,o=C.current;if(!a||!o)return;let i=0;const e=()=>{i=0;const e=Math.max(0,o.getBoundingClientRect().bottom);a.style.setProperty("--navigationdashboard-h",`${e}px`)},n=()=>{i||(i=requestAnimationFrame(e))};e(),window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",n),window.addEventListener("pageshow",n),window.visualViewport?.addEventListener("resize",n);const r=new ResizeObserver(n);return r.observe(o),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n),window.removeEventListener("pageshow",n),window.visualViewport?.removeEventListener("resize",n),r.disconnect(),cancelAnimationFrame(i)}},[]),a("div",{ref:f,className:[m.n23mNavigationDashboard,"n23mNavigationDashboard",k&&m.dragging,c].filter(Boolean).join(" "),...x,style:{...b({"--navigationdashboard-sidebar-w":`${T}px`,"--navigationdashboard-sidebar-min":"300px"}),...u},children:[o("div",{ref:C,children:o(g,{widthInnerContainer:"100%",widthMainContainer:"100%",menuOnlyTop:!0,menuTopLeftColumn:a(d,{layout:"flex",justifyContent:"flex-start",gap:{col:"15px",row:"0px"},alignItems:"center",minHeight:"100%",children:[O&&o(d,{layout:"flex",justifyContent:"flex-start",margin:0,children:o(t,{type:"button",variant:"secondary",onClick:P,height:"40px",width:"40px",padding:0,children:o(l,{open:j,width:20,height:20})})}),o("div",{children:_})]}),menuTopRightColumn:p,menuMobile:w})}),o(d,{layout:"container",padding:"0 20px 0 0",widthMin:"100%",children:a("div",{className:[m.row,O?E&&m.rowOpen:m.rowNoAside].filter(Boolean).join(" "),children:[O&&o("div",{className:[m.sidebarContainer,E?m.sidebarContainerOpen:m.sidebarContainerClosed].join(" "),children:o("div",{className:[m.sticky,E?m.sidebarOpen:m.sidebarClosed].join(" "),children:o("div",{className:m.asideInner,children:D})})}),a("div",{className:[m.outlet,!O&&m.outletNoAside].filter(Boolean).join(" "),children:[O&&o("div",{className:m.toggleAnchor,children:o(t,{type:"button",variant:"secondary",height:"60px",width:"10px",padding:0,onClick:()=>{X.current?X.current=!1:P()},onPointerDown:a=>{if(X.current=!1,0!==a.button||y<v)return;a.currentTarget.setPointerCapture(a.pointerId);const o=E?T:0;L.current={startX:a.clientX,startWidth:o,moved:!1,wasOpen:E},R.current=o},onPointerMove:a=>{const o=L.current,i=f.current;if(!o||!i)return;const e=a.clientX-o.startX;if(!o.moved){if(Math.abs(e)<4)return;o.moved=!0,z(!0)}const n=Math.min(480,Math.max(0,o.startWidth+e));R.current=n,i.style.setProperty("--navigationdashboard-sidebar-w",`${n}px`),i.dataset.collapsing=n<220?"true":"false",!o.wasOpen&&n>0&&M(!0)},onPointerUp:B,onPointerCancel:B,className:[E?m.toggleOpen:m.toggleClosed].join(" "),"aria-label":E?"Collapse sidebar":"Expand sidebar","aria-expanded":E,children:o("div",{children:"|"})})}),o("div",{className:m.outletContent,children:N})]})]})})]})};c.displayName="NavigationDashboard";export{c as NavigationDashboard};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{N as NavigationTabs}from"../NavigationTabs
|
|
1
|
+
export{N as NavigationTabs}from"../NavigationTabs--DwmwCt_.js";import"react/jsx-runtime";import"react";import"../Button-D231Dgds.js";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";import"../style-inject.es-CrVRO2OA.js";import"../Grid-DmI4tqqG.js";import"../Loader-ZYEBOkbx.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as n,jsxs as e,Fragment as a}from"react/jsx-runtime";import{useId as t,useRef as i,useCallback as o,useEffect as r}from"react";import{B as s}from"./Button-
|
|
1
|
+
import{jsx as n,jsxs as e,Fragment as a}from"react/jsx-runtime";import{useId as t,useRef as i,useCallback as o,useEffect as r}from"react";import{B as s}from"./Button-D231Dgds.js";import{G as m}from"./Grid-DmI4tqqG.js";import{T as l}from"./TextBox-__k4jPYK.js";import{s as u}from"./style-inject.es-CrVRO2OA.js";const c={urlChangeTimeoutMs:1500,settleMs:150,maxWaitMs:4e3},d=n=>/^#!?\//.test(n),h=n=>n.replace(/\/+$/,"")||"/",g=(n,e,a={})=>{const{urlChangeTimeoutMs:t,settleMs:i,maxWaitMs:o}={...c,...a},r=window.location.href,s=performance.now();let m,l,u,d=!1,h=0,g=0;const v=()=>{cancelAnimationFrame(h),cancelAnimationFrame(g),clearTimeout(m),clearTimeout(l),u?.disconnect()},_=()=>{d||(d=!0,v(),g=requestAnimationFrame(()=>{g=requestAnimationFrame(()=>e())}))};l=window.setTimeout(_,o);const p=()=>{clearTimeout(m),m=window.setTimeout(_,i)},b=()=>{if(!d)return window.location.href!==r?(u=new MutationObserver(e=>{e.some(e=>!n?.contains(e.target))&&p()}),u.observe(document.body,{childList:!0,subtree:!0,characterData:!0}),void p()):void(performance.now()-s>t?_():h=requestAnimationFrame(b))};return h=requestAnimationFrame(b),()=>{d=!0,v()}};var v={n23mNavigationTabs:"NavigationTabs-module_n23mNavigationTabs__ZW-sA",navigationLine:"NavigationTabs-module_navigationLine__0GXrl",menuPlaceholder:"NavigationTabs-module_menuPlaceholder__4e0gb",menu:"NavigationTabs-module_menu__RyLBY",menuContent:"NavigationTabs-module_menuContent__bVzSY",menuAnimation:"NavigationTabs-module_menuAnimation__RvppI",menuOpen:"NavigationTabs-module_menuOpen__H7d5G",noAnimation:"NavigationTabs-module_noAnimation__Wxndt",menuItemMobile:"NavigationTabs-module_menuItemMobile__xblea",navigationTabMenu:"NavigationTabs-module_navigationTabMenu__sH02E",menuItemDesktop:"NavigationTabs-module_menuItemDesktop__CgUIw"};u("@layer n23mNavigationTabs{.NavigationTabs-module_n23mNavigationTabs__ZW-sA{.NavigationTabs-module_navigationLine__0GXrl{background-color:#e1dfdf;height:2px;width:100%}.NavigationTabs-module_menuPlaceholder__4e0gb{position:fixed;right:calc(50% - clamp(0px, 100%, 1440px)/2 + 20px);z-index:9999}.NavigationTabs-module_menu__RyLBY{background-color:#e1dfdf;contain:strict;height:100dvh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:transform .25s ease-out;width:100vw;will-change:transform;z-index:9998;.NavigationTabs-module_menuContent__bVzSY{display:flex;flex-direction:column;opacity:0;padding:150px 20px;&.NavigationTabs-module_menuAnimation__RvppI{opacity:1;transition:opacity .2s ease-in .3s}a{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}}}.NavigationTabs-module_menuOpen__H7d5G{transform:scale(1);transition:transform .25s ease-in}.NavigationTabs-module_menuContent__bVzSY.NavigationTabs-module_noAnimation__Wxndt,.NavigationTabs-module_menu__RyLBY.NavigationTabs-module_noAnimation__Wxndt{transition:none}.NavigationTabs-module_menuItemMobile__xblea{display:none}@media (max-width:767.98px){.NavigationTabs-module_menuItemDesktop__CgUIw,.NavigationTabs-module_navigationTabMenu__sH02E{display:none}.NavigationTabs-module_menuItemMobile__xblea{align-items:center;display:flex;min-height:40px}body:has(.NavigationTabs-module_menuItemMobile__xblea .NavigationTabs-module_menuOpen__H7d5G){overflow:hidden}}}}");const _=({children:u,className:c,style:_,menuTopLeftColumn:p=n(a,{children:"menuTopLeftColumn"}),menuTopRightColumn:b=n(a,{children:"menuTopRightColumn"}),menuMobile:w,menuBottomTabs:T=n(a,{children:"menuBottomTabs"}),menuOnlyTop:f=!1,widthMainContainer:x="1600px",widthInnerContainer:N="1400px",...y})=>{const L=t(),A=i(null),M=i(null),C=i(!1),k=i(null),I=i(null),E=o(()=>{null!==k.current&&(cancelAnimationFrame(k.current),k.current=null)},[]),B=o(()=>{I.current?.(),I.current=null},[]),F=o(()=>{const n=A.current,e=M.current;n&&e&&(B(),E(),C.current=!0,n.classList.remove(v.noAnimation),e.classList.remove(v.noAnimation),k.current=requestAnimationFrame(()=>{k.current=requestAnimationFrame(()=>{C.current&&(n.classList.add(v.menuOpen),e.classList.add(v.menuAnimation),k.current=null)})}))},[E,B]),j=o((n=!1)=>{const e=A.current,a=M.current;e&&a&&(B(),E(),C.current=!1,n&&(e.classList.add(v.noAnimation),a.classList.add(v.noAnimation)),e.classList.remove(v.menuOpen),a.classList.remove(v.menuAnimation))},[E,B]);r(()=>{const n=n=>{"Escape"===n.key&&C.current&&j()},e=window.matchMedia("(max-width: 767.98px)"),a=n=>{!n.matches&&C.current&&j(!0)};return document.addEventListener("keydown",n),e.addEventListener("change",a),()=>{document.removeEventListener("keydown",n),e.removeEventListener("change",a),B(),E()}},[j,B,E]),r(()=>{const n=()=>{I.current||C.current&&j(!0)};return window.addEventListener("popstate",n),window.addEventListener("hashchange",n),()=>{window.removeEventListener("popstate",n),window.removeEventListener("hashchange",n)}},[j]);return n("div",{className:[v.n23mNavigationTabs,"n23mNavigationTabs",c].filter(Boolean).join(" "),style:_,...y,children:e(m,{layout:"container",widthMax:x,children:[n(m,{layout:"container",widthMax:N,padding:"20px",margin:"auto",children:e(m,{layout:"columns",gap:{col:"20px",row:"20px"},col:{smallDesktop:2,desktop:2,mobile:2,tablet:2},children:[n("div",{children:p}),n("div",{className:w?v.menuItemDesktop:void 0,children:b}),w&&e("div",{className:v.menuItemMobile,children:[n("div",{className:v.menuPlaceholder,children:n(s,{type:"button",variant:"menu",height:"40px",width:"70px",padding:0,onClick:()=>{C.current?j():F()},"aria-label":"Menu","aria-controls":L,children:n(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"inherit",children:"Menu"})})}),n("div",{id:L,ref:A,className:v.menu,children:n("div",{ref:M,className:v.menuContent,onClickCapture:n=>{const e=n.target;if(!(e instanceof Element))return;const a=e.closest("a");if(!a)return;if(0!==n.button||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey)return;if("_blank"===a.getAttribute("target")||a.hasAttribute("download"))return void B();const t=new URL(a.href,window.location.href);if(t.origin!==window.location.origin)return void B();const i=h(t.pathname)===h(window.location.pathname)&&t.search===window.location.search,o=t.hash!==window.location.hash&&(d(t.hash)||d(window.location.hash));if(i&&!o)return B(),void j();B(),I.current=g(A.current,()=>{I.current=null,j()})},children:w})})]})]})}),n("div",{className:v.navigationLine}),!f&&n(m,{layout:"container",widthMax:N,padding:"20px",margin:"auto",className:v.navigationTabMenu,children:n(m,{layout:"flex",justifyContent:"center",widthMax:N,gap:{col:"30px",row:"20px"},children:T})})]})})};_.displayName="NavigationTabs";export{_ as N};
|
package/lib/Slider/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{B as d}from"../Button-
|
|
1
|
+
import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{B as d}from"../Button-D231Dgds.js";import{u as s}from"../useWindowSize-CAQRbyxi.js";import{I as a,a as c}from"../IconLocate-BXomEqkx.js";import{L as m}from"../Loader-ZYEBOkbx.js";import{T as u}from"../Typography-CR1DOKsN.js";import{s as h}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";var g={n23mSlider:"Slider-module_n23mSlider__dg2MQ",dragging:"Slider-module_dragging__kMTuz",n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__2hzVV",n23mSliderSlideWrapper:"Slider-module_n23mSliderSlideWrapper__rGgB5",n23mSliderSlide:"Slider-module_n23mSliderSlide__Rp-uz",n23mSliderControls:"Slider-module_n23mSliderControls__P6qoa",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__VGq89",n23mSliderCounter:"Slider-module_n23mSliderCounter__o-IR0"};h("@layer n23mSlider{.Slider-module_n23mSlider__dg2MQ{width:100%;&.Slider-module_dragging__kMTuz,&.Slider-module_dragging__kMTuz a{cursor:grabbing}}.Slider-module_n23mSliderContainerSlider__2hzVV{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSliderSlideWrapper__rGgB5{box-sizing:border-box;display:flex;height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSliderSlide__Rp-uz{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__P6qoa{align-items:center;display:flex;margin-left:20px;margin-right:20px}.Slider-module_n23mSliderControlsButtons__VGq89{display:flex;gap:10px;margin-top:10px}.Slider-module_n23mSliderCounter__o-IR0{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const p=(e,r,l=!1,n)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>i.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r} ${n}`,className:e.props.className})),S=({isCircular:h=!1,children:S,className:_,loading:f=!1,loaderColor:x="black",slidesConfig:v={mobile:{items:1,slidesToScroll:1},tablet:{items:2,slidesToScroll:2},desktop:{items:3,slidesToScroll:3}},slideSpacingPx:b=10})=>{const C=i.Children.toArray(S).filter(i.isValidElement),{width:y}=s(),[w,T]=n(0),j=t(null),$=t(null),[z,N]=n(h?2*C.length:0),[E,L]=n(!1),k=t([]),[B,M]=n(null),[W,V]=n(0),P=t(!1);let R,X,q,G;y<767.98?(R=v.mobile.items,X=v.mobile.slidesToScroll,q="transform 0.4s cubic-bezier(.4,0,.2,1)",G=450):y<1199.98?(R=v.tablet.items,X=v.tablet.slidesToScroll,q="transform 0.4s cubic-bezier(.4,0,.2,1)",G=450):(R=v.desktop.items,X=v.desktop.slidesToScroll,q="transform 0.4s cubic-bezier(.4,0,.2,1)",G=450),o(()=>{j.current&&T(j.current.offsetWidth),N(h?2*C.length:0)},[f,h,R,C.length,y]),o(()=>{const e=j.current;if(!e)return;const r=new ResizeObserver(()=>{T(e.offsetWidth)});return r.observe(e),()=>r.disconnect()},[f]);const I=(w-b*(R-1))/R;let D=h?[...p(C,C.length,!1,1),...C,...p(C,C.length,!1,2),...p(C,C.length,!0,3),...p(C,C.length,!0,4)]:C;o(()=>{k.current.forEach((e,r)=>{if(!e)return;let l=0,i=0;1===R&&1!==C.length?(l=40,i=40):2===R?(l=20,i=20):4===R?(l=10,i=10):3===R&&(l=12.5,i=12.5);const n=(r-z)*(I+b-i)+(w-(I-l)*R-b*(R-1))/2;e.style.transition=E?q:"none",e.style.transform=`translateX(${n}px)`})},[z,w,E,D.length,R,I,b,f]),o(()=>{if(!E)return;let e;const r=()=>{let l=z;z<2*R&&h?l=z+2*C.length:z>=2*C.length+R&&h&&(l=z-C.length),l!==z&&h&&N(l),L(!1),k.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)};return k.current.forEach(e=>{e&&e.addEventListener("transitionend",r)}),e=window.setTimeout(()=>{L(!1),k.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)})},G),()=>{k.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)}},[z,h,E,C.length,R,D.length,f]);const Q=()=>{E||(L(!0),N(e=>e+X))},A=()=>{E||(L(!0),N(e=>e-X))};return e("div",{ref:$,className:[g.n23mSlider,"n23mSlider",_].filter(Boolean).join(" "),style:{height:f?"calc(100% - 2px)":"calc(100% - 60px)"},children:[f&&r(m,{loaderColor:x}),!f&&e(l,{children:[r("div",{className:g.n23mSliderContainerSlider,onTouchStart:e=>{1===e.touches.length&&(M(e.touches[0].clientX),V(0),P.current=!0,$.current&&$.current.classList.add(g.dragging))},onTouchMove:e=>{null!==B&&V(e.touches[0].clientX-B)},onTouchEnd:()=>{W>50&&!E&&(h||0!==z)?A():W<-50&&!(E||!h&&z+R>=C.length)&&Q(),M(null),V(0),P.current=!1,$.current&&$.current.classList.remove(g.dragging)},onMouseDown:e=>{M(e.clientX),V(0),P.current=!0,$.current&&$.current.classList.add(g.dragging)},onMouseMove:e=>{null!==B&&V(e.clientX-B)},onMouseUp:()=>{W>50&&!E&&(h||0!==z)?A():W<-50&&!(E||!h&&z+R>=C.length)&&Q(),M(null),V(0),P.current=!1,$.current&&$.current.classList.remove(g.dragging)},children:r("div",{className:[g.n23mSliderSlideWrapper,"n23mSliderSlideWrapper"].join(" "),ref:j,style:{gap:`${b}px`},children:D.map((e,l)=>r("div",{ref:e=>{k.current[l]=e},className:g.n23mSliderSlide,style:{width:1===R&&1===C.length?"100%":1===R?`calc(${I}px - 40px)`:2===R?`calc(${I}px - 20px)`:3===R?`calc(${I}px - 12.5px)`:4===R?`calc(${I}px - 10px)`:`${I}px`},"aria-hidden":l<z||l>=z+R,children:e},e.key??l))})}),e("div",{className:[g.n23mSliderControls,"n23mSliderControls"].join(" "),style:{justifyContent:1===R?"space-between":"flex-end"},children:[1===R&&r("div",{className:[g.n23mSliderCounter,"n23mSliderCounter"].join(" "),children:r(u,{variant:"body",tag:"span",children:h?`${(()=>{if(!h)return z;const e=C.length;return e<1?0:(z+e)%e})()+1} / ${C.length}`:`${z+1} / ${C.length}`})}),e("div",{className:[g.n23mSliderControlsButtons,"n23mSliderControlsButtons"].join(" "),children:[r(d,{variant:"secondary",height:"50px",width:"50px",padding:0,title:"Previous slide","aria-label":"Previous slide",onClick:A,disabled:E||!h&&0===z,children:r(a,{width:24,height:24})}),r(d,{variant:"secondary",height:"50px",width:"50px",padding:0,title:"Next slide","aria-label":"Next slide",onClick:Q,disabled:E||!h&&z+R>=C.length,children:r(c,{width:24,height:24})})]})]})]})]})};S.displayName="Slider";export{S as Slider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as t,Children as l,cloneElement as n,useState as o,useCallback as i,useEffect as c,useMemo as a}from"react";import{B as s}from"../Button-
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as t,Children as l,cloneElement as n,useState as o,useCallback as i,useEffect as c,useMemo as a}from"react";import{B as s}from"../Button-D231Dgds.js";import{u}from"../useWindowSize-CAQRbyxi.js";import{I as d,a as g}from"../IconLocate-BXomEqkx.js";import{s as m,g as f}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-BoEg_zlZ.js";import"../TextBox-__k4jPYK.js";var h={n23mSliderScrollWrapper:"SliderScroll-module_n23mSliderScrollWrapper__qj8cS",n23mSliderScrollTrack:"SliderScroll-module_n23mSliderScrollTrack__y6G6v",dragging:"SliderScroll-module_dragging__gH9AX",n23mSliderScrollControls:"SliderScroll-module_n23mSliderScrollControls__TAnlc",n23mSliderScrollControlsButtons:"SliderScroll-module_n23mSliderScrollControlsButtons__-PK4Y"};m("@layer n23mSliderScroll{.SliderScroll-module_n23mSliderScrollWrapper__qj8cS{display:grid;position:relative}.SliderScroll-module_n23mSliderScrollTrack__y6G6v{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--sliderscroll-g);overflow-x:scroll;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}&.SliderScroll-module_dragging__gH9AX,&.SliderScroll-module_dragging__gH9AX a{cursor:grabbing}}.SliderScroll-module_n23mSliderScrollControls__TAnlc{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderScroll-module_n23mSliderScrollControlsButtons__-PK4Y{display:flex;gap:10px;margin-top:10px}}");const S=({children:m,className:S,gap:p="5px",isCircular:w=!1,autoPlay:v=!1,autoPlaySpeed:L=.5,style:_})=>{const b={carousel:t(null),buttonLeft:t(null),buttonRight:t(null),showArrowLeft:t(!1),showArrowRight:t(!1),isSliding:t(!1),animationFrameId:t(null),isHovered:t(!1),hasInitialized:t(!1),updateControls:t(()=>{}),drag:t({isDown:!1,startX:0,scrollLeft:0,isMove:!1,isDragging:!1}),childRefs:t([])},y=l.toArray(m),x=y.length,A=w?y.map((r,e)=>n(r,{key:`cb-${e}`})):[],F=w?y.map((r,e)=>n(r,{key:`ca-${e}`})):[],C=w?[...A,...y,...F]:y,[I,k]=o([]),{width:j}=u(),D=i(()=>{if(!b.carousel.current)return;const r=Number(p.slice(0,-2)),e=b.childRefs.current.map(e=>{if(!e)return 0;const t=getComputedStyle(e),l=parseFloat(t.marginLeft)||0,n=parseFloat(t.marginRight)||0;return e.offsetWidth+l+n+r});k(r=>r.length===e.length&&r.every((r,t)=>r===e[t])?r:e)},[p]);c(()=>{D()},[m,j,D]),c(()=>{const r=b.carousel.current;if(!r)return;let e=null;const t=new ResizeObserver(()=>{e&&cancelAnimationFrame(e),e=requestAnimationFrame(()=>{D(),b.updateControls.current()})});return t.observe(r),r.parentElement&&t.observe(r.parentElement),()=>{t.disconnect(),e&&cancelAnimationFrame(e)}},[D,w]);const M=a(()=>{const r=[];let e=0;for(const t of I)r.push(e),e+=t;return r},[I]);c(()=>{b.hasInitialized.current=!1},[w]),c(()=>{w&&b.carousel.current&&M.length&&!b.hasInitialized.current&&(b.carousel.current.scrollLeft=(M[x]||0)-2*Number(p.slice(0,-2)),b.hasInitialized.current=!0),N()},[j,M,x,w]),c(()=>{R(!1)},[]),c(()=>{if(!w)return;if(!v)return void(b.animationFrameId.current&&(cancelAnimationFrame(b.animationFrameId.current),b.animationFrameId.current=null));let r;const e=()=>{if(!b.carousel.current)return;if(b.isSliding.current||b.isHovered.current)return void(b.animationFrameId.current=requestAnimationFrame(e));const r=b.carousel.current;let t=r.scrollLeft+L;if(w&&M.length&&I.length){const r=M[M.length-1]+(I[I.length-1]||0),e=M[x]||0,l=M[x+y.length]||r;t>l+I[0]/2&&(t-=l-e)}r.scrollLeft=t,N(),b.animationFrameId.current=requestAnimationFrame(e)};return r=setTimeout(()=>{b.animationFrameId.current=requestAnimationFrame(e)},500),()=>{r&&clearTimeout(r),b.animationFrameId.current&&(cancelAnimationFrame(b.animationFrameId.current),b.animationFrameId.current=null)}},[v,L,w,M,I,x,y.length]);const N=()=>{if(b.carousel.current){if(w)b.showArrowLeft.current=!0,b.showArrowRight.current=!0;else{const r=b.carousel.current.scrollLeft,e=b.carousel.current.scrollWidth-b.carousel.current.clientWidth;b.showArrowLeft.current=r>0,b.showArrowRight.current=r<e-1}R(b.isSliding.current)}};b.updateControls.current=N;const R=r=>{b.buttonLeft.current&&(b.buttonLeft.current.disabled=r||!b.showArrowLeft.current),b.buttonRight.current&&(b.buttonRight.current.disabled=r||!b.showArrowRight.current)},W=(r,e,t=300)=>{if(b.isSliding.current)return;b.isSliding.current=!0,R(!0);const l=r.scrollLeft,n=e-l,o=performance.now(),i=e=>{const c=e-o,a=Math.min(c/t,1);var s;r.scrollLeft=l+n*((s=a)<.5?4*s*s*s:1-Math.pow(-2*s+2,3)/2),a<1?requestAnimationFrame(i):(b.isSliding.current=!1,R(!1),N())};requestAnimationFrame(i)},X=i(()=>{if(!b.carousel.current)return;if(!M.length||!I.length)return;const r=b.carousel.current,e=r.offsetWidth,t=r.scrollLeft;let l=M.findIndex(r=>r>t);-1===l?l=M.length-1:l>0&&l--;let n,o=0,i=0;for(let r=l;r<M.length&&(o+=I[r],i++,!(o>=e));r++);const c=l+i-1;n=M[c]+I[c]>t+e+1?c:l+i;let a=M[n]-2*Number(p.slice(0,-2));if(a<0&&(a=0),w){a=(M[x]||0)+a-(M[x]||0)}W(b.carousel.current,a,400)},[M,I,p,x,w,y.length]),B=i(()=>{if(!b.carousel.current)return;if(!M.length||!I.length)return;const r=b.carousel.current,e=r.offsetWidth,t=r.scrollLeft;let l=0;for(let r=0;r<M.length;r++)if(M[r]>t){l=r-1;break}l<0&&(l=0);let n=0,o=0;for(let r=l;r>=0&&(n+=I[r],n<=e);r--)o++;let i=l;w||(i=Math.max(o-1,i));let c=M[i]+I[i]-e+Number(p.slice(0,-2));if(c<0&&(c=0),w){c=(M[x]||0)+c-(M[x]||0)+Number(p.slice(0,-2))}W(b.carousel.current,c,400)},[M,I,p,x,w]),T=()=>{b.carousel.current&&(b.drag.current.isDragging?b.carousel.current.classList.add(h.dragging):b.carousel.current.classList.remove(h.dragging))};return r("div",{className:["n23mSliderScroll",S].filter(Boolean).join(" "),style:{...f({"--sliderscroll-g":p,height:"calc(100% - 60px)"}),..._},onMouseEnter:()=>{b.isHovered.current=!0},onMouseLeave:()=>{b.isHovered.current=!1},children:[e("div",{className:[h.n23mSliderScrollWrapper,"n23mSliderScrollWrapper"].join(" "),children:e("div",{className:h.n23mSliderScrollTrack,ref:b.carousel,onClick:r=>{b.drag.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:()=>{if(b.carousel.current){if(w&&M.length&&I.length){const r=b.carousel.current.scrollLeft,e=M[M.length-1]+(I[I.length-1]||0),t=M[x]||0,l=M[x+y.length]||e;r<t-I[0]/2?b.carousel.current.scrollLeft=r+(M[y.length+x]-t):r>l+I[0]/2&&(b.carousel.current.scrollLeft=r-(l-t))}N()}},onMouseDown:r=>{b.drag.current.isDown=!0,b.drag.current.startX=r.pageX-(b.carousel.current?.offsetLeft||0),b.drag.current.scrollLeft=b.carousel.current?.scrollLeft||0,b.drag.current.isDragging=!0,T()},onMouseLeave:()=>{b.drag.current.isDown&&(b.drag.current.isDown=!1,b.drag.current.isDragging=!1,T())},onMouseUp:()=>{b.drag.current.isDown=!1,b.drag.current.isDragging=!1,T()},onMouseMove:r=>{if(!b.drag.current.isDown)return void(b.drag.current.isMove=!1);r.preventDefault();var e;const t=("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(b.carousel.current?.offsetLeft||0)-b.drag.current.startX;Math.abs(t)>5&&(b.drag.current.isMove=!0),b.carousel.current&&(b.carousel.current.scrollLeft=b.drag.current.scrollLeft-t,N())},children:C.map((r,t)=>e("div",{ref:r=>{b.childRefs.current[t]=r},style:{display:"inline-block"},children:r},r.key||t))})}),e("div",{className:[h.n23mSliderScrollControls,"n23mSliderScrollControls"].join(" "),children:r("div",{className:[h.n23mSliderScrollControlsButtons,"n23mSliderScrollControlsButtons"].join(" "),children:[e(s,{ref:b.buttonLeft,variant:"secondary",height:"50px",width:"50px",padding:0,title:"Previous","aria-label":"Previous",onClick:B,children:e(d,{width:24,height:24})}),e(s,{ref:b.buttonRight,variant:"secondary",height:"50px",width:"50px",padding:0,title:"Next","aria-label":"Next",onClick:X,children:e(g,{width:24,height:24})})]})})]})};S.displayName="SliderScroll";export{S as SliderScroll};
|
package/lib/Table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as l,Fragment as t}from"react/jsx-runtime";import{useState as a}from"react";import{B as i}from"../Button-
|
|
1
|
+
import{jsxs as e,jsx as l,Fragment as t}from"react/jsx-runtime";import{useState as a}from"react";import{B as i}from"../Button-D231Dgds.js";import{C as o}from"../Calendar-FdLNtnDb.js";import{D as n}from"../Dialog-wMSO-2wN.js";import{F as r}from"../Form-GEUDMZ7Z.js";import{G as d}from"../Grid-DmI4tqqG.js";import{I as s}from"../Input-DcnNAaKr.js";import{L as c}from"../LoaderDots-BoEg_zlZ.js";import{S as p}from"../Select-ha0wdXL7.js";import{T as m}from"../TextBox-__k4jPYK.js";import{T as b}from"../Typography-CR1DOKsN.js";import{s as h,g}from"../style-inject.es-CrVRO2OA.js";import{V as u}from"../validator.const-LBF9whmW.js";import"../IconLocate-BXomEqkx.js";import"../Loader-ZYEBOkbx.js";import"../validator/index.js";var f={n23mTable:"Table-module_n23mTable__kKVd9",table:"Table-module_table__hJFsY",loadingCell:"Table-module_loadingCell__mIX-P",loadingInner:"Table-module_loadingInner__GlNjv"};h('@layer n23mTable{.Table-module_n23mTable__kKVd9{--hover-bg:rgba(0,0,0,.11);background-attachment:local,local,scroll,scroll;background-color:#fff;background-image:linear-gradient(90deg,#fff 20px,hsla(0,0%,100%,0)),linear-gradient(270deg,#fff 20px,hsla(0,0%,100%,0)),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.25),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.25),transparent);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;isolation:isolate;overflow-x:auto;overflow-y:hidden}.Table-module_n23mTable__kKVd9:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.Table-module_table__hJFsY{border-collapse:collapse;min-width:max-content;width:100%}.Table-module_table__hJFsY td,.Table-module_table__hJFsY th{border:1px solid grey;padding:10px 12px;position:relative}.Table-module_table__hJFsY td[data-clickable=true]{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Table-module_table__hJFsY td.Table-module_loadingCell__mIX-P{cursor:default;padding:0}.Table-module_loadingInner__GlNjv{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:flex-start;min-height:var(--table-loading-height,219.25px);padding:10px}@media (hover:hover){.Table-module_table__hJFsY tbody tr:hover>td{background-color:var(--hover-bg)}.Table-module_table__hJFsY tbody td:hover:after{background-color:var(--hover-bg);content:"";inset:-100vh 0;pointer-events:none;position:absolute;z-index:-1}.Table-module_table__hJFsY tbody tr:hover>td.Table-module_loadingCell__mIX-P{background-color:transparent}.Table-module_table__hJFsY tbody td.Table-module_loadingCell__mIX-P:hover:after{content:none}}}');const x=({className:h,jsonSchema:x,jsonData:_,cellEdit:v,cellDelete:y,onCellReset:T,isLoading:k=!1,style:S,tableLoadingHeight:C,...j})=>{const[z,w]=a(!1),[N,E]=a(!1),[D,M]=a(0),[F,I]=a(null),{onCellEdit:Y,isCellEditError:J=!1,isCellEditPending:O=!1,isCellEditSuccess:V=!1,cellEditErrorMsg:W,cellEditSuccessMsg:P}=v??{},{onCellDelete:B,isCellDeleteError:L=!1,isCellDeletePending:A=!1,isCellDeleteSuccess:G=!1,cellDeleteErrorMsg:X,cellDeleteSuccessMsg:K}=y??{},R=Boolean(Y),H=Boolean(B),q=x.cols.filter(e=>"id"!==e.cellName),Q=()=>{T&&setTimeout(()=>T(),300)},U=()=>{E(!1),Q()},Z=()=>{E(!1),w(!1),Q()};return e("div",{className:[f.n23mTable,"n23mTable",h].filter(Boolean).join(" "),...j,style:{...g({"--table-loading-height":C}),...S},children:[R&&l(n,{open:z,onCancel:()=>{w(!1),Q()},widthMax:"900px",children:e(d,{layout:"container",widthMin:"min(800px, calc(100vw - 25px))",padding:"0px 30px 30px 30px",margin:"auto",children:[l(b,{appearance:"light",variant:"subheading",tag:"h2",style:{margin:"0 0 20px 0"},children:"Edit Cell"}),e(r,{onSubmit:e=>{if(!Y)return;if(Object.values(e).some(({error:e})=>e))return;const l=Object.fromEntries(Object.entries(e).map(([e,{value:l}])=>[e,l]));Y(l)},isError:J,isPending:O,isSuccess:V,errorMsg:W,successMsg:P,children:[l(d,{layout:"columns",col:{smallDesktop:2},gap:{col:"20px"},children:F&&x.cols.map(e=>{const t=F[e.cellName];if("date"===e.cellType){const a=t||e.initialValue;return l(o,{label:e.cellText,name:e.cellName,disabled:e.disabledEdit,initialValue:a,placeholder:e.cellText,validatorOptions:e.validatorOptions},e.cellName)}if("select"===e.cellType){const a=e.options.find(e=>e.value===String(t??""))??e.initialValue;return l(p,{name:e.cellName,options:e.options,disabled:e.disabledEdit,initialValue:a,validatorOptions:e.validatorOptions},e.cellName)}return l(s,{label:e.cellText,name:e.cellName,type:e.cellType,step:"number"===e.cellType?.01:void 0,defaultValue:String(t??""),disabled:e.disabledEdit,placeholder:e.cellText,validatorOptions:e.validatorOptions},e.cellName)})}),e(d,{layout:"flex",widthMax:"100%",padding:"0",justifyContent:H?"space-between":"flex-end",alignItems:"right",margin:"20px 0 0 0",children:[H&&l(i,{type:"button",variant:"danger",disabled:O||A,onClick:()=>{H&&F&&E(!0)},children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Delete"})}),l(i,{type:"submit",variant:"primary",disabled:O||A,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Save changes"})})]})]},D)]})}),H&&l(n,{open:N,onCancel:G?Z:U,widthMax:"900px",children:e(d,{layout:"container",widthMin:"min(500px, calc(100vw - 25px))",padding:"0px 30px 30px 30px",margin:"auto",children:[l(b,{appearance:"light",variant:"subheading",tag:"h2",style:{margin:"0 0 20px 0"},children:G?"Deleted":"Are you sure?"}),!G&&l(b,{variant:"body",tag:"p",desktopSize:16,mobileSize:16,fontWeight:400,children:"This row will be permanently deleted. This action cannot be undone."}),L&&!G&&l(b,{variant:"body",tag:"p",desktopSize:16,mobileSize:16,fontWeight:400,color:u.error,style:{margin:"10px 0 0 0"},children:X??"Delete failed"}),G&&l(b,{variant:"body",tag:"p",desktopSize:16,mobileSize:16,fontWeight:400,color:u.success,children:K??"Row deleted"}),l(d,{layout:"flex",widthMax:"100%",padding:"0",justifyContent:G?"flex-end":"space-between",margin:"20px 0 0 0",children:G?l(i,{type:"button",variant:"success",onClick:Z,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Close"})}):e(t,{children:[l(i,{type:"button",variant:"secondary",disabled:A,onClick:U,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Cancel"})}),l(i,{type:"button",variant:"danger",disabled:A,onClick:()=>{B&&F&&B(F.id)},children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Yes, delete"})})]})})]})}),e("table",{className:f.table,"aria-busy":k,children:[l("thead",{children:l("tr",{children:q.map(e=>l("th",{scope:"col",children:l(m,{mobileSize:16,desktopSize:20,color:"black",textAlign:e.thAlign??"left",children:e.cellText})},e.cellName))})}),l("tbody",{children:k?l("tr",{children:l("td",{className:f.loadingCell,colSpan:Math.max(q.length,1),children:l("div",{className:f.loadingInner,children:l(c,{})})})}):_.rows.map(e=>l("tr",{children:q.map(t=>{const a=e[t.cellName];return l("td",{"data-clickable":R,onClick:R?()=>(e=>{I(e),w(!0),M(e=>e+1)})(e):void 0,children:l(m,{fontWeight:400,mobileSize:16,desktopSize:16,color:"black",textAlign:t.tdAlign??"left",children:void 0===a?"":String(a)})},t.cellName)})},e.id))})]})]})};x.displayName="Table";export{x as Table};
|