najwer23morsels 1.11.10 → 1.12.3
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/CHANGELOG.md +53 -34
- package/lib/Footer/index.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/Grid/Grid.d.ts +2 -51
- package/lib/Grid/Grid.types.d.ts +72 -0
- package/lib/Grid/Grid.utils.d.ts +2 -0
- package/lib/Grid/index.js +1 -1
- package/lib/Grid-BLvVIQEG.js +1 -0
- package/lib/NavigationDashboard/index.js +1 -1
- package/lib/NavigationTabs/index.js +1 -1
- package/lib/{NavigationTabs-BA5jbeUT.js → NavigationTabs-RvtmiqDG.js} +1 -1
- package/lib/Table/index.js +1 -1
- package/package.json +1 -1
- package/lib/Grid-DjltJgcx.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,205 +1,224 @@
|
|
|
1
1
|
# najwer23morsels
|
|
2
2
|
|
|
3
|
+
## 1.13.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Improved Button loading state and visual consistency
|
|
8
|
+
- Refined ButtonCopy animation and interaction feedback
|
|
9
|
+
|
|
10
|
+
## 1.13.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- Added Validator utility for reusable input validation
|
|
15
|
+
|
|
16
|
+
## 1.12.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- Added Grid Split layout with two columns and customizable widths
|
|
21
|
+
|
|
3
22
|
## 1.11.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
6
25
|
|
|
7
|
-
-
|
|
26
|
+
- Introduced component variants for greater customization
|
|
8
27
|
|
|
9
28
|
## 1.10.0
|
|
10
29
|
|
|
11
30
|
### Minor Changes
|
|
12
31
|
|
|
13
|
-
- Table
|
|
32
|
+
- Added Table component for structured data presentation
|
|
14
33
|
|
|
15
34
|
## 1.9.0
|
|
16
35
|
|
|
17
36
|
### Minor Changes
|
|
18
37
|
|
|
19
|
-
- NavigationDashboard
|
|
38
|
+
- Added NavigationDashboard component with responsive sidebar navigation
|
|
20
39
|
|
|
21
40
|
## 1.8.0
|
|
22
41
|
|
|
23
42
|
### Minor Changes
|
|
24
43
|
|
|
25
|
-
- Typography
|
|
44
|
+
- Added Typography component with multiple text variants and appearance options
|
|
26
45
|
|
|
27
46
|
## 1.7.0
|
|
28
47
|
|
|
29
48
|
### Minor Changes
|
|
30
49
|
|
|
31
|
-
- ButtonCopy
|
|
50
|
+
- Added ButtonCopy component for copying content to the clipboard
|
|
32
51
|
|
|
33
52
|
## 1.6.0
|
|
34
53
|
|
|
35
54
|
### Minor Changes
|
|
36
55
|
|
|
37
|
-
- FormSignUp
|
|
56
|
+
- Added FormSignUp component for user registration
|
|
38
57
|
|
|
39
58
|
## 1.5.0
|
|
40
59
|
|
|
41
60
|
### Minor Changes
|
|
42
61
|
|
|
43
|
-
- FormForgotPassOtp
|
|
62
|
+
- Added FormForgotPassOtp component for OTP-based password recovery
|
|
44
63
|
|
|
45
64
|
## 1.4.0
|
|
46
65
|
|
|
47
66
|
### Minor Changes
|
|
48
67
|
|
|
49
|
-
- FormForgotPass
|
|
68
|
+
- Added FormForgotPass component for password recovery
|
|
50
69
|
|
|
51
70
|
## 1.3.0
|
|
52
71
|
|
|
53
72
|
### Minor Changes
|
|
54
73
|
|
|
55
|
-
- FormLogin
|
|
74
|
+
- Added FormLogin component for user authentication
|
|
56
75
|
|
|
57
76
|
## 1.2.0
|
|
58
77
|
|
|
59
78
|
### Minor Changes
|
|
60
79
|
|
|
61
|
-
- LoaderDots
|
|
80
|
+
- Added LoaderDots component for animated loading indicators
|
|
62
81
|
|
|
63
82
|
## 1.1.0
|
|
64
83
|
|
|
65
84
|
### Minor Changes
|
|
66
85
|
|
|
67
|
-
- NavigationTabs
|
|
86
|
+
- Added NavigationTabs component for tab-based navigation
|
|
68
87
|
|
|
69
88
|
## 0.22.0
|
|
70
89
|
|
|
71
90
|
### Minor Changes
|
|
72
91
|
|
|
73
|
-
- Dialog
|
|
92
|
+
- Added Dialog component for modal interactions
|
|
74
93
|
|
|
75
94
|
## 0.21.0
|
|
76
95
|
|
|
77
96
|
### Minor Changes
|
|
78
97
|
|
|
79
|
-
- Calendar
|
|
98
|
+
- Added Calendar component for date selection
|
|
80
99
|
|
|
81
100
|
## 0.20.0
|
|
82
101
|
|
|
83
102
|
### Minor Changes
|
|
84
103
|
|
|
85
|
-
- Select
|
|
104
|
+
- Added Select component for dropdown selection
|
|
86
105
|
|
|
87
106
|
## 0.19.5
|
|
88
107
|
|
|
89
108
|
### Minor Changes
|
|
90
109
|
|
|
91
|
-
- Removed CodeParser
|
|
110
|
+
- Removed CodeParser component
|
|
92
111
|
|
|
93
112
|
## 0.17.1
|
|
94
113
|
|
|
95
114
|
### Patch Changes
|
|
96
115
|
|
|
97
|
-
-
|
|
116
|
+
- Added tests and minor improvements
|
|
98
117
|
|
|
99
118
|
## 0.17.0
|
|
100
119
|
|
|
101
120
|
### Minor Changes
|
|
102
121
|
|
|
103
|
-
- CopyButton
|
|
122
|
+
- Added CopyButton component for clipboard interactions
|
|
104
123
|
|
|
105
124
|
## 0.16.0
|
|
106
125
|
|
|
107
126
|
### Minor Changes
|
|
108
127
|
|
|
109
|
-
- Footer
|
|
128
|
+
- Added Footer component
|
|
110
129
|
|
|
111
130
|
## 0.15.0
|
|
112
131
|
|
|
113
132
|
### Minor Changes
|
|
114
133
|
|
|
115
|
-
- Form
|
|
134
|
+
- Added Form component for form layouts and interactions
|
|
116
135
|
|
|
117
136
|
## 0.14.0
|
|
118
137
|
|
|
119
138
|
### Minor Changes
|
|
120
139
|
|
|
121
|
-
- Input
|
|
140
|
+
- Added Input and Textarea components for text entry
|
|
122
141
|
|
|
123
142
|
## 0.13.0
|
|
124
143
|
|
|
125
144
|
### Minor Changes
|
|
126
145
|
|
|
127
|
-
- Masonry
|
|
146
|
+
- Added Masonry component for responsive grid layouts
|
|
128
147
|
|
|
129
148
|
## 0.12.0
|
|
130
149
|
|
|
131
150
|
### Minor Changes
|
|
132
151
|
|
|
133
|
-
- Picture
|
|
152
|
+
- Added Picture component for responsive image presentation
|
|
134
153
|
|
|
135
154
|
## 0.10.0
|
|
136
155
|
|
|
137
156
|
### Minor Changes
|
|
138
157
|
|
|
139
|
-
-
|
|
158
|
+
- Added Infinite Slider Scroll and Multi-Item Slider components
|
|
140
159
|
|
|
141
160
|
## 0.9.0
|
|
142
161
|
|
|
143
162
|
### Minor Changes
|
|
144
163
|
|
|
145
|
-
- Slider Scroll
|
|
164
|
+
- Added Slider Scroll component for horizontal scrolling content
|
|
146
165
|
|
|
147
166
|
## 0.8.0
|
|
148
167
|
|
|
149
168
|
### Minor Changes
|
|
150
169
|
|
|
151
|
-
- CodeParser
|
|
170
|
+
- Added CodeParser component for parsing and displaying code
|
|
152
171
|
|
|
153
172
|
## 0.7.2
|
|
154
173
|
|
|
155
174
|
### Patch Changes
|
|
156
175
|
|
|
157
|
-
-
|
|
176
|
+
- Added SVG support for Icons component
|
|
158
177
|
|
|
159
178
|
## 0.7.1
|
|
160
179
|
|
|
161
180
|
### Patch Changes
|
|
162
181
|
|
|
163
|
-
- Slider swipe
|
|
182
|
+
- Improved Slider swipe interactions on mobile devices
|
|
164
183
|
|
|
165
184
|
## 0.7.0
|
|
166
185
|
|
|
167
186
|
### Minor Changes
|
|
168
187
|
|
|
169
|
-
- Button
|
|
188
|
+
- Added Button component for interactive actions
|
|
170
189
|
|
|
171
190
|
## 0.6.0
|
|
172
191
|
|
|
173
192
|
### Minor Changes
|
|
174
193
|
|
|
175
|
-
- Grid
|
|
194
|
+
- Added Grid component for responsive layouts
|
|
176
195
|
|
|
177
196
|
## 0.5.0
|
|
178
197
|
|
|
179
198
|
### Minor Changes
|
|
180
199
|
|
|
181
|
-
- Loader
|
|
200
|
+
- Added Loader component for loading states
|
|
182
201
|
|
|
183
202
|
## 0.4.0
|
|
184
203
|
|
|
185
204
|
### Minor Changes
|
|
186
205
|
|
|
187
|
-
- Slider
|
|
206
|
+
- Added Slider component for interactive content navigation
|
|
188
207
|
|
|
189
208
|
## 0.3.0
|
|
190
209
|
|
|
191
210
|
### Minor Changes
|
|
192
211
|
|
|
193
|
-
- Slider
|
|
212
|
+
- Added Slider component with customizable arrow styling
|
|
194
213
|
|
|
195
214
|
## 0.2.0
|
|
196
215
|
|
|
197
216
|
### Minor Changes
|
|
198
217
|
|
|
199
|
-
- TextBox
|
|
218
|
+
- Added TextBox component for consistent text presentation
|
|
200
219
|
|
|
201
220
|
## 0.0.1
|
|
202
221
|
|
|
203
222
|
### Patch Changes
|
|
204
223
|
|
|
205
|
-
-
|
|
224
|
+
- Initial package release
|
package/lib/Footer/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{G as t}from"../Grid-
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{G as t}from"../Grid-BLvVIQEG.js";import{T as r}from"../TextBox-DdegFlzI.js";import{s as i,g as n}from"../style-inject.es-CrVRO2OA.js";var a={n23mFooter:"Footer-module_n23mFooter__HRl0X",n23mFooterPush:"Footer-module_n23mFooterPush__4TWa3",n23mFooterContainer:"Footer-module_n23mFooterContainer__cqTzI"};i("@layer n23mFooter{html{height:max(100%,100dvh)}body{min-height:max(100%,100dvh);position:relative}.Footer-module_n23mFooter__HRl0X{.Footer-module_n23mFooterPush__4TWa3{padding-bottom:100px}.Footer-module_n23mFooterContainer__cqTzI{background-color:var(--bc);bottom:0;height:100px;position:absolute;width:100%}}}");const l=({children:i,author:l="Mariusz Najwer",className:m,initialYear:d="2019",backgroundColor:s="#333333",color:c="white",style:h,...u})=>o("footer",{className:[a.n23mFooter,"n23mFooter",m].filter(Boolean).join(" "),...u,style:{...n({"--bc":s}),...h},children:[e("div",{className:a.n23mFooterPush}),e("div",{className:a.n23mFooterContainer,children:o(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"flex",widthMax:"1400px",padding:"20px 0 0",justifyContent:"center",children:o(r,{mobileSize:22,desktopSize:22,color:c,tag:"p",children:["© ",l]})}),e(t,{layout:"flex",widthMax:"1400px",padding:"0",justifyContent:"center",children:o(r,{mobileSize:12,desktopSize:12,color:c,tag:"p",children:[d," - ",(new Date).getFullYear()]})})]})})]});l.displayName="Footer";export{l as Footer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"../Button-C-wHKWXx.js";import{F as t}from"../Form-CIKS98NU.js";import{G as s}from"../Grid-
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"../Button-C-wHKWXx.js";import{F as t}from"../Form-CIKS98NU.js";import{G as s}from"../Grid-BLvVIQEG.js";import{I as i}from"../Input-ByGk_DRd.js";import{T as a}from"../TextBox-DdegFlzI.js";import{T as n}from"../Typography-CGEZ3qz0.js";import{s as m}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.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,...b})=>{const j=o=>{F?F(o):window.location.href=o};return o("div",{className:[l.n23mFormForgotPass,"n23mFormForgotPass",m].filter(Boolean).join(" "),...b,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(),j(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(),j(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-C-wHKWXx.js";import{F as s}from"../Form-CIKS98NU.js";import{G as a}from"../Grid-
|
|
1
|
+
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{B as t}from"../Button-C-wHKWXx.js";import{F as s}from"../Form-CIKS98NU.js";import{G as a}from"../Grid-BLvVIQEG.js";import{I as n}from"../Input-ByGk_DRd.js";import{T as i}from"../TextBox-DdegFlzI.js";import{T as p}from"../Typography-CGEZ3qz0.js";import{s as l}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.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(i,{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(n,{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(n,{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(i,{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-C-wHKWXx.js";import{F as r}from"../Form-CIKS98NU.js";import{G as n}from"../Grid-
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as o}from"../Button-C-wHKWXx.js";import{F as r}from"../Form-CIKS98NU.js";import{G as n}from"../Grid-BLvVIQEG.js";import{I as t}from"../Input-ByGk_DRd.js";import{T as l}from"../TextBox-DdegFlzI.js";import{T as a}from"../Typography-CGEZ3qz0.js";import{s}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.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(a,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:x.link,onClick:e=>{e.preventDefault(),S(x.link)},children:x.text}),e(l,{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(l,{desktopSize:16,mobileSize:16,color:"inherit",children:"Log in"})}),i("div",{children:[k&&e("div",{children:e(a,{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(a,{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-C-wHKWXx.js";import{F as o}from"../Form-CIKS98NU.js";import{G as n}from"../Grid-
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as r}from"../Button-C-wHKWXx.js";import{F as o}from"../Form-CIKS98NU.js";import{G as n}from"../Grid-BLvVIQEG.js";import{I as t}from"../Input-ByGk_DRd.js";import{T as a}from"../TextBox-DdegFlzI.js";import{T as s}from"../Typography-CGEZ3qz0.js";import{s as p}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.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};
|
package/lib/Grid/Grid.d.ts
CHANGED
|
@@ -1,52 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
col?: string;
|
|
5
|
-
row?: string;
|
|
6
|
-
}
|
|
7
|
-
interface Col {
|
|
8
|
-
mobile: number;
|
|
9
|
-
tablet: number;
|
|
10
|
-
smallDesktop: number;
|
|
11
|
-
desktop: number;
|
|
12
|
-
}
|
|
13
|
-
type GridBase = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & {
|
|
14
|
-
as?: React.ElementType;
|
|
15
|
-
widthMin?: React.CSSProperties['width'];
|
|
16
|
-
widthMax?: React.CSSProperties['width'];
|
|
17
|
-
padding?: React.CSSProperties['padding'];
|
|
18
|
-
margin?: React.CSSProperties['margin'];
|
|
19
|
-
minHeight?: React.CSSProperties['minHeight'];
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
loaderTextPosition?: React.ComponentProps<typeof Loader>['textPosition'];
|
|
22
|
-
style?: React.CSSProperties;
|
|
23
|
-
}>;
|
|
24
|
-
export type GridContainerProps = GridBase & {
|
|
25
|
-
layout: 'container';
|
|
26
|
-
gap?: Gap;
|
|
27
|
-
justifyContent?: never;
|
|
28
|
-
alignItems?: never;
|
|
29
|
-
flexWrap?: never;
|
|
30
|
-
col?: never;
|
|
31
|
-
flexDirection?: never;
|
|
32
|
-
};
|
|
33
|
-
export type GridFlexProps = GridBase & {
|
|
34
|
-
layout: 'flex';
|
|
35
|
-
gap?: Gap;
|
|
36
|
-
justifyContent?: React.CSSProperties['justifyContent'];
|
|
37
|
-
alignItems?: React.CSSProperties['alignItems'];
|
|
38
|
-
flexWrap?: React.CSSProperties['flexWrap'];
|
|
39
|
-
col?: never;
|
|
40
|
-
flexDirection?: React.CSSProperties['flexDirection'];
|
|
41
|
-
};
|
|
42
|
-
export type GridColumnsProps = GridBase & {
|
|
43
|
-
layout: 'columns';
|
|
44
|
-
gap?: Gap;
|
|
45
|
-
col: Partial<Col>;
|
|
46
|
-
justifyContent?: never;
|
|
47
|
-
alignItems?: never;
|
|
48
|
-
flexWrap?: never;
|
|
49
|
-
flexDirection?: never;
|
|
50
|
-
};
|
|
51
|
-
export declare const Grid: React.FC<GridColumnsProps | GridFlexProps | GridContainerProps>;
|
|
52
|
-
export {};
|
|
2
|
+
import { GridColumnsProps, GridContainerProps, GridFlexProps, GridSplitProps } from './Grid.types';
|
|
3
|
+
export declare const Grid: React.FC<GridColumnsProps | GridFlexProps | GridContainerProps | GridSplitProps>;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Loader } from '../Loader';
|
|
2
|
+
interface Gap {
|
|
3
|
+
col?: string;
|
|
4
|
+
row?: string;
|
|
5
|
+
}
|
|
6
|
+
interface Col {
|
|
7
|
+
mobile: number;
|
|
8
|
+
tablet: number;
|
|
9
|
+
smallDesktop: number;
|
|
10
|
+
desktop: number;
|
|
11
|
+
}
|
|
12
|
+
/** A single track (e.g. '1fr' = stacked) or a [first, second] pair of tracks. */
|
|
13
|
+
export type SplitTrack = string | [string, string];
|
|
14
|
+
export interface SplitCols {
|
|
15
|
+
mobile: SplitTrack;
|
|
16
|
+
tablet: SplitTrack;
|
|
17
|
+
smallDesktop: SplitTrack;
|
|
18
|
+
desktop: SplitTrack;
|
|
19
|
+
}
|
|
20
|
+
export type GridBase = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
as?: React.ElementType;
|
|
22
|
+
widthMin?: React.CSSProperties['width'];
|
|
23
|
+
widthMax?: React.CSSProperties['width'];
|
|
24
|
+
padding?: React.CSSProperties['padding'];
|
|
25
|
+
margin?: React.CSSProperties['margin'];
|
|
26
|
+
minHeight?: React.CSSProperties['minHeight'];
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
loaderTextPosition?: React.ComponentProps<typeof Loader>['textPosition'];
|
|
29
|
+
style?: React.CSSProperties;
|
|
30
|
+
}>;
|
|
31
|
+
export type GridContainerProps = GridBase & {
|
|
32
|
+
layout: 'container';
|
|
33
|
+
gap?: Gap;
|
|
34
|
+
justifyContent?: never;
|
|
35
|
+
alignItems?: never;
|
|
36
|
+
flexWrap?: never;
|
|
37
|
+
col?: never;
|
|
38
|
+
flexDirection?: never;
|
|
39
|
+
split?: never;
|
|
40
|
+
};
|
|
41
|
+
export type GridFlexProps = GridBase & {
|
|
42
|
+
layout: 'flex';
|
|
43
|
+
gap?: Gap;
|
|
44
|
+
justifyContent?: React.CSSProperties['justifyContent'];
|
|
45
|
+
alignItems?: React.CSSProperties['alignItems'];
|
|
46
|
+
flexWrap?: React.CSSProperties['flexWrap'];
|
|
47
|
+
col?: never;
|
|
48
|
+
flexDirection?: React.CSSProperties['flexDirection'];
|
|
49
|
+
split?: never;
|
|
50
|
+
};
|
|
51
|
+
export type GridColumnsProps = GridBase & {
|
|
52
|
+
layout: 'columns';
|
|
53
|
+
gap?: Gap;
|
|
54
|
+
col: Partial<Col>;
|
|
55
|
+
justifyContent?: never;
|
|
56
|
+
alignItems?: never;
|
|
57
|
+
flexWrap?: never;
|
|
58
|
+
flexDirection?: never;
|
|
59
|
+
split?: never;
|
|
60
|
+
};
|
|
61
|
+
export type GridSplitProps = GridBase & {
|
|
62
|
+
layout: 'split';
|
|
63
|
+
gap?: Gap;
|
|
64
|
+
/** Track sizes per breakpoint. Missing breakpoints inherit from the smaller one. */
|
|
65
|
+
split: Partial<SplitCols>;
|
|
66
|
+
alignItems?: React.CSSProperties['alignItems'];
|
|
67
|
+
justifyContent?: never;
|
|
68
|
+
flexWrap?: never;
|
|
69
|
+
flexDirection?: never;
|
|
70
|
+
col?: never;
|
|
71
|
+
};
|
|
72
|
+
export {};
|
package/lib/Grid/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{G as Grid}from"../Grid-
|
|
1
|
+
export{G as Grid}from"../Grid-BLvVIQEG.js";import"react/jsx-runtime";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{s as r,g as d}from"./style-inject.es-CrVRO2OA.js";var m={n23mGridFlex:"Grid-module_n23mGridFlex__xFJa5",n23mGridContainer:"Grid-module_n23mGridContainer__-fBUk",n23mGridColumns:"Grid-module_n23mGridColumns__KfIaf",n23mGridSplit:"Grid-module_n23mGridSplit__2UirM"};r("@layer n23mGrid{.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridContainer__-fBUk,.Grid-module_n23mGridFlex__xFJa5,.Grid-module_n23mGridSplit__2UirM{box-sizing:border-box;margin:var(--grid-m,0);max-width:var(--grid-wx,none);min-height:var(--grid-mh,auto);min-width:var(--grid-wn,0);padding:var(--grid-p,0)}.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridFlex__xFJa5{column-gap:var(--grid-cg,0);display:flex;row-gap:var(--grid-rg,0)}.Grid-module_n23mGridFlex__xFJa5{align-items:var(--grid-ai,center);flex-direction:var(--grid-fd,row);flex-wrap:var(--grid-fw,nowrap);justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridColumns__KfIaf{--_m:var(--grid-cm,1);--_t:var(--grid-ct,var(--_m));--_sd:var(--grid-csd,var(--_t));--_d:var(--grid-cd,var(--_sd));--gfc:var(--_m);flex-wrap:wrap;width:100%}.Grid-module_n23mGridColumns__KfIaf>*{box-sizing:border-box;width:calc((100% - (var(--gfc) - 1)*var(--grid-cg, 0px))/var(--gfc))}@media (min-width:768px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_t)}}@media (min-width:1200px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_sd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_d)}}.Grid-module_n23mGridSplit__2UirM{--_sm:var(--grid-sm,1fr);--_st:var(--grid-st,var(--_sm));--_ssd:var(--grid-ssd,var(--_st));--_sdk:var(--grid-sdk,var(--_ssd));align-items:var(--grid-ai,stretch);column-gap:var(--grid-cg,0);display:grid;grid-template-columns:var(--_sm);row-gap:var(--grid-rg,0);width:100%}.Grid-module_n23mGridSplit__2UirM>*{min-width:0}@media (min-width:768px){.Grid-module_n23mGridSplit__2UirM{grid-template-columns:var(--_st)}}@media (min-width:1200px){.Grid-module_n23mGridSplit__2UirM{grid-template-columns:var(--_ssd)}}@media (min-width:1600px){.Grid-module_n23mGridSplit__2UirM{grid-template-columns:var(--_sdk)}}}");const a=i=>{if(void 0!==i)return Array.isArray(i)?i.join(" "):i},n=({as:r="div",children:n,widthMin:e="0px",widthMax:t="1920px",padding:l="0px",margin:o="auto",layout:_,gap:s,col:g,split:G,loaderTextPosition:p="center",justifyContent:c,alignItems:u,minHeight:f,flexWrap:v,className:x,flexDirection:w,style:h,...C})=>{const S={container:"n23mGridContainer",flex:"n23mGridFlex",columns:"n23mGridColumns",split:"n23mGridSplit"}[_];return i(r,{className:[m[S],S,x].filter(Boolean).join(" "),style:{...d({"--grid-p":l,"--grid-m":o,"--grid-jc":c,"--grid-cg":s?.col,"--grid-rg":s?.row,"--grid-ai":u,"--grid-fw":v,"--grid-mh":f,"--grid-wn":e,"--grid-wx":t,"--grid-fd":w,"--grid-cm":g?.mobile?.toString(),"--grid-ct":g?.tablet?.toString(),"--grid-csd":g?.smallDesktop?.toString(),"--grid-cd":g?.desktop?.toString(),"--grid-sm":a(G?.mobile),"--grid-st":a(G?.tablet),"--grid-ssd":a(G?.smallDesktop),"--grid-sdk":a(G?.desktop)}),...h},...C,children:n})};n.displayName="Grid";export{n as G};
|
|
@@ -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-C-wHKWXx.js";import{G as d}from"../Grid-
|
|
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-C-wHKWXx.js";import{G as d}from"../Grid-BLvVIQEG.js";import{u as s}from"../useWindowSize-CAQRbyxi.js";import{b as l}from"../IconLocate-BXomEqkx.js";import{N as g}from"../NavigationTabs-RvtmiqDG.js";import{s as h,g as b}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.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-RvtmiqDG.js";import"react/jsx-runtime";import"react";import"../Button-C-wHKWXx.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";import"../Grid-BLvVIQEG.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-C-wHKWXx.js";import{G as m}from"./Grid-
|
|
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-C-wHKWXx.js";import{G as m}from"./Grid-BLvVIQEG.js";import{T as l}from"./TextBox-DdegFlzI.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/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-C-wHKWXx.js";import{C as o}from"../Calendar-CywqNl1K.js";import{D as n}from"../Dialog-LxcqPFlL.js";import{F as r}from"../Form-CIKS98NU.js";import{G as d}from"../Grid-
|
|
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-C-wHKWXx.js";import{C as o}from"../Calendar-CywqNl1K.js";import{D as n}from"../Dialog-LxcqPFlL.js";import{F as r}from"../Form-CIKS98NU.js";import{G as d}from"../Grid-BLvVIQEG.js";import{I as s}from"../Input-ByGk_DRd.js";import{L as c}from"../LoaderDots-B531jWAx.js";import{S as p}from"../Select-CZl1dL0Q.js";import{T as m}from"../TextBox-DdegFlzI.js";import{T as b}from"../Typography-CGEZ3qz0.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"../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:A=!1,isCellDeletePending:L=!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||L,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||L,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."}),A&&!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:L,onClick:U,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Cancel"})}),l(i,{type:"button",variant:"danger",disabled:L,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};
|
package/package.json
CHANGED
package/lib/Grid-DjltJgcx.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{L as r}from"./Loader-Xiu7dKXn.js";import{s as d,g as n}from"./style-inject.es-CrVRO2OA.js";var a={n23mGridFlex:"Grid-module_n23mGridFlex__xFJa5",n23mGridContainer:"Grid-module_n23mGridContainer__-fBUk",n23mGridColumns:"Grid-module_n23mGridColumns__KfIaf",n23mGridLoading:"Grid-module_n23mGridLoading__M2Mxr"};d("@layer n23mGrid{.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridContainer__-fBUk,.Grid-module_n23mGridFlex__xFJa5{box-sizing:border-box;margin:var(--grid-m,0);max-width:var(--grid-wx,none);min-height:var(--grid-mh,auto);min-width:var(--grid-wn,0);padding:var(--grid-p,0)}.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridFlex__xFJa5{column-gap:var(--grid-cg,0);display:flex;row-gap:var(--grid-rg,0)}.Grid-module_n23mGridFlex__xFJa5{align-items:var(--grid-ai,center);flex-direction:var(--grid-fd,row);flex-wrap:var(--grid-fw,nowrap);justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridLoading__M2Mxr>*{flex:1 1 100%;max-width:100%;width:100%}.Grid-module_n23mGridColumns__KfIaf{--_m:var(--grid-cm,1);--_t:var(--grid-ct,var(--_m));--_sd:var(--grid-csd,var(--_t));--_d:var(--grid-cd,var(--_sd));--gfc:var(--_m);flex-wrap:wrap;width:100%}.Grid-module_n23mGridColumns__KfIaf>*{box-sizing:border-box;width:calc((100% - (var(--gfc) - 1)*var(--grid-cg, 0px))/var(--gfc))}@media (min-width:768px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_t)}}@media (min-width:1200px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_sd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_d)}}}");const m={container:"n23mGridContainer",flex:"n23mGridFlex",columns:"n23mGridColumns"},o=({as:d="div",children:o,widthMin:e="0px",widthMax:t="1920px",padding:g="0px",margin:l="auto",layout:_,gap:s,col:G,loading:f=!1,loaderTextPosition:c="center",justifyContent:x,alignItems:u,minHeight:p,flexWrap:v,className:w,flexDirection:h,style:C,...F})=>{const b=m[_];return i(d,{className:[a[b],b,f&&a.n23mGridLoading,f&&"n23mGridLoading",w].filter(Boolean).join(" "),style:{...n({"--grid-p":g,"--grid-m":l,"--grid-jc":x,"--grid-cg":s?.col,"--grid-rg":s?.row,"--grid-ai":u,"--grid-fw":v,"--grid-mh":p,"--grid-wn":e,"--grid-wx":t,"--grid-fd":h,"--grid-cm":G?.mobile?.toString(),"--grid-ct":G?.tablet?.toString(),"--grid-csd":G?.smallDesktop?.toString(),"--grid-cd":G?.desktop?.toString()}),...C},...F,children:f?i(r,{minHeight:void 0!==p?`${p}`:"auto",textPosition:c}):o})};o.displayName="Grid";export{o as G};
|